Templates cloud: October 2014

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

Click on the template option.

Click on Backup or Restore button for uploading the new template.

Now click "Choose File" button to select your new blogger template.

Choose template Unzip XML file from the hard drive.

After this Click on the "Upload Button" and wait few seconds until uploading process is completed.

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.

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

6:51 AM
0 Comments

Download Sevim Blogger Template

Blogger Templates

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

NewsMagazine Blogger Free Template

Blogger Templates

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

DualShock Template For Blogger

Blogger Templates

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

JustBlue Free Blogger Template

Blogger Templates

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

Free Westen Blogger Template

Blogger Templates

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

10:33 PM
0 Comments

Johny Elegant Template For Movie

Blogger Templates

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

7:58 PM
0 Comments

How to Add Featured Content Slider on your Blog

Template Guideline

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

Click on the Gadget Option and then you will see a new window open, select or Add the HTML/JAVASCRIPT button

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

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/AVvXsEi6gWt-npmaT-HvtQSl9mr0jchfuQGNGHJVtZuPL0kSkymfsjam4I8PpcNQ6Kv2dE8D4S4mCqyG_sMqTwgdudXwac-tO2Jww1Cmi1YsBUamM9C38XIgaG60sh0AgFhMjr8zvl_p_w7SLGm-/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/AVvXsEhpwyEl3iL-uoaAiRZoN3ghSlblxyC39YUV93EA4caleFm1-Yh6h0C6p6-A7xBz1tU5RQnEyd6LVucxMiSaaF5tBQCjv9WpdA0lYrXu6G7aQrFcFAQyc6G9mUWqJBgBOPjjbxEmAHSwVmXG/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/AVvXsEgLUbrop4mwogK5coMPOHIrdPZe_It-O5PIBtM4q8-TwH4jFWoQH2_ueSqmuud7Bkx1d0l9E7Y83q82NG5Ns71AOMciR44mKeSjYKZPvlsnqEB1jsBkKViw0ctzqA0YHJIGfJRy_kKnCZDq/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/AVvXsEh2iGJ8-RoVne7cpFwMjsejyK7049IWGA4NO_vgRyRd4I7Rcl71kQgupSwPjohewl3gaI0QoNG3EPNck1yUUwUun23hPnS-HhZ6q2RhN4r1rQ9sOmZn-pZho7_Cw-UgW-THpIJWL_rfPOHL/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/AVvXsEh1lkSs0M8NGeLnQg6JvLmE3L8Aham-gn_VfM4VoIbVljo382FDIeKCVGol2sdnX_mrjTJmOBkSP4tTgn5f_oUZViAQll0f5VxoZTO6SiE1VA2Xs6LNF-ZW5MhTnRNzAK0yFyQAalERIO6X/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.

10:09 PM
3 Comments

How to Ad a Logo to your Blogger Template

Template Guideline

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.

7:51 PM
0 Comments

How to Change a Header Image in Blogger Template

Template Guideline

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....

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/AVvXsEg0LXv-KUKSooTX346ialjDS_KEkIvErDJoGig4rxyBs_YzJEhw1LXrpdxfD4obs5vF8vXe1u_yLZq7AlapE4ka1FIm5Q5US7RlGP4GJk6cshX2u9LRW5EP84Kl8P89WX8HeyjFprkY_P4/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.

7:35 PM
0 Comments

How to Remove Featured Post Slider from Blogger Template

Template Guideline

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

The slider HTML code will show like this

<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>

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

<div class='fp-slides'>


<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6gWt-npmaT-HvtQSl9mr0jchfuQGNGHJVtZuPL0kSkymfsjam4I8PpcNQ6Kv2dE8D4S4mCqyG_sMqTwgdudXwac-tO2Jww1Cmi1YsBUamM9C38XIgaG60sh0AgFhMjr8zvl_p_w7SLGm-/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>



<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpwyEl3iL-uoaAiRZoN3ghSlblxyC39YUV93EA4caleFm1-Yh6h0C6p6-A7xBz1tU5RQnEyd6LVucxMiSaaF5tBQCjv9WpdA0lYrXu6G7aQrFcFAQyc6G9mUWqJBgBOPjjbxEmAHSwVmXG/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>



<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLUbrop4mwogK5coMPOHIrdPZe_It-O5PIBtM4q8-TwH4jFWoQH2_ueSqmuud7Bkx1d0l9E7Y83q82NG5Ns71AOMciR44mKeSjYKZPvlsnqEB1jsBkKViw0ctzqA0YHJIGfJRy_kKnCZDq/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>



<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2iGJ8-RoVne7cpFwMjsejyK7049IWGA4NO_vgRyRd4I7Rcl71kQgupSwPjohewl3gaI0QoNG3EPNck1yUUwUun23hPnS-HhZ6q2RhN4r1rQ9sOmZn-pZho7_Cw-UgW-THpIJWL_rfPOHL/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>



<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1lkSs0M8NGeLnQg6JvLmE3L8Aham-gn_VfM4VoIbVljo382FDIeKCVGol2sdnX_mrjTJmOBkSP4tTgn5f_oUZViAQll0f5VxoZTO6SiE1VA2Xs6LNF-ZW5MhTnRNzAK0yFyQAalERIO6X/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>


</div>

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

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

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

When you find this than you also search

Now remove all the HTML codes from  to

And after this save the template now you will see your template without any slider show feature.

7:59 AM
0 Comments

How to install a new Blogger Template

Method No 1

How to upload a new blogger template

Method No 2

How to apply a new blogger template manually

Download Sevim Blogger Template

NewsMagazine Blogger Free Template

DualShock Template For Blogger

JustBlue Free Blogger Template

Free Westen Blogger Template

Johny Elegant Template For Movie

How to Add Featured Content Slider on your Blog

How to Ad a Logo to your Blogger Template

How to Change a Header Image in Blogger Template

How to Remove Featured Post Slider from Blogger Template

Labels

Letter Labels

recent posts

Blog Archive