Slider Menu

This template is also available that feature attractive, slider menu. Silder menu is interesting enough to be placed under the header. Besides attractive because of its dynamic, the menu is quite effective slider invite blog visitors to see and click on your post put the slider in the menu.

There are some changes that I do in this menu, other than background color, writing models, and the color of the writing, I also change the time interval (delay) between the post. I put the menu is the top slider template, exactly below the header.

To edit the contents of this slider menu, please follow the instructions below :

1. In the Page Elements, see the following gadgets :

    

2. Click on the gadget, then click the HTML / Javascript.

3. Enter the following code into the box provided :
   

   <!-- Casing -->
   <div id="casing">
   <!-- Slider -->
   <div id="slider">
   <div id="mover">
   <div class="slide">

   
   

   <h2><a href="http://soft-template.blogspot.com/2009/11/read-more.html">&nbsp;Auto Read More</a></h2> <p>As we know, bloggers have support read more. But still we have to divide the posts that will appear first and which will appear whole. Read more automatic advantage is you no longer need to manually divide the posts read more will work automatically according to the sentence fragment height, which we previously had on the Edit HTML settings. And...</p> <img alt="" width="130px" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHgpD9jP8IO-k9IVY3gXjGpXR49Y_wF1JwC0MQTXRByut819PCOOWYnD0sb1I5nHx6ZVWHMNTgTygtUSsnzi31oSm272lYG6T2-ZtfPIcItyFFkC-KzBJvWRgeso_iq6d8-Odf4_ZwSg/?imgmax=800" height="80px"/>
   </div>

   
   

   <div class="slide">
   <h2><a href="http://soft-template.blogspot.com/2009/11/avatar-mybloglog.html">&nbsp;Avatar Mybloglog</a></h2> <p>Avatar mybloglog  is the face profile image visitors who commented on our blog. And visitors who make comments are member of mybloglog, a social bookmarking site that is very popular. I have provided avatar mybloglog widget on this template, but if you are interested to put it on your other blog, I'll give you a guide below. On the Edit HTML...</p> <img alt="" width="130px" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSU7YBBLDyqeqKE-h29bZx1b7u6taTXdoGA-FzX_Jkh8CDhx27JnBQWPrwHd0g1Ar_OzbvVRJOSEc7w7RPFGYnPrA_eCVWH4mcBS4d4w5h5O2hYKfu4-EBgaphlTBDr9pL7p033x-AHw/?imgmax=800" height="80px"/>
   </div>

   
   

   <div class="slide">
   <h2><a href="http://soft-template.blogspot.com/2009/11/label-cloud-modification.html">&nbsp;Label Cloud Modification</a></h2> <p>Label cloud is a label or category that looks like a cloud. Actually, bloggers are provide labels cloud, but the label cloud from this blogger just by writing just one color. Label cloud that we will modify is how to make the writing colorful large and small as writing. In this template I have put a label cloud modification, but if you want to place...</p> <img alt="" width="130px" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_hirlvm9bSn1x2Ti2YQeR_SXu_ZB12bqCrmraqco5EV1KKUux6We6FQcgVmY_EPo7p98CRiXmqcNcvJzjBM7N4i0_9EpC76wGd9oQLyhEh1_tPJNojLaFrBl5f4w7amla0Vc3_t0DJg/?imgmax=800" height="80px"/>
   </div>

   
   

   <div class="slide">
   <h2><a href="http://soft-template.blogspot.com/2009/11/related-posts.html">&nbsp;Related Posts</a></h2> <p>Related Posts are posts which are in a label or category. Using the related posts to facilitate visitors to see what articles are in a label with other articles, and will most likely be in the clicks by visitors, because it was right under our posts. Actually, I've put the code related posts on this template, but if you want to put this code in...</p> <img alt="" width="130px" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7yFGnfmllBlfIigcFgqkii4eQObhZH6Wk8kYXmAbWBfu9H6jsDtU5W896Yos8uo28NCsw9CUj46yMweC122Cjm312VyTQUI2sqjUldNzWZLx8z6IPAdn_Tni2PefhpO3gFzpd5fIefA/?imgmax=800" height="80px"/>
   </div>

   
   

   </div>

   <!-- /Mover -->
   </div>
   <!-- /Slider -->
   </div>
   <div class="clear"/></div>

4. Replace all the code that I give color to your code, then click Save.

Sections must be changed:

Blue color   -------->   url address of the posting
Green color -------->   the contents of the postings to be displayed
Red color    -------->   url address of the image
Font bold    -------->   post title

Good Luck !

Related Posts

Slider Menu