Blogger Templates 2016 daily updates with newly designed free blogger templates. Blog ... We publish new modern and fresh themes for blogspot blog.

Friday, October 31, 2014

How to install a new Blogger Template


How to install a new Blogger Template

Blogger provide publishing service which is owned by Google. If you want to make a free blog than blogger.com is the best domain and hosting site which is totally free. You can make a free blog with the help of blogger account. Blogger provides many tools to their account holders. You can install and upload many templates and utilise the design. But before installation the template, you should to know how to install and upload a new blogger template. There are two methods to apply a new blogger template if you face any problem during uploading a new template with method no 1 because sometimes template is not uploading  and give syntax error than you must try method no 2. I hope with the help of my this article you will teach you how to install and upload a new template.

Method No 1

How to upload a new blogger template

  • First of all download your blogger template from downloading link (zip file).
  • Unzip this file with the help of winrar or winzip software.
  • Now login to your blogger account
How to install a new Blogger Template
  • Click on the template option.
How to install a new Blogger Template
  • Click on Backup or Restore button for uploading the new template.
How to install a new Blogger Template
  • Now click "Choose File" button to select your new blogger template.
How to install a new Blogger Template
  • Choose template Unzip XML file from the hard drive.
How to install a new Blogger Template
  • After this Click on the "Upload Button" and wait few seconds until uploading process is completed.
How to install a new Blogger Template

Now you successfully apply or install your new blogger template.
If you face any difficulty or problem to editing or removing template options like as navigation bar, slide show or menu bar or colours. You can freely to contact us.

Method No 2 

How to apply a new blogger template manually

  • When you download a new blogger template than open XML file with notepad and copy all HTML codes of the whole template.
  • Now go to the blogger dashboard and click the template option and then Edit HTML. This will be your old template HTML codes, select all these codes and replace theme with a new blogger template codes.
How to install a new Blogger Template

Now click to save option and enjoy your new blogger template with new features and layout.

Download Sevim Blogger Template

Sevim template is a new blogger template designed by the new blogger themes adapted from wordpress with 2 columns, rounded corners, slide show, right sidebar, social bookmarking, drop down menu and latest post thumbnails. You must try this template i hope you will find differ from other blogger templates.

Features:
  • Wordpress Adapted
  • Social share button
  • Post tumbnails
  • Slider show
  • Menu bar
  • 2 Columns
  • Popular post
  • Banner Ad Management
  •                                              
    Download Sevim Blogger Template
                                                      
                                                      http://demobangashtemplates.blogspot.com/2015/04/sevim-blogger-template.html

    NewsMagazine Blogger Free Template

    NewsMagazine blogger template is a new free template designed by the Fthemes and adapt from wordpress with 2 sidebar, 3 or 4 columns footer, fixed width, left sidebar, right sidebar, slider show, blue color, top white navigation bar and freh background color.

    Features:
  • Social share button
  • Navigation bar
  • Popular Posts
  • Left sidebar
  • Right Sidebar
  • Columns Footer
  • Slide show
  • Fresh width
  • Search engine   
  •            
    NewsMagazine Blogger Free Template
                                    
                                    http://demobangashtemplates.blogspot.com/2015/04/newsmagazine-blogger-template.html

    DualShock Template For Blogger

    DualShock template is the latest features theme and dual purpose magazine theme. This blogger template have 2 columns, 3 columns footer and 1 sidebar, fixed width with fresh grey and green colours and also have beautiful header banner and white top navigation bar.

    Features:
  • 2 Columns
  • 3 Columns footer
  • Popular Posts
  • 1Left Sidebar
  • Fresh Width 
  • Header Banner
  • Navigation bar
  • Search Engine
  • DualShock Template For Blogger
             
              http://demobangashtemplates.blogspot.com/2015/04/dualshock-blogger-template.html

    JustBlue Free Blogger Template

    JustBlue is a free blogger template with 2 columns, post sumaries, navigation menu, banner ad, right sidebar, fresh look, social bookmarking, responsive widget, share buttons, top navigation bar and much more, itls look like a premium wordpress theme.

    Features:
  • 2 Columns
  • Navigation menu
  • Banner managemnet
  • Right sidebar
  • Popular Posts
  • Clean look
  • Social share buttons
  • Top navigation bar
  •                             
    JustBlue Free Blogger Template
                                       
                                       http://demobangashtemplates.blogspot.com/2015/04/justblue-blogger-template.html

    Thursday, October 30, 2014

    Free Westen Blogger Template

    Westen is a responsive blogger template designed by New WP Themes and adapted from premium wordpress with right sidebar, slide show, social bookmarking, share button, 2columns, posts icon and more. This theme have a magazine type layout and style. You can easily editing template according to your choice.

    Features:
  • Social share button
  • Posts icons
  • White background
  • Dynamic View
  • Right sidebar
  • 2 Columns
  • Slides Show
  • Premium features

  • Free Westen Blogger Template
                                      
                                      http://demobangashtemplates.blogspot.com/2015/04/westen-blogger-template.html

    Johny Elegant Template For Movie

    Elegant template is a free blogger template design by Maskolis for those who take interest in moviecollection. This theme have stylish colours and easy to navigate. You just download this theme and open xml file of the template and then copy this and save in into your edit HTML template. This template is best for movie gallery content. You can easily adjust movie gallery contents in your blog.

    Features:
  • Beautiful look
  • Right sidebar
  • Columns footer
  • Navigation menu
  • Seo Friendly
  • Columns Blogger
  • Clean template background
  • Slide show
  • Social Share Button                         
  • Johny Elegant Template For Movie
    https://docs.google.com/uc?export=download&id=0By61scYFf7bVeHRxQllieXV5dEE
    http://demobangashtemplates.blogspot.com/2015/05/johny-ember-blogger-template.html

    Sunday, October 5, 2014

    How to Add Featured Content Slider on your Blog

    How to Add Featured Content Slider on your Blog

    When we compare Blogger with WordPress, we see that blogger is limited features compare WordPress such as You can easily install plugins on wordpress but difficult to install plugins on Blogger. You can only changing in blogger template with manually. Today i will guide you how to add feature post slider in blogger template which looks like a wordpress theme. Follow this simple steps to add a extra feature in blogger template...
    • After Login go to your blogger Dashboard and select layout option from the left side menu
    How to Add Featured Content Slider on your Blog
    • Click on the Gadget Option and then you will see a new window open, select or Add the HTML/JAVASCRIPT button
    How to Add Featured Content Slider on your Blog
    • After this you will see a new box will open like this. Choose your title box and write any title in the box which you like for example Featured Posts
    How to Add Featured Content Slider on your Blog
    • Now Copy the below code and then paste this in the HTML box content field
    <!-- Featured Content Slider Started -->

    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
    <b:if cond='data:blog.pageType != &quot;item&quot;'>

    <div class='fp-slider clearfix'>
    <div class='fp-slides-container clearfix'>

    <div class='fp-slides'>

    <!-- Slide 1 Code Start -->
    <div class='fp-slides-items'>
    <div class='fp-thumbnail'>
    <a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCl6nhNTMgzTsnrKYiRWK3IHN9H2zBLIL-Hc4G4zi_0o1bdqup4erBf6RkHrDyChHqrz2BvsdhDsBFbv6sqt1Bx-rPi9QaKm_lddv9gct3x0am37rMUl86VmZuUuPR3Dnga0BoMMTllh7b/s1600/1.jpg'/></a>
    </div>
    <div class='fp-content-wrap'>
    <div class='fp-content'>
    <h3 class='fp-title'>
    <a href='#'>This is default featured slide 1 title</a>
    </h3>
    <p>
    Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - bangashtemplates.blogspot.com.
    </p>
    </div>
    <div class='fp-prev-next-wrap clearfix'>
    <a class='fp-next' href='#fp-next'/>
    <a class='fp-prev' href='#fp-prev'/>
    </div>
    </div>
    </div>
    <!-- Slide 1 Code End -->

    <!-- Slide 2 Code Start -->
    <div class='fp-slides-items'>
    <div class='fp-thumbnail'>
    <a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz-rS_YHUk0mhJx8qOcjqJfSx5UrbYxCUl_WQQuOEMwPZxoVKVOu6m8wDhPm4tHppJfUmzYamamJXHtnnEDKdOBxWBeT9KPNDbehyphenhyphenko8VWyEyV1OMNpR_M562Wazkfp2QIkD3rzkEC-TuN/s1600/2.jpg'/></a>
    </div>
    <div class='fp-content-wrap'>
    <div class='fp-content'>
    <h3 class='fp-title'>
    <a href='#'>This is default featured slide 2 title</a>
    </h3>
    <p>
    Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - bangashtemplates.blogspot.com.
    </p>
    </div>
    <div class='fp-prev-next-wrap clearfix'>
    <a class='fp-next' href='#fp-next'/>
    <a class='fp-prev' href='#fp-prev'/>
    </div>
    </div>
    </div>
    <!-- Slide 2 Code End -->

    <!-- Slide 3 Code Start -->
    <div class='fp-slides-items'>
    <div class='fp-thumbnail'>
    <a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGwrVxA3ID9Yvu-7rteIPmpMkkp_ZslGBJC0C0L6l2ScMy2LcVGWjNVvBaYa8b0F1u1DjDJgpHWdqt4ak_DSYhrDoWH5-dVv1GY5P1pNtUp4E0wg_1wIdeBqIoNGpMAiux-0NjtmeFCbdV/s1600/3.jpg'/></a>
    </div>
    <div class='fp-content-wrap'>
    <div class='fp-content'>
    <h3 class='fp-title'>
    <a href='#'>This is default featured slide 3 title</a>
    </h3>
    <p>
    Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - bangashtemplates.blogspot.com.
    </p>
    </div>
    <div class='fp-prev-next-wrap clearfix'>
    <a class='fp-next' href='#fp-next'/>
    <a class='fp-prev' href='#fp-prev'/>
    </div>
    </div>
    </div>
    <!-- Slide 3 Code End -->

    <!-- Slide 4 Code Start -->
    <div class='fp-slides-items'>
    <div class='fp-thumbnail'>
    <a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLZHR-tbQ-QtPwDtIDz0QUfJgUFiqQLTkCS_IhCr6ATRwYPY5n83fojr1tKdca7dbCozOKbGzlY9BrBii_qz78Dn0WoCG8X1H5H79l_AyGnbqp2zddUhg3rCS3mp6BBVK_YrNL-ZW7SThD/s1600/4.jpg'/></a>
    </div>
    <div class='fp-content-wrap'>
    <div class='fp-content'>
    <h3 class='fp-title'>
    <a href='#'>This is default featured slide 4 title</a>
    </h3>
    <p>
    Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - bangashtemplates.blogspot.com.
    </p>
    </div>
    <div class='fp-prev-next-wrap clearfix'>
    <a class='fp-next' href='#fp-next'/>
    <a class='fp-prev' href='#fp-prev'/>
    </div>
    </div>
    </div>
    <!-- Slide 4 Code End -->

    <!-- Slide 5 Code Start -->
    <div class='fp-slides-items'>
    <div class='fp-thumbnail'>
    <a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd1UOOqlE2Zx8nxWemH0rhAcb9j8d58vsQeYphFEPNns7xj4zdqs1A7ptsf33t_y1GE6zKvXdgB8838GMspBjnJxIRS6pX7Hty3SMDPRZBuP3Xs68GJ_mRtVQ9kN9_6pIgVY2putde9PID/s1600/5.jpg'/></a>
    </div>
    <div class='fp-content-wrap'>
    <div class='fp-content'>
    <h3 class='fp-title'>
    <a href='#'>This is default featured slide 5 title</a>
    </h3>
    <p>
    Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara -
    bangashtemplates.blogspot.com.
    </p>
    </div>
    <div class='fp-prev-next-wrap clearfix'>
    <a class='fp-next' href='#fp-next'/>
    <a class='fp-prev' href='#fp-prev'/>
    </div>
    </div>
    </div>
    <!-- Slide 5 Code End -->

    </div>

    <div class='fp-nav'>
    <span class='fp-pager'/>
    </div>

    </div>
    </div>
    <div style='clear:both;'/>

    </b:if></b:if>

    <!-- Featured Content Slider End -->
      Change highlighted link bangashtemplates.blogspot.com with your own blog links and then click to save button. After this you will see successful change in your blogger template.

      Friday, October 3, 2014

      How to Ad a Logo to your Blogger Template

      How to Ad a Logo to Your Blogger Template

      Every person wish to ad a blog logo in template when they uploaded a new blogger template. There are many Logo creating websites who provide free services for the new bloggers. With the help of these sites you can create your blog logo. Today i will teach you how you can ad a logo in your blog. Follow step by step these following instruction...
      • First login to your blogger account
      • Go to the Blogger dashboard and click on the Layout option
      • When you click this you will see top of the header gadget option
      • Click on gadget and then choose a file to add a picture
      • Now upload your logo picture and then click to save
      Now you will see your own logo picture on the top of header bar.


      Thursday, October 2, 2014

      How to Change a Header Image in Blogger Template

      How to Change a Header Image in Blogger Template

      Blogger is a free publishing source provided by google. Blogger facilitate you to post your own contents in blog. You can also change blog look and design with your choice. If you want to change header image in blogger template, you can do this to edit the blog HTML and add your own header image code. Follow these simple steps....
      • Login to your blogger account
      • Go to the Template option and click this and than again click the Edit HTML button.
      • Now you will see a new window box 
      • To find header code press control+F keys and then find �/* Header�
      • Now you will see like this HTML codes
      #header {
      background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIW7FVV8BoNJ4Frwh5z301u6DiSsKt82TMCP1RCgHBMwsCkYGnSx30sSBcqNpA9wFYEKLP6rK6WMk0Ji9f_NwIHmi3SeZ5cZGVALNhCMWs9ksLUi2Z-gYpynfVPQTvZ8w8yKcE3tcfns0/s1600/ggg.jpg);
      background-image:opacity:0px;
      background:#FDF5E6;
      •  you will see header image URL code replace this with your new image URL and click to save template
      Now you successfully change your blog header image.

      Wednesday, October 1, 2014

      How to Remove Featured Post Slider from Blogger Template

      How to Remove Featured Post Slider from Blogger Template

      Most of blogger templates have image slideshow. They show your featured article post. Every blog owner don't want to like these slider in template and he want to remove the slider from blogger template. Many bloggers does not know about template HTML code so they fail to remove slider but today i will teach you this method. Let's follow these instruction step by step...
      • First you need to login your blogger account
      • Go to you Dashboard and select your template option
      • After this you will see Edit HTML option click on this
      • Now you opened the whole Template HTML codes
      • Find or search <!-- Featured Content Slider Started -->
      • The slider HTML code will show like this
      <!-- Featured Content Slider Started -->

      <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
      <b:if cond='data:blog.pageType != &quot;item&quot;'>

      <div class='fp-slider clearfix'>
      <div class='fp-slides-container clearfix'>

      <div class='fp-slides'>

      <!-- Slide 1 Code Start -->
      <div class='fp-slides-items'>
      <div class='fp-thumbnail'>
      <a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCl6nhNTMgzTsnrKYiRWK3IHN9H2zBLIL-Hc4G4zi_0o1bdqup4erBf6RkHrDyChHqrz2BvsdhDsBFbv6sqt1Bx-rPi9QaKm_lddv9gct3x0am37rMUl86VmZuUuPR3Dnga0BoMMTllh7b/s1600/1.jpg'/></a>
      </div>
      <div class='fp-content-wrap'>
      <div class='fp-content'>
      <h3 class='fp-title'>
      <a href='#'>This is default featured slide 1 title</a>
      </h3>
      <p>
      Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - bangashtemplates.blogspot.com. 
      </p>
      </div>
      <div class='fp-prev-next-wrap clearfix'>
          <a class='fp-next' href='#fp-next'/>
          <a class='fp-prev' href='#fp-prev'/>
      </div>
      </div>
      </div>
      <!-- Slide 1 Code End -->

      <!-- Slide 2 Code Start -->
      <div class='fp-slides-items'>
      <div class='fp-thumbnail'>
      <a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz-rS_YHUk0mhJx8qOcjqJfSx5UrbYxCUl_WQQuOEMwPZxoVKVOu6m8wDhPm4tHppJfUmzYamamJXHtnnEDKdOBxWBeT9KPNDbehyphenhyphenko8VWyEyV1OMNpR_M562Wazkfp2QIkD3rzkEC-TuN/s1600/2.jpg'/></a>
      </div>
      <div class='fp-content-wrap'>
      <div class='fp-content'>
      <h3 class='fp-title'>
      <a href='#'>This is default featured slide 2 title</a>
      </h3>
      <p>
      Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - bangashtemplates.blogspot.com. 
      </p>
      </div>
      <div class='fp-prev-next-wrap clearfix'>
          <a class='fp-next' href='#fp-next'/>
          <a class='fp-prev' href='#fp-prev'/>
      </div>
      </div>
      </div>
      <!-- Slide 2 Code End -->

      <!-- Slide 3 Code Start -->
      <div class='fp-slides-items'>
      <div class='fp-thumbnail'>
      <a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGwrVxA3ID9Yvu-7rteIPmpMkkp_ZslGBJC0C0L6l2ScMy2LcVGWjNVvBaYa8b0F1u1DjDJgpHWdqt4ak_DSYhrDoWH5-dVv1GY5P1pNtUp4E0wg_1wIdeBqIoNGpMAiux-0NjtmeFCbdV/s1600/3.jpg'/></a>
      </div>
      <div class='fp-content-wrap'>
      <div class='fp-content'>
      <h3 class='fp-title'>
      <a href='#'>This is default featured slide 3 title</a>
      </h3>
      <p>
      Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - bangashtemplates.blogspot.com. 
      </p>
      </div>
      <div class='fp-prev-next-wrap clearfix'>
          <a class='fp-next' href='#fp-next'/>
          <a class='fp-prev' href='#fp-prev'/>
      </div>
      </div>
      </div>
      <!-- Slide 3 Code End -->

      <!-- Slide 4 Code Start -->
      <div class='fp-slides-items'>
      <div class='fp-thumbnail'>
      <a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLZHR-tbQ-QtPwDtIDz0QUfJgUFiqQLTkCS_IhCr6ATRwYPY5n83fojr1tKdca7dbCozOKbGzlY9BrBii_qz78Dn0WoCG8X1H5H79l_AyGnbqp2zddUhg3rCS3mp6BBVK_YrNL-ZW7SThD/s1600/4.jpg'/></a>
      </div>
      <div class='fp-content-wrap'>
      <div class='fp-content'>
      <h3 class='fp-title'>
      <a href='#'>This is default featured slide 4 title</a>
      </h3>
      <p>
      Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - bangashtemplates.blogspot.com. 
      </p>
      </div>
      <div class='fp-prev-next-wrap clearfix'>
          <a class='fp-next' href='#fp-next'/>
          <a class='fp-prev' href='#fp-prev'/>
      </div>
      </div>
      </div>
      <!-- Slide 4 Code End -->

      <!-- Slide 5 Code Start -->
      <div class='fp-slides-items'>
      <div class='fp-thumbnail'>
      <a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd1UOOqlE2Zx8nxWemH0rhAcb9j8d58vsQeYphFEPNns7xj4zdqs1A7ptsf33t_y1GE6zKvXdgB8838GMspBjnJxIRS6pX7Hty3SMDPRZBuP3Xs68GJ_mRtVQ9kN9_6pIgVY2putde9PID/s1600/5.jpg'/></a>
      </div>
      <div class='fp-content-wrap'>
      <div class='fp-content'>
      <h3 class='fp-title'>
      <a href='#'>This is default featured slide 5 title</a>
      </h3>
      <p>
      Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - bangashtemplates.blogspot.com. 
      </p>
      </div>
      <div class='fp-prev-next-wrap clearfix'>
          <a class='fp-next' href='#fp-next'/>
          <a class='fp-prev' href='#fp-prev'/>
      </div>
      </div>
      </div>
      <!-- Slide 5 Code End -->

      </div>

      <div class='fp-nav'>
          <span class='fp-pager'/>
      </div>  
                  
      </div>
      </div>
      <div style='clear:both;'/>

      </b:if></b:if>

      <!-- Featured Content Slider End -->
      • When you find this than you also search <!-- Featured Content Slider End -->
      • Now remove all the HTML codes from  <!-- Featured Content Slider Started --> to <!-- Featured Content Slider End -->
      And after this save the template now you will see your template without any slider show feature.