Free Copyblogger-V2 Blogger Template



Download   Live Preview

The Main Features Of Copyblogger Blogger Template

  • Nice and Simple Design
  • Responsive theme
  • SEO Optimized
  • Fast loading Theme
  • Low Errors In W3C Validation
  • 2 Drop down Navigation Menus
  • Custom Search bar
  • Custom Designed Follow by Email Widget
  • Custom About me widget
  • Page navigation Widget
  • Stunning Threaded Comments Section
  • Custom Email subscription widget
  • Customized heading tags (h1 to h6)

How To Upload The Blogger Template


  • Go to Blogger Dashboard > Locate your Blog if you have more then one blog.
  • Click on More Options Drop Down and choose Template
  • Click on the Backup/Restore button on Top Right Corner
  • Click on Download Full Template button to backup your Old template for safety
  •  Click the Browse button and locate Copyblogger-V2 blogger template.
  • Click on the Upload Button. And you are Done!

Customization

Basic Steps : These are basic steps you need to follow for each customization.
  • On New Blogger Dashboard Go to Template > Edit HTML Button
  • Ignore the Warning and Click the Proceed button
  • Check/Tick the Expand Widget Template checkbox

Customize The Main Menu

  • Search for the Following Code
 <!-- Main Menu -->
  • After that you will see a Link list items Customize it your own.

Customize The Sub Menu

  • Search for the Following Code 
<!-- Sub Menu -->
  • After that you will see a Link list items Customize it your own.

Customize The Multi Author Widget

  • Search for <div class='author-box'>
Below that you can find the following code.

<b:if cond='data:post.author == &quot;Chan Deep&quot;'>
<p><img alt='' class='avatar avatar-78 photo' height='78' src='http://i1203.photobucket.com/albums/bb382/chandeep10/chandeep-Author.png' width='78'/><strong>About The Author </strong><br/>
<div style='text-align: justify; font-family: Arial,Helvetica,Tahoma,sans-serif; color: #333;'>
Chandeep is a 17 years old blogger Currently living in Tamil Nadu, India. He is a Skilled Blogger, web Developer and Loves to play with Codes And Creating new things as a web Designer.<br/>
For more, follow me <a href='http://twitter.com/chandeeban/'>@chandeeban</a>
</div></p>
</b:if>
<b:if cond='data:post.author == &quot;GUEST-BLOGGER-NAME&quot;'>
<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>

To Customize Admin Information Box:-


  • Replace the Chan Deep with your Profile Name and chandeeban with your twitter username.
  • Replace the image link with your avatar image url.
  • Then Customize the Author Bio your own.
    To Customize The Guest Author Information Box:-
    • 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.

    Terms And Conditions

    Please follow our four simple terms and conditions before using this template. :)
    • You can Use this Template for Personal and Commercial Use.
    • You must keep the Footer links Intact.
    •  Please Don't Re-Distribute or host this Template any where!
    • If you like the Template then Please Feel free to Share it!
    • Please leave your Precious Comments about this template and share this Template with your friends.

    Comments

    Post a Comment

    Popular posts from this blog

    How To Add Social Sharing Widget In Blogger?

    Image
    Go to Blogger > Template > Edit HTML In Edit HTML got to Jump Break > Blog1 Now Find <data:post.body/>  using ctrl+f Paste the below code after <data:post.body/ Save your template and you are done ! <b:if cond='data:blog.pageType == "item"'> <table border='0'> <tr> <td><div style='margin-right:5px;'> <g:plusone expr:href='data:post.url' size='medium'/> </div> </td> <td><div style='padding-top:6px;'> <script type='text/javascript'> tweetmeme_style = &quot;compact&quot;; </script> <script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/> </div></td> <td><div style='margin-right:25px;'> <script expr:src='&quot;http://www.stumbleupon.com/hostedbadge.php?s=1&amp;r=&quot; + data:post.url'/></div>
    Read more

    How To Add Recent Comment Widget With Avatar in Blogger

    Image
    1 . Go to Blogger > Template > Edit HTML. 2 . Find   ]]></b:skin>   and add one of the following CSS code before it. .sg_recent_comments li {      -webkit-transition: . 5 s;      -moz-transition: . 5 s;      -ms-transition: . 5 s;      -o-transition: . 5 s;      transition: . 5 s;      border : 2px solid transparent ; } .sg_recent_comments li:hover {      -webkit-transform: scale( 1.2 ) translate( 15px );      -moz-transform: scale( 1.2 ) translate( 15px );      -ms-transform: scale( 1.2 ) translate( 15px );      -o-transform: scale( 1.2 ) translate( 15px );      transform: scale( 1.2 ) translate( 15px );      box-shadow: 0 0 20px 1px #aaa ; } I hope you like this widget. If you got anything wrong from this widget you can comment on below..
    Read more