Cool Sidebar social subscription widget for blogger / Part - 2 . 0

| | , , ,

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 ]]</b:skin> by CTRL+F key easily.

* Copy below code and paste before ]]</b:skin>

#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.

<div class='sidebar-subscription'>
<div class='subscribe-widget' style='height: 282px'>
<ul id='subscription'>
<li>

<a href='YOUR-TWITTER-LINK'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0e5i0tXJsOpb0aD9JpoOr1kLiyiBWU6SzMCd6YocP4viVd7cqwqlGj2I5OXZVivfWg17Tg6xp8ga-2rDMep7whfk_JRYomAjbbVVtq8M7PhwQlfa-DegVWp5Idtfxp48Z2_7NoD5ZVmyL/'/></a>
<h4><a href='YOUR-TWITTER-LINK'>Follow me</a></h4>
<p>You can follow my updates on Twitter</p>
</li>
<li>
<a href='YOUR-RSS-LINK'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZyrjoYfUH_HCSX7sjZJ-8Avv7-AevrUMaFgZLVtiajk0vTP_IXmlrZW2X-xVbMV5oPvx3LnC7WLC7tuXqL2dykOhqUgCWzjrfwkeOiNMxiC33QoyLSumlxvdO2oeLQhhmpUB2LyrmhVVe/'/></a>
<h4><a href='YOUR-RSS-LINK'>Posts RSS</a></h4>
<p>Read my full posts on your favorite feed reader</p>
</li>
<li>
<a href='YOUR-FACEBOOK-LINK'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkJ1iyXi0btB2BGb_WgBjrskYrXnZPdOdtI-v9SR3XtMnH5ygKaWlEJADL3CfrRbSm2ZqlBqWqOzCYzLswuZfaLeqxDwuosUxUDNmXheyZL8BaZVH7c3NrOz17GKWiTPbHIA_rKWpku56l/'/></a>
<h4><a href='YOUR-FACEBOOK-LINK'>Facebook</a></h4>

<p>Become a Simple Box Shadow fan on Facebook</p>
</li>
<li>
<a href='YOUR-EMAIL-SUBSCRIPTION-LINK'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh78Kou2VT3WUSdrs0Gnw4e71ogmuj0XvcYdYDEdqlsVmHE3B9LnA89l2fAflWA33GSquyMgSEtiPkH-ZAjLHcrtm_VL3XCqD7bzoZL6yACNHLWbdzFIKujJhbraOlBcEFbW9NZ5qa527cN/'/></a>
<h4><a href='YOUR-EMAIL-SUBSCRIPTION-LINK'>Subscribe via e-mail</a></h4>
<p>Read my latest articles in your e-mail box</p>
</li>
</ul>
</div>
</div>

NOTE:- Remove Highlighted text in above code with your own ok

* Now click to save your HTML/javascript and now you are done ok.

StumpleUpon DiggIt! Del.icio.us Blinklist Yahoo Furl Technorati Simpy Spurl Reddit Google I'm reading: Cool Sidebar social subscription widget for blogger / Part - 2 . ~ Twitter FaceBook

0 Responses So Far:

Categories

Select Your Categories