hello my all frend how are you , i think all of f9 . so how to add Add social sharing widget to blogger . see simple step and add this your blog .
1) log in blogger blog .
2) Click dashbord and click Layout option .
3) than click Add a gadget button .
4) open new page and click HTML/Java script .
5) blank title home and past blew code content home . see screen short blew.
<form action="http://www.blogger.com/add-widget" method="POST"><input type="hidden" name="widget.title" value="Sharing Widget By- Asobondhu.blogspot.com"/><input name="widget.content" type="hidden" value="<! - - Candy Pop Up Social Sharing Code By www.bloggerbulk.com - - >
<!--Rss Feed-->
<a class="bloggerbulk-popout" rel="nofollow" href="RSS-FEED-URL-HERE" target="_blank"><img src="http://i.imgur.com/7lsUogp.png" /></a>
<!--Email-->
<a class="bloggerbulk-popout" rel="nofollow" href="EMAIL-URL-HERE" target="_blank"><img src="http://i.imgur.com/oJeNikj.png" /></a>
<!-- Google Plus-->
<a class="bloggerbulk-popout" rel="nofollow" href="GOOGLE-PLUS-URL-HERE" target="_blank"><img src="http://i.imgur.com/F70aY6r.png" /></a>
<!--Facebook-->
<a class="bloggerbulk-popout" rel="nofollow" href="FACEBOOK-URL-HERE" target="_blank"> <img src="http://i.imgur.com/g4KQ38R.png" /></a>
<!--Twitter-->
<a class="bloggerbulk-popout" rel="nofollow" href="TWITTER-URL-HERE" target="_blank"> <img src="http://i.imgur.com/rRbcRlQ.png" /></a>
<!--LinkedIn-->
<a class="bloggerbulk-popout" rel="nofollow" href="LINKEDIN-URL-HERE" target="_blank"><img src="http://i.imgur.com/dofbMIX.png" /></a>
<!--YouTube-->
<a class="bloggerbulk-popout" rel="nofollow" href="YOUTUBE-URL-HERE" target="_blank"><img src="http://i.imgur.com/OukhzWK.png" /></a>
<!--Skype-->
<a class="bloggerbulk-popout" rel="nofollow" href="SKYPE-URL-HERE" target="_blank"><img src="http://i.imgur.com/8c35IfD.png" /></a>
<style>
.bloggerbulk-popout{height:48px; width:48px; margin:10px; float:left; display:inline-block; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -o-transition:all ease 0.5s; -ms-transition:all ease 0.5s; transition:all ease 0.5s}
.bloggerbulk-popout img{border-radius:50%; margin:8px; width:100%; box-shadow:0px 0px 4px 1px rgba(0,0,0,0.8); -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -o-transition:all ease 0.5s; -ms-transition:all ease 0.5s; transition:all ease 0.5s}
.bloggerbulk-popout img:hover{margin:0px; box-shadow:6px 6px 4px 4px rgba(0,0,0,0.3)}
</style>" /><input name="widget.template" type="hidden" value="<data:content/>" /><input type="hidden" name="infoUrl" value="http://www.asobondhu.blogspot.com/"/><input type="hidden" name="logoUrl" value="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLtpKlRcWxC3miQjDB8P6vbK7dJ_sDGtRWOhJN9pwPza8CUZ8E3i_UwD1qrShTI7Ub_EfodNaqaeUYwiveeL9l1wGRfG-C44sScSv2BXSG7ox74istqgzN6wZHNCTuHOc54KjEJqX7Klk/s1600/poart.png"/><input alt="Add to Blogger" src="http://www.blogger.com/img/add/add2blogger_lg.gif" type="image" /></form>
* Replace URL-HERE and add your social page url link .
* Click SAVE button and enjy.
0 comments:
Post a Comment