The template has a clean layout and includes several blogger features, lets go through some of them. Below the header image is the slideshow that displays featured posts along with the thumbnails at the side, the headline and description. Initially make post images of the size 490px X 298px and smaller size ones of 67 x 67, upload them on image-hosting site and go to Edit Html. Search for the following code -
<!-- Featured Area -->
<div id='featured-area'>
<div class='pics' id='s1'>
<!-- FIRST SLIDE START -->
<div>
<img height='298' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgc24nQ2NTWn5rNr0M89aw9YSi7eFFXejhGm42QFHweRG-i7c86NkPYgRJAE6FeVREzJHGqd9P7Dkx8v3odw0cl72CQPa6HkJ398cfgb5xLkJgX9zjaToB9ujd7WU_CXk1nSoZBQfqOa4d/s1600/slide1.jpg' width='490'/>
<div class='excerpt'>
<p><a href='http://www.bloggertricks.com'>This is First Slide Title</a></p>
<p class='excerpt-text'>Description of first Slide goes here.Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae...</p>
</div>
<a href='http://www.bloggertricks.com'><span class='feat-overlay'/></a>
</div>
<!-- FIRST SLIDE END -->
<!-- SECOND SLIDE START -->
<div>
<img height='298' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiroYsKBuBZer00Q8bEQvLvOkSBiKR1NrBIWN1AAmdH1u1duAwKfHltAgt-Tg4-ayTj4LhYF8x_sfZAurhyphenhyphensES4zY0hZ-qe8me8drAiPUqAOud8rlpBUlQ5O6GsjuAgm8bL-V8lAPw-MXsJ/s1600/slide+2.jpg' width='490'/>
<div class='excerpt'>
<p><a href='http://www.bloggertricks.com'>This is Second Slide Title</a></p>
<p class='excerpt-text'>Description of second Slide goes here.Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae...</p>
</div>
<a href='http://www.bloggertricks.com'><span class='feat-overlay'/></a>
</div>
<!-- SECOND SLIDE END -->
<!-- THIRD SLIDE START -->
<div>
<img height='298' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx_SnsORVDGU-pMg_wCpYwuUgJviW3zqqN2499tDQ6MIXGkUUCM1mGZr8gD5MnviWY6KqPUzvNJC5iVkPKxoZt85Wm_0uhRjZqTVzwUv1_ifRHDKw2VbdkfJ2VbLYFSvj40GAr8hjdh8Ku/s1600/slide+3.jpg' width='490'/>
<div class='excerpt'>
<p><a href='http://www.bloggertricks.com'>This is Third Slide Title</a></p>
<p class='excerpt-text'>Description of thrid Slide goes here.Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae...</p>
</div>
<a href='http://www.bloggertricks.com'><span class='feat-overlay'/></a>
</div>
<!-- THIRD SLIDE END -->
</div>
<div id='slider-control'>
<div class='featitem active'>
<!-- Enter the FIRST thumbnail image URL (67 x 67 px) below -->
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQJSQJlZ8rOzDjVIL7l06iOXU13517AOvfxCVkn7ZJPF_CrTOG_g_DlFhqh4ej_YoZGCqP0rEWV-i53RAZZZpaqnVm3Bj-tedVWuX4oiPJzHwPPRss71XuJNPwQ1J6tllyaxEPkWTswyt2/s400/slide+1+t.jpg'/>
<span class='order'>1</span></div>
<div class='featitem '>
<!-- Enter the SECOND thumbnail image URL (67 x 67 px) below -->
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOznJmI4DMQXjIecZyiZ4nq1hPsH7PGDDtVTLs6j5zoJ7pnnNdj8V2UPTsG3ifdYAAK3XgVyprR6ZrkHAVhbVUroDjonSNgE1N6vMA2ShVoNMXa8v3wKZlno7UbvEM5wsPT4yiQZQbE0h7/s400/slide+2+t.jpg'/>
<span class='order'>2</span></div>
<div class='featitem '>
<!-- Enter the THRID thumbnail image URL (67 x 67 px) below -->
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpzRtro9fq7ikY_i9fVbwhWawj2VmJWceMEsfIlqgQSbmVmgXbn2Mce2RNq1ojOxFo9vV1zqSmy0QxC_DddyABSpJox31Pn085L17_yDZ1vxIQV7MHm6i3gjdCpQALNJ17xD1ayyLjT2Px/s400/slide+3+t.jpg'/>
<span class='order'>3</span></div>
</div>
<!-- end slider-control div -->
<div class='clear'/>
</div>
<!-- end featured area -->
Replace the jpg links with your image urls, add the post titles, descriptions of each slide (wherever indicated) and save the changes. Your slideshow should be up and running!
Novinture displays automatic thumbnails on homepage and automatic post summaries. Making it easy for the readers to share the post on social networking sites, each post has the Facebook share button and Retweet button adjacent to the thumbnail.
Also enabled in this template is the page navigation feature, which many bloggers are opting for. The single sidebar on the right shows the RSS feed subscription box, an inbuilt search box and the default blogger widgets. That's not it there is also 4 column footer to allow you to put up various widgets.
Download the Novinture Blogspot Templates
No comments:
Post a Comment