VTube - Blogger Templates

      

   

Template name : VTube
Platform: Blogger / Blogspot
Author :  xmlbloggertemplates.com
Designer: DesignerXMLBloggertemplates




Installation Guide: 

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

    

Downloads: