Magbook style blogger template

Demo      Download

Features of magbook blogger template

Magazine style – Magbook is a magazine style blogger template with two column post layout with right sidebar. It is best for technology, news, health or various other types of blogs.
Automatic post summaries – Automatic post summaries script is added to this template.  There is no need to add read more link manually while writing posts.
SEO optimized – Magbook is highly SEO optimized blogger template. All the meta tags and title tags are added to the template. You just need to configure your meta tags according to your own blog.
Custom Header – Blogger’s default and boring header is removed from this template and a new stylish header is added to it. This new header contains your blog’s logo, a dropdown menu and social media icons.
Custom widgets – Default popular posts and label widget is customized with fresh and attractive design using CSS.
Custom posts area - Posts area of Magbook blogger template uses Lato font.Block quotes are customized using CSS. All the headings tags are customized in a clean and beautiful way.
Custom comment system – A custom comment system is also added in the template. This comment system has perfect color scheme according to the template’s design with threaded comments.
Typography – Custom Google font is integrated to the posts, titles and other main components of the template.
Multicolumn footer – Multicolumn footer is added to this template which can be very useful for managing small intros, links, contact us form and other widgets.
Share buttons – Addthis powered share buttons are added below posts in this template. By using these share buttons your blog visitors can share your posts upto 200+ social networks.
Ads ready – If you are a Google adsense fan than this is the best template for you. It is highly compatible with almost every type and size of advertisement design. You can integrate advertisements  in your blog at almost every place for example below post titles, below header, footer, sidebar, below post body etc.

How to add Magbook template to your blogger blog ?

Step 1: Login to your blogger dashboard and select your blog.
Step 2: Select Template option.
Step 3: Click Backup/Restore option.
Step 4: A dialog box will appear, Click in Browse button and select template.
Step 5: Click Upload button and you are done.

Customize magbook blogger template

Customize navigation menu & social icons

Step 1: Login to your blogger dashboard and select your blog.
Step 2: Select Template option and click on Edit HTML option.
Step 3: In the template code find following code.

<!-- navigation menu starts-->
  <div id='navigation'>
     <div id='menu'>
         <ul>
       <li><a expr:href='data:blog.homepageUrl' style='font-weight:bold;margin-right:60px;color:#ffffff;text-shadow:#64665b 0px 1px 1px;;font-size:32px;font-family:Helvetica,Arial;'><data:blog.title/></a></li>
           <li><a href='#'>Projects</a>
               
           </li>
                <li><a href='#'>Services</a></li>
         
           <li><a href='#'>Hire us</a></li>
              
           <li><a href='#'>Dropdown 2 »</a>
               <ul>
                  <li><a href='#'>Link1 </a></li>
                  <li><a href='#'>Link2</a></li>
                  <li><a href='#'>Link3</a></li>
                  <li><a href='#'>Link4 </a></li>
                  <li><a href='#'>Link5</a></li>
                  <li><a href='#'>Link6</a></li>
               </ul>
           </li>
             <li><a href='#'>Contact us</a>           
           </li>
          <li id='wc-soc-ico'><a href='Paste your  facebook page url here' target='_blank'><img alt='Facebook' src='http://2.bp.blogspot.com/-iKLppxYoaW0/Uws6PaZJ-yI/AAAAAAAAAHk/5Vp8DWfYXCU/s1600/48x48-Circle-49-FB.png' style='margin-left:50px;'/></a></li>
<li id='wc-soc-ico'><a href='Paste your  twitter account url here' target='_blank'><img alt='Twitter' src='http://3.bp.blogspot.com/-48EGbQzzsdI/Uws6RmhElvI/AAAAAAAAAIM/4cB8dYeRA1c/s1600/48x48-Circle-49-TW.png'/></a></li>
<li id='wc-soc-ico'><a href='Paste your  Google plus page url here' target='_blank'><img alt='Google Plus' src='http://4.bp.blogspot.com/-hyEUL2pEdxo/Uws6PoLa8tI/AAAAAAAAAHo/cPPQeU-XbdE/s1600/48x48-Circle-49-GP.png'/></a></li>
<li id='wc-soc-ico'><a href='Paste your  feed url here' target='_blank'><img alt='RSS' src='http://4.bp.blogspot.com/-6NeaTmA0fxs/Uws6RGbKbnI/AAAAAAAAAIE/X-xp-2uBQ-g/s1600/48x48-Circle-49-RSS.png'/></a></li>

         </ul>
      </div>
   
   </div>

<!--navigation menu ends-->

1. In the above code replace # symbols with the required urls and you can also change the link names according to your own choice.

2. Replace red colored code with your social network addresses in the above code.

Customize Meta tags

Step 1: In the template code find following code and replace green colored code with your blog’s description and keywords in it and save the template.

<meta content='Write small description of your blog here' name='description'/>
<meta content='Write your blog keywords here separated by commas' name='keywords'/>