SimplexBigblue - New template for pro blogger

It's been a long time since the last template released . In this post I will show you the latest template Simplex Bigblue ,a new template for blogging purpose . This template use exist functions in blogger ,all javascript needed is integrated in template itself  ,so it decrease the loading time , load smoothly and easily ,and better in SEO .

This template is now applied in SimplexDesign blog ,so I didn't make a new demo .

Download

How to install this template

1,Download template file

2,Open template in a word editor such as Notepad++

3,To add social network accounts
 Find this code

 <ul class='social'>
                     <li><a class='social-feed' href='http://feeds.feedburner.com/Simplex' rel='nofollow' target='_blank'>RSS feed</a></li>
                     <li><a class='social-twitter' href='http://twitter.com/dinhquanghuy' rel='nofollow' target='_blank'>Twitter</a></li>
                     <li><a class='social-facebook' href='http://www.facebook.com/simplexdesignblog' rel='nofollow' target='_blank'>Facebook</a></li>
                     <li class='last'><a class='social-youtube' href='https://plus.google.com/u/1/108626685028871955867/posts'>Google+</a></li>                  
                 </ul>

Replace the links in bold to your social network accounts .

4,To add Feedburner subscribe

Find this code

 <form action='http://feedburner.google.com/fb/a/mailverify' class='newsletter-form' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=Simplex&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
                         <input class='email' name='email' onblur='if (this.value == &apos;&apos;) {this.value = &apos;E-mail&apos;;}' onfocus='if (this.value == &apos;E-mail&apos;) {this.value = &apos;&apos;;}' type='text' value='E-mail'/>
                         <input name='uri' type='hidden' value='Simplex'/>
                         <input name='title' type='hidden' value='Simplex'/>
                         <input name='loc' type='hidden' value='en_US'/>
                         <input class='submit' name='submit' type='submit' value='Submit'/>
                     </form>

Replace it with the code that Feedburner provide you .

5,To add Advertisement to the space between first post and the rests in homepage and archive page

Find this code

 <div class='home-content-ad'>
                                         <div class='ad-code'>
                                            <!-- Ad code -01 -->                  
 <div class='clear'/>
                                         </div>
                                         <div class='clear'/>
                                     </div><!--end .home-content-ad-->

 And replace the text <!-- Ad code -01 --> to your own ad code

6,To add ad code under post title

Find this code

<div style='margin-top:10px;margin-bottom:10px;'>
                                    <!-- Ad code-02 -->
                                     </div>

                                
Replace <!-- Ad code-02 --> with your ad code

7, To add ad code in the space next to related posts section

Find this code

 <div class='entry-bottom-ad'>
                                         <h3 class='ad-title'>Advertisement</h3>
                                            <!--Ad unit 3 goes here-->
                                     </div><!--end .entry-bottom-ad-->

Replace  <!--Ad unit 3 goes here--> with your own ad code.

8,To edit credit name under each post
Find this

<div class='author-description'>
                                             <h3>HuyDinhQuang - administrator</h3>
                                             HuyDinhQuang (known as Nhamngahanh) is a blogger and founder of Simplexdesign blog . Learn more about him <a href='http://www.thesimplexdesign.com/p/about-me.html'>here</a> and connect with SimplexDesign community in <a href='http://twitter.com/dinhquanghuy'>Twitter</a>,<a href='http://www.facebook.com/simplexdesignblog'>Facebook</a>,and <a href='https://plus.google.com/u/1/108626685028871955867/posts'>Google+</a>                                            
                                         </div> <!--end .author-link-->

And replace it with your own credit / bio .

9,Upload template to Blogger .

10,You can add/edit/remove widgets as your needs . There are many places for adding widget in this template.

That's all for installing this template . It's a template for blogging purpose ,so it's easier to install than others .

Note :

• This template use readmore funtion in blogger ,so you can create post summary in homepage /archive page just by adding a 'jump break' in post editor when editing post .(I marked this button with a circle)
  
• Popular Post function with thumbnail only works when all pictures in your post are uploaded to Blogger . Thumbnail can't be shown if your post use picture in another hosting .
• Adding search description , Search preferences will make your post have a higher rank in SEO