"Blogger is not more a blogging platform for beginners, there are lot more can be made with a blogger / blogspot blogs. Featured content sliders are seen in many Wordpress blogs and when coming to blogger it is certainly not much seen. Here I am going to teach you, how to add a featured content slider to your blogger / blogspot blogs. Many thanks to Webdeveloperplus for making this code and I just tested and modified to work on blogger. Featured Content Slider for Blogger Using jQuery Step 1: Let get into the coding part. Here I just made a CSS stylesheet, to make the installation pretty simple. So all you need to do is just copy the below code and paste it after <head> view source print? 1 <link href='http://sites.google.com/site...' rel='stylesheet' type='text/css'/> Step 2: If you need to change the dimensions of the slider you can use this step instead of step 1. Search for the code ]]></b:skin> Now the place the below code before ]]></b:skin> view source print? 01 #featured{ 02 width:400px; 03 padding-right:250px; 04 position:relative; 05 border:5px solid #ccc; 06 height:250px; 07 background:#fff; 08 } 09 #featured ul.ui-tabs-nav{ 10 position:absolute; 11 top:0; left:400px; 12 list-style:none; 13 padding:0; margin:0; 14 width:250px; 15 } 16 #featured ul.ui-tabs-nav li{ 17 padding:1px 0; padding-left:13px; 18 font-size:12px; 19 color:#666; 20 } 21 #featured ul.ui-tabs-nav li img{ 22 float:left; margin:2px 5px; 23 background:#fff; 24 padding:2px; 25 border:1px solid #eee; 26 } 27 #featured ul.ui-tabs-nav li span{ 28 font-size:11px; font-family:Verdana; 29 line-height:18px; 30 } 31 #featured li.ui-tabs-nav-item a{ 32 display:block; 33 height:60px; 34 color:#333; background:#fff; 35 line-height:20px; 36 } 37 #featured li.ui-tabs-nav-item a:hover{ 38 background:#f2f2f2; 39 } 40 #featured li.ui-tabs-selected{ 41 background:url('http://i47.tinypic.com/6jojr4...') top left no-repeat; 42 } 43 #featured ul.ui-tabs-nav li.ui-tabs-selected a{ 44...
more...
- UNYKA
from Bookmarklet