Social Slider Gadget special for blogger add now.
Follow simple and easy step to adding this social slider gadget in your blogger blog ---->>>>>
* First go go 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.
* Copy below code and paste before ]]
Follow simple and easy step to adding this social slider gadget in your blogger blog ---->>>>>
* First go go 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.
* Copy below code and paste before ]]
#socialslider {
display : block;
padding : 0;
z-index : 9999;
}
#socialslider {
position : absolute;
}
#socialslider li {
background : none;
}
#socialslider img {
padding : 0;
margin : 0;
border : none;
}
.socialslider-grupa {
float : left;
}
#socialslider-linki {
float : left;
width : 75px;
}
#socialslider-linki img {
width : 32px;
height : 32px;
}
#socialslider-ikony {
position : absolute;
top : -1px;
width : 32px;
z-index : 110;
}
#socialslider-ikony ul {
left : 0;
position : relative;
bottom : -10px;
width : 32px;
}
#socialslider-ikony ul li {
padding : 0 6px 10px 6px;
width : 20px;
height : 20px;
}
#socialslider-ikony img {
width : 20px;
height : 20px;
border : none;
margin : 0;
}
#socialslider-ikony ul, #socialslider-linki ul, #socialslider-ikony li, #socialslider-linki li {
display : block;
list-style : none;
margin : 0;
padding : 0;
}
#socialslider-linki li {
padding : 5px;
text-align : center;
width : 75px;
}
#socialslider-linki img {
display : block;
border : none;
margin : 0 auto;
}
#socialslider-linki a {
border : none;
font-size : 10px;
text-decoration : none;
}
#socialslider-autor a {
font-family : Segoe UI, Tahoma;
font-size : 10px;
text-decoration : none;
}
#socialslider-ikony {
background : transparent url('http://www.freetraffictip.com/wp-content/plugins/social-slider-2/images/handle-lewy-ciemny.png') no-repeat right top;
padding-top : 1px;
padding-right : 1px;
}
#socialslider-ikony ul {
background : transparent url('http://www.freetraffictip.com/wp-content/plugins/social-slider-2/images/handle-lewy-ciemny.png') no-repeat right bottom;
padding-bottom : 1px;
padding-right : 1px;
}
* 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 in your blogger 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 in above code with your own ok.
* Now click To save your HTML/javascript now you are done....CHEERS





0 comments:
Post a Comment