Instructions to install blogger Template

1:44 AM by Ahmed$hah in
HOW TO INSTALL BLOGGER TEMPLATE

1. Login to your blogger.com account.
2. Go to Blogger dashboard.
3. Go to Design tab.
4. Now click Edit HTMl tab.
5. Before editing your template, you may want to save a copy of it. Download Full Template
6. Upload a template from a file on your hard drive (.xml file extracted): click Choose file option button.
7. Now save your template.


HOW TO EDIT SLIDER?

Go to blogger.com > Blogger Dashboard > Design Tab > Edit HTML Tab and find:
<div id='slider'>
<div class='slider_container' id='slider_container'>
<div class='slider_area slider_area1'>
<img alt='Box 1 Image 1' class='slider_visible' src='http://4.bp.blogspot.com/_nI2w1Z0MWcE/TSp91LCTbII/AAAAAAAABhU/QnAQ7adg_4U/s1600/Image-1.jpg'/>
<img alt='Box 1 Image 2' src='http://2.bp.blogspot.com/_nI2w1Z0MWcE/TSp-FiaL7fI/AAAAAAAABhc/A6gZvE6L4QA/s1600/Image_2.jpg'/>
<img alt='Box 1 Image 3' src='http://1.bp.blogspot.com/_nI2w1Z0MWcE/TSp-VuYmq6I/AAAAAAAABhk/2mMkLxC97Lw/s1600/Image_3.jpg'/>
</div>
<div class='slider_area slider_area2'>
<img alt='Box 2 Image1' class='slider_visible' src='http://3.bp.blogspot.com/_nI2w1Z0MWcE/TSp-uwjj5XI/AAAAAAAABhs/5vJlp5Hf0Y4/s1600/Box2_Image_1.jpg'/>
<img alt='Box 2 Image 2' src='http://2.bp.blogspot.com/_nI2w1Z0MWcE/TSp_A5neFqI/AAAAAAAABh0/sjt3J4GTvRE/s1600/Box2_Image_2.jpg'/>
<img alt='Box 2 Image 3' src='http://1.bp.blogspot.com/_nI2w1Z0MWcE/TSp_Sl4ybeI/AAAAAAAABh8/FAQT2ul-w-Q/s1600/Box2_image_3.jpg'/>
</div>
<div class='slider_area slider_area3'>
<img alt='Box 3 Image 1' class='slider_visible' src='http://4.bp.blogspot.com/_nI2w1Z0MWcE/TSp_lH8D6CI/AAAAAAAABiE/cBsBat-qKOc/s1600/Box3_image_1.jpg'/>
<img alt='Box 3 Image 2' src='http://4.bp.blogspot.com/_nI2w1Z0MWcE/TSp_2-kMnrI/AAAAAAAABiM/UKMV6egjx0w/s1600/Box3_Image_2.jpg'/>
<img alt='Box 3 Image 3' src='http://4.bp.blogspot.com/_nI2w1Z0MWcE/TSqAJ6AU35I/AAAAAAAABiU/2f8AoBIsR7k/s1600/Box3_Image_3.jpg'/>
</div>
<div class='slider_area slider_area4'>
<img alt='Box 4 Image 1' class='slider_visible' src='http://1.bp.blogspot.com/_nI2w1Z0MWcE/TSqAo11lM4I/AAAAAAAABic/iulZ3IsR1I4/s1600/Box4_Image_1.jpg'/>
<img alt='Box 4 Image 2' src='http://3.bp.blogspot.com/_nI2w1Z0MWcE/TSqA2QP9A_I/AAAAAAAABik/8y3AxT4woY8/s1600/Box4_Image_2.jpg'/>
<img alt='Box 4 Image 3' src='http://2.bp.blogspot.com/_nI2w1Z0MWcE/TSqBIpCbNJI/AAAAAAAABi0/m4ZuvlZGwZc/s1600/Box4_Image_3.jpg'/>
</div>
<div class='slider_area slider_area5'>
<img alt='Box 5 Image 1' class='slider_visible' src='http://3.bp.blogspot.com/_nI2w1Z0MWcE/TSqBWPvKAkI/AAAAAAAABi8/8OBKDLr3IjA/s1600/Box5_Image_1.jpg'/>
<img alt='Box 5 Image 2' src='http://3.bp.blogspot.com/_nI2w1Z0MWcE/TSqBiX3VMcI/AAAAAAAABjE/zg0tCzL9phU/s1600/Box5_Image_2.jpg'/>
<img alt='Box 5 Image 3' src='http://1.bp.blogspot.com/_nI2w1Z0MWcE/TSqBvnPaF5I/AAAAAAAABjM/k5pEL2hQTHQ/s1600/Box5_Image_3.jpg'/>
</div>
</div>
</div>
Now you can change link, image, title, description to it


HOW TO EDIT TOP MENU LINKs?

Go to blogger.com > Blogger Dashboard > Design Tab > Edit HTML Tab and find:
<div id='topmenu'><div id='navigation'>
<ul class='categories'>
<li class='articles'>
<a href='#Link'>Home Page</a></li>
<li class='about'><a href='#Link'>About Page</a></li>
<li class='about'><a href='# Link'>Term And conditions Page</a></li>
<li class='snippets'><a href='#Link'>Online Shopping Page</a></li>
<li class='articles'><a href='#Link'>Contact Us</a></li>
</ul>
</li>
</ul>
</div></div>


HOW TO DISPLAY THE LATEST POSTS OR COMMENTS ON THE SIDEBAR?

1. Go To Blogger (Dashboard → Design → Page Elements → Add a Page Element).
2. Select a Feed widget, and use the following URL’s:

To show the recent posts:
http://YOURBLOGNAME.blogspot.com/feeds/posts/default

To display the latest comments:
http://YOURBLOGNAME.blogspot.com/feeds/comments/default


CAN I REMOVE THE CREDIT FOR THE TEMPLATE?

No, the vast majority of templates are licensed under a Creative Commons, GPL or similar license, thus removing the credits would be using an illegal copy of the same. You can simplify the credits or relocate, but not remove them. Remember that the templates are free, so keep the credits is a way to thank those who designed and / or adapt the template.


4 comments:

Elvis Anh said...

Hi ! thank you for your share, I'm using your template, but it's difficult to set up, could you show me, please ? I don't find id=slider.



Mohammad Abbas said...

Press ctrl+f and type id=slider you will surely find it.



SEO Company Bangalore said...

Thanks for sharing this great Post dude
SEO Company bangalore



Ella Scott said...

What's up, all is going sound here and ofcourse every one is sharing facts, that's really fine, keep up writing. Feel free
blogger templates



:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Post a Comment