Cool Sidebar social subscription widget for blogger / Part - 2 .
Follow simple and easy step to adding this widget to 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 ]]
#subscription {
list-style:none;
margin-left:-40px;
margin-top:0;
width:300px;
}
#subscription li {
height:57px;
line-height:1.5em;
padding:6px 10px;
}
#subscription li a {
color:#000;
}
#subscription li h4 {
font-size:18px;
color:#333;
border:none;
margin:0 0 0 45px;
}
#subscription li p {
font-size:13px;
margin:0 0 0 45px;
}
#subscription li img {
float:left;
margin:0 10px 0 0;
padding:0;
}
#subscription li:hover {
opacity:0.7;
filter:alpha(opacity=70);
-moz-opacity:0.70;
-khtml-opacity:0.7;
}
.updateinfo,#navbar-iframe {
display:none;
}
a,#subscription li a:hover {
color:#222;
text-decoration:none;
}
.sidebar-banner,.sidebar-subscription {
width:297px;
margin-bottom:20px;
color:#000;
border:1px outset #222;
margin-left:640px;
padding:20px;
-moz-box-shadow: 3px 3px 1px #222;
-webkit-box-shadow: 3px 3px 1px #222;
box-shadow: 3px 3px 1px #222;
}
* 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 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 in above code with your own ok
* Now click to save your HTML/javascript and now you are done ok.
0 comments:
Post a Comment