Thứ Bảy, 8 tháng 10, 2011

How to install new blogger template for your blog ?

After uploading a new blogger template for your blog , the next step is how to install it ? Now we would like to show you a guide how to set it up step by step .








1. Uploading XML Template for your blog . If you dont know how to upload it , please read back to this article to do it . How to upload blogger template for your blog ?

2. Installing the " Menu " . There are two kind of Menu which will be shared in every templates at New Blogger Template. That are " Page Menu " and " Menu Dropdown "

2a. Installing the " Page Menu ". Go to Dashboard -> Click on " Posting " -> Click on " Edit Pages " and then click on " New Page " to create another menu option.

Here is an example 

2b. Installing " Menu Dropdown ". Go to Dashboard , Click on " Design " -> Click on " Edit HTML " and search this code below :

<div id='menu'>
<ul>
<li><a href='#'>Interview</a></li>
<li><a href='#'>Videos</span></a>
<ul class='sub_menu'>
<li><a href='#'>Concerts</a></li>
<li><a href='#'>Clips</a></li>
<li><a href='#'>Making-of</a></li>
</ul>
</div>

# : is the link of Menu , # : is the title of Menu . You change the # how to fix for your blog


3. Installing the " Popular Posts " . Go to Dashboard -> Click on " Design " -> Click on " Add a Widget " and then choose " Popular Posts " . After set it up like the image below :


4. Installing the " Content Slider " . Go to " Dashboard " -> Click on " Design " -> Click on " Edit " of  " Slider " Widget and insert this code below in :

<div id="Holder">
<div id="featured">
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiy3_SdHJEeW3ioOtnwNBLgaEwKd0jckDmAtgu8RZLZYolWym34a-lXjgx3uS_ZXp7vIpWsFk4TM3sx9pmQijyvULKJF3h8gzPD7nUOEcyQ6ESI0o9ZWQbW3oh0DBTSYE_3Ddqbe8Ub2E/"/>
<span><b>Feature Title 1</b><br />Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed blandit bibendum odio et ultrices.</span></a>

<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9W49c_wN4LlfxkvyyZA6nJfszsF8sxt2MEknbp-3c3Aq11y0KuznLE0Q1w5kwAAmqBx9YzPTNzBWRu8wpVzgGFg4e_YZYwrSMfF7fku4VtE36mDdBbQLL5P_hQSGyAsljSxvSR5huqc0/" /><span><b>Feature Title 2</b><br />Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed blandit bibendum odio et ultrices.</span></a>

<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXwlSlWEgIHl2Lsx8zvpwWTCVNnTBcAFoF0kTpswASpgA0wmcblKVsVXbfKC-LQhRiIWZtdkyDQxVTBlennk7Jc2now6QIQm7Xr-bSCkTiFnCDBwGT_VeHay_UR57VVSsyIkfYX7tWmVs/" /></a>

<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZHEF_8HfEU5xu7gWs9VhmUnFTs6z_xQSovkA4kq_s_EkEnzqgFkDloYPedY_iJiqHpW6LMZno6V8qIIoM8e4-6j23vWSD8NY0KVkVjmN8tE-8EGhNJahBLnTSPyKBcNzaeeGjoIju_Cc/" /></a>
</div></div>

<script>$(document).ready(function(){$('#featured').coinslider({hoverPause:false}
)});</script>

# : is the link of posts , # : is the link of images . # : is the content of posts


Note : This guides was applied for all the templates at New Blogger Template. When you see the demo of any templates which you want to install for your blog. You just follow the instruction which is suitable to your template. For example, if the template which you choose that doesn't contain the " Content Slider " or " Menu Dropdown " , you could not install it for your template.

0 nhận xét:

Đăng nhận xét