Cool Sidebar social suscription widget for blogger
Follow simple and easy step to adding this widget to blogger 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-top: 0px;
}
#subscription li {
padding: 5px 10px 5px 10px;
height: 60px;
border-bottom:1px dashed #5a8989;
}
}
#subscription li a {
color: #333333;
}
#subscription li a:hover {
color: #029fc0;
}
#subscription li h5 {
margin: 0 0 0 45px;
font-size: 18px;
color: #333333;
font-weight: bold;
border: none;
}
#subscription li p {
margin: 0 0 0 45px;
font-size: 13px;
}
#subscription li img {
float: left;
padding: 0px;
margin: 0px 10px 0px 0px;
}
#subscription li:hover {
}
* Now click to save your blogger Template.
* Again Go to your blogger Dashboar 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.
<h2 class='title'>subscription</h2> <div class='widget-content'> <ul id="subscription"> <li> <a href="ADD HERE YOUR TWITTER URL"><img alt="Twitter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXJUH5ol7sC1UTVcFeVShHsKbpk2S4yApUYGS5a33o8Yz39HeMYqTXBGoLdZzgieo2J_nvLJgGdb_ji7sufo-sb7obMHsAdIsrLaK76Pbj_xreeUv0akNZPjTvLdCWAO64zwUt31bcS9g_/s1600/Twitter-3.png" /></a> <h5><a href="ADD HERE YOUR TWITTER URL">Follow me</a></h5> <p>You can follow my updates on Twitter</p> </li> <li> <a href="ADD HERE YOUR FEEDBURNER URL"><img alt="RSS" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIyiK1thO0BgKpl2F4v1VOgh31fEu2bnCZkb62KlsLzn3FLtopMwoJd_AbMBUvmL_mTk3pVMCk3dhf1H7-WeiCBe0ZHIATrPDhgiGhxK0nqjjJDdpYVyYLRLLkwYWhvlZpYrg_2mTVRfgy/s1600/Rss3.png" /></a> <h5><a href="ADD HERE YOUR FEEDBURNER URL">Posts RSS</a></h5> <p>Read my full posts on your favorite feed reader</p> </li> <li> <a href="ADD HERE YOUR DIGG URL"><img alt="Digg" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_Oqq0igrdbqK1XL58fukZVHyZynlCIjdWLyIXGJ8NE5zhHKS4oMoyBvFYSYobAgWlG2W7gWlbByjAcaCLXHS1uGNAXs88wW7J7-FadSjxolcBTGTr3Vak_bH_mB0uSlFfwtFIA0ggAPe_/s1600/digg.png" /></a> <h5><a href="ADD HERE YOUR DIGG URL">Digg</a></h5> <p>You can follow my updates on Digg</p> </li> </ul> </div>
NOTE:- Remove Highlighted Text In above code with your own ok
* Now click To save your HTML/javascript and you are done .. CHEERS
|
2 Responses So Far:
That is really the great information for all the person related to this field. It helped me the lot. Thanks for sharing such type of valuable guidance.
Search Engine Optimisation London
I appreciate you for good work & the article is very informative which helped me a lot.I hope you will continue send such blogs to me.I think that it has help to the respective field people also.
article submission