We've Updated this theme as a Responsive Theme with more AWESOME Features.
So, Get the updated copyblogger-v2 theme
So, Get the updated copyblogger-v2 theme
The main Features of the Copyblogger Blogger Template
- Neat & Simple layout
- 2 Column
- Right Sidebar
- Main & Sub Navigation Menu
- Stylish Custom search bar
- Jquery Main & Sub Navigation Animated Drop Down Menu
- Custom Designed Follow by Email Widget
- Stunning Comments Section with Reply button
- Custom Multi Author Information Box
Go to Blogger Dashboard -> Design tab -> Edit HTML
Click on Expand Template Widgets checkbox
Search for the Following Code
<!-- Main Menu -->
After that you will see a Link list items Customize it your own Customize the Sub Menu
Go to Blogger Dashboard -> Design tab -> Edit HTML
Click on Expand Template Widgets checkbox
Search for the Following Code
<!-- Sub Menu -->
After that you will see a Link list items Customize it your ownCustomize the multi author widget
When you instal this template the multi author widget is not activated.To activate it follow these steps
Go to Blogger Dashboard -> Design tab -> Edit HTML
Click on Expand Template Widgets checkbox
Search for the Following Code
<b:if cond='data:post.author == "ADMIN-NAME"'>
<p><img alt='' class='avatar avatar-78 photo' height='78' src='http://i1203.photobucket.com/albums/bb382/chandeep10/copyblogger/images.jpg' width='78'/><strong>About The Author </strong><br/>
<div style='text-align: justify; font-family: Arial,Helvetica,Tahoma,sans-serif; color: #333;'>
Write About Yourself/Fellow Blogger Here!!!<br/>
For more, follow me <a href='http://twitter.com/YOURUSERNAME/'>@YOURUSERNAME</a>
</div></p>
</b:if>
<b:if cond='data:post.author == "GUEST-BLOGGER-NAME"'>
<p><img alt='' class='avatar avatar-78 photo' height='78' src='http://i1203.photobucket.com/albums/bb382/chandeep10/copyblogger/comment_avatar.png' width='78'/><strong>About The guest author </strong><br/>
<div style='text-align: justify; font-family: Arial,Helvetica,Tahoma,sans-serif; color: #333;'>
Write About Your guest Blogger Here!!!<br/>
For more, follow me <a href='http://twitter.com/GUESTUSERNAME/'>@GUESTUSERNAME</a>
</div></p>
</b:if>
<p><img alt='' class='avatar avatar-78 photo' height='78' src='http://i1203.photobucket.com/albums/bb382/chandeep10/copyblogger/images.jpg' width='78'/><strong>About The Author </strong><br/>
<div style='text-align: justify; font-family: Arial,Helvetica,Tahoma,sans-serif; color: #333;'>
Write About Yourself/Fellow Blogger Here!!!<br/>
For more, follow me <a href='http://twitter.com/YOURUSERNAME/'>@YOURUSERNAME</a>
</div></p>
</b:if>
<b:if cond='data:post.author == "GUEST-BLOGGER-NAME"'>
<p><img alt='' class='avatar avatar-78 photo' height='78' src='http://i1203.photobucket.com/albums/bb382/chandeep10/copyblogger/comment_avatar.png' width='78'/><strong>About The guest author </strong><br/>
<div style='text-align: justify; font-family: Arial,Helvetica,Tahoma,sans-serif; color: #333;'>
Write About Your guest Blogger Here!!!<br/>
For more, follow me <a href='http://twitter.com/GUESTUSERNAME/'>@GUESTUSERNAME</a>
</div></p>
</b:if>
1) To Customize Admin Information Box:-
red color:- Replace the ADMIN-NAME with your Name and YOURUSERNAME with your twitter username
light green:- Replace the image link with your avatar image url.
dark green:- Replace it with your short bio.
2) To Customize The Guest Author Information Box:-
blue color:- Replace GUEST-BLOGGER-NAME with your guest author name and the GUESTUSERNAME with guest author's twitter username.
Similarly you have to replace the guest author information and image as you do in the first step. Finally save your template.
note:- If you do not have any author then simply leave the second step.
Customize the comment reply buttonGo to Blogger Dashboard -> Design tab -> Edit HTML
Click on Expand Template Widgets checkbox
Search for the Following Codes to edit the comment reply button.Without this customization your reply button won't work.
YOUR-BLOG-ID
Replace the above block of code with your blog id and save the template.You can see your blog id in the blogger settings page url.eg:-
http://www.blogger.com/blog-options-basic.g?blogID=2089438293338338269
http://www.blogger.com/blog-options-basic.g?blogID=2089438293338338269
Terms and Conditions
- You can Use this Template for Personal and Commercial Use.
- You must keep the Footer links Intact.
- You have Permission to Re-Distribute the Template any where by giving our credit links!
If you like the Template then Please Feel free to Share it! and leave your Comments. To receive more templates from our blog please subscribe to our blog through email.
me encanta esa plantilla, la tengo en mi blog http://ondinero.blogspot.com/
ReplyDeleteHey , I downloaded this template and applied it in my blog www.way2all.in, but i cannot edit the header can I know why ? and how to change the header ?
ReplyDeleteThis problem was occurred due to the new blogger interface.
DeleteTo fix this search for the following code.
#header{
width:40%;
float:left;
display:block;
position:relative;
height:auto;
}
then replace it with
#header{
width:40%;
float:left;
display:block;
position:relative;
height:auto;
z-index:999;
}
Now you can edit header :)
Thanks Chan, BTW, the theme you are using is a Thesis Skin WordPress right ? DO you converted it ? It's name is Chronicl right ? I Like your blog so Much, can U please Covert this theme to Blogger ? http://demo.kolakube.com/md1/ , Please it's a sincere request from Me. You can contact me via email whoishari@gmail.com , Kindly convert it Please!!!
DeleteWow, this is awesome. Thanks for converting it for blogger. I will use this for my main blog soon.
ReplyDeleteJohn's blog: <a href="http://www.tipsontricks.com>Tips on Tricks</a>
Thanks for sharing
ReplyDeleteThanks for sharing!
ReplyDeletegood one..this template is nice to use
ReplyDeleteThanks for using this theme.
Deleteyou may also like the updated version of this theme.
you can see it here
http://www.blogtipsntricks.com/2012/11/copyblogger-v2-responsive-blogger-template.html
This version 1 is cool...but i'm sick very fast of this theme.
ReplyDeleteIn here look for something new. Let's see the version 2 and the others right here.
Thanks for sharing BTNT