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 ]]
* 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.
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
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.
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