index

Before begin i have a request for all users

1. Download your Blogger XML template from Www.BestTheme.Net.
The template is contained in a zip file (winzip, winrar), ensure you have extracted the XML template.
2. Log in to your Blogger dashboard and go to Layout > Edit HTML
3. Ensure you back up your old template in case you decide to use it again. To do this, click on the "download full template" link and save the file to your hard drive.
4. Look for the section near the top where you can browse for your XML template:
5. Enter the location of your template and press "upload".
6. The HTML of your new template will now appear in the box below. You can preview your template or simply save to start using it!
7. Enjoy!


How to Edit fullscreen slideshow

Go to design tab and click edit html tab.
Now find the javascript code given below.

<script type='text/javascript'>
//<![CDATA[
jQuery(function($){
$.supersized({
//Functionality
slideshow:1,//Slideshow on/off
autoplay:1,//Slideshow starts playing automatically
start_slide:1,//Start slide (0 is random)
random: 0,//Randomize slide order (Ignores start slide)
slide_interval:5000,//Length between transitions
transition:1,//0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
transition_speed:1000,//Speed of transition
new_window:1,//Image links open in new window/tab
pause_hover:0,//Pause slideshow on hover
keyboard_nav:1,//Keyboard navigation on/off
performance:1,//0-Normal, 1-Hybrid speed/quality, 2-Optimizes image quality, 3-Optimizes transition speed // (Only works for Firefox/IE, not Webkit)
image_protect:1,//Disables image dragging and right click with Javascript
//Size & Position
min_width:0,//Min width allowed (in pixels)
min_height:0,//Min height allowed (in pixels)
vertical_center:1,//Vertically center background
horizontal_center:1,//Horizontally center background
fit_portrait:1,//Portrait images will not exceed browser height
fit_landscape:0,//Landscape images will not exceed browser width
//Components
navigation:1,//Slideshow controls on/off
thumbnail_navigation:1,//Thumbnail navigation
slide_counter:1,//Display slide numbers
slide_captions:1,//Slide caption (Pull from "title" in slides array)
slides:[//Slideshow Images
{image : 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSfd5VY7ykyJyjUbDYljKOvsKRLN5OLjQBjNnb_KDe7YD64T49MQTAVfbTpvfmGOoPwzXZgEsA-5Yt5LtBRZ6D4Q-VbCYZF3Aypamf5dnbv_SQd0b2jC3rMHmCDSwexjGqA6Gu9ZUgeks/s1600/1.jpg'},
{image : 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUGbSLPKA5jAZmEHxYjKtrHXPXtHjaMt72uVh8uLPhrhqq9gGMZ_Z2-jR9AIFvGeeplJd8wzHVwoDuM5gVgMDEKzksbLjuorHagxg9Di09CDvue1Ssvwkjck2NCmYs_F0eHfbYvLHDgsw/s1600/2.jpg'},                           
{image : 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgm66j5ihFpDlEljz6s5Q_8JvFKZYGgSgaH4bKTlivkn1k4FJs5ep6ezzPMrpXjJ8-NV4M82SEztBguvxIQ2lThRAF3wZfH-dYCSb1bvUwqSGtCHkvnFxCa48zq95d695lmlhzWPHrOvTQ/s1600/3.jpg'},   
{image : 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGE5fQu0UwzkTfvdlwdyO3GT4-r4YImNNYvBuvytSD1_jNmonAN30CfPkPPb7aCIsFf1YpL9kF13wBCb-o-v5ABCHuj8IDsoAN60rvAKvuNNy9r1ab2I5i0JOg2jc3_bDOJSb-FI_WkIM/s1600/4.jpg'},
{image : 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoMExosTPeXMeiqY9p_-3KLBp2TjWvDXZU0jIx_PHE3VEGlhO2Z-PXZ5zNcd7vzhtsq4vLFbT3kz4j-b8g1RbGJOR9ckmIdhmd8TlCVgMd6TFtYTxrQ_Z71bQHFAy_4TcQKOv2DD8jRpA/s1600/5.jpg'}
]
});
});
//]]>
</script>


Now you need to change background image source with yours.

How to Edit navigation bar

Go to layout and click on add new widget on the top of posting named linklist / Top Menu / Menu etc
And add link widget to it and remove its title.

How to Edit posts

there are few instructios you need to follow with this template
use images not less than 600px, don't worry for the larger one it will resize automatically but when you place a smaller image this will expand to optimised image size and it will look realy bad.
So use image larger than 600px.

And never use any text editor for posting like word or pdf because they have a special formating and when you paste these codes in the blogger editor, the parent formating remains same as it is. And blogger don't understand about that formating. This will cause your image look bad or something you have not written will show as summury on homepage.


Demo
Download Templates Here