Monday, 22 August 2011
Cool Sidebar social subscription widget for blogger
Do you like this story?
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/AVvXsEi2kXC8KPrQBJQWB_bLfoyHJc6wVY-yKDIE10WHzpvOjCaK8TH0IVMuN0PsQ9evUbFuEkz_EIyo8FDfGKJFhET_zEk_QgPsV4QCW4lsruBH7hJEC6O_BE_n3_WBG2c68yoTiSGpNcja3wCM/'/></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/AVvXsEg_t-bqUrV93-FWcyiD9n1Y40V3peDZXMNuu2U10CHocpvAm0QK7xA8Y3Mzew5GJZozVHIzCd1pT3-vsdPNPGELLlYR2OEaeWQaN9HL91cZNmqwWRcMYI13uhHJ8wY1OsmYIL6V8GZ3cjp0/'/></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/AVvXsEgU0VuVvR8fuqhpumwH052hUZf0mfTuwCg5rYE7scbjdKXjAdP4A5PSY-z_vDqLMOmzEJkRtGR09VE-91UCN8vcNWdY3CZrSXIFMuYBfka0mrd513DCg_1f5yXQ7uUQkYSs88zXEHobssWF/'/></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/AVvXsEjr6OTiWBAylOP4eXwfyqjVUIaxeojnP3QfOP2p1yEpTGvc8ANUb2FombfeHrxAz-5g3U92Bmi7J3y28GvAVvXuG7QJBMxgqFN7uqqbDsUT5wvu27I0sVDWUsSwRC6OUzkOc0fV7xGYlNhD/'/></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
This post was written by: kashif
For Suggestions and complains email us at pakcompany@yahoo.comTwitter
Subscribe to:
Post Comments (Atom)
0 Responses to “Cool Sidebar social subscription widget for blogger”
Post a Comment