Best Blogger Tips

Special Featured content Slider for blogger / Style2 !

Share

Featured content Slider for blogger blog--->>>

















Follow simple and easy step to adding this slider in your blog --->>>>

* First go to your blogger Dashboard.

* Now click in Design tab and edit HTML.

* Click in small box to expand your blogger Template.

* Now find this code ]] by CTRL+F key easily.

* Copy below code and paste before ]]

/* Styles for the slideshow */
ul.slideshow {border: 5px solid #555;
list-style:none;
width:600px;
height:280px;
overflow:hidden;
position:relative;
margin:0;
padding:0;
}
ul.slideshow li {
position:absolute;
left:0;
right:0;
}
ul.slideshow li.show {
z-index:500;
}
ul img {
border:none;
}
#slideshow-caption {
width:600px;
height:70px;
position:absolute;
bottom:0;
left:0;
color:#fff;
background:#000;
z-index:500;
}
#slideshow-caption .slideshow-caption-container {
padding:5px 10px;
z-index:1000;
}
#slideshow-caption h3 {
margin:0;
padding:0;
font-size:20px;
}
#slideshow-caption p {
margin:5px 0 0 0;
padding:0;
font-size: 12px;
}

* Now again find this code by CTRL+F key.

* Copy below code and paste before


* Now click to save your blogger Template.

* Again go to your blogger Dashboard and click in design tab .

* Now you are here --->> Page element.

* Click in add gadget which is your blog sidebar.

* When open new window click in HTML/javascript from list.

* When open new blank box copy below code and paste in blank box.


  • <span style="font-size: large;"><b style="color: #990000;">Enter here short description</b></span>

  • <span style="font-size: large;"><b style="color: #990000;">Enter here short description</b></span>

  • <span style="font-size: large;"><b style="color: #990000;">Enter here short description</b></span>


Note:- Remove Highlighted text from above code with your own ok.

* Now click to save your HTML/javascript and after saving this element drag and drop below your blog header. and again click to save button.

* And now you are done. CHEERS

0 comments:

Post a Comment