Orb Social Media Sharing Widget For Blogger

In  this post  im  gonna  explain   how  to   add Orb social   sharing  buttons  for  your blog. This is just widget.  you can  add  it  to  your blog easily





1. Log in to blogger  Design > Page Element.

2. Click Add Gadget and select 'HTML/Javascript

3.Now Paste Below code.

<style>

#socialbox{border:2px solid black;
width:270px;padding: 5px 5px 5px 5px;  }

img.beintouch:hover {
    background: none repeat scroll 0 0 #ffbc99;
    border-radius: 16px 16px 16px 16px;
    box-shadow: 0 0 10px #ffbc12;
}
.emailtext {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFnCL3TR6WZxkrnqcPwUfKH3wvjusSXZZaUfSK5IuRMecXP6GfWZdN5yT8xYEmPhuMjvwZEmm0L-0Kzge178FZ-7JtpdC_uDj3BDGGpPXYrLlfjbeFp0Td2IkouVTOH4uKHRv9eePsWq8/s1600/mailbox.png") no-repeat scroll 4px center transparent;
    border: 1px solid #7E4E27;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 1px 1px 4px #7E4E27 inset;
    color: #444444;
    font-weight: bold;
    margin-left: 2px;
    padding: 7px 15px 7px 35px;
    text-decoration: none;
    width: 120px;
}
.ebutton {
    background: #D55959;
    border: 1px solid #D3D3D3;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    margin-left: -18px;
    margin-top: 5px;
    padding: 6px 15px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #000000;
}
</style>
<br />
<div id="socialbox">
<table align="" cellpadding="1px" cellspacing="0px" style="width: 290pxpx;"><tbody>
<tr><td>
<a href="https://www.facebook.com/pages/Modernhackerss/229304697206442" rel="nofollow" target="_blank"> <img class="beintouch" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-fosOnJYsBUkDY6-u__4dog87jHruhIcFDKtqN0uQf_z0_9R-Q-QetwyBu4fp2nA_T_Tk9pmWau_ojn02xCgjUwog4iRlPlQgVLrFNRWp31Q3IDkplYVLKmqJeQa63uoeUGqNitMFeNI/s1600/bloggertrix-facebook-icon.png" /></a></td><td>
<a href="https://twitter.com/modernhackerss" rel="nofollow" target="_blank"><img class="beintouch" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2NaP1O6S4MfEDKuErUdaaUqRWSuJjQqfJd3jJFw371KT3PHCIFGR7S9tpt6yKYtFn4Wu6xGsSczEjAuc2GMfPEYmlaxf72r5LatPT2EuPc9oPgDIubCoHuG-959MFupdQNHn0TtQ_O60/s1600/bloggertrix-twitter-icon.png" /></a></td><td>
<a href="https://pinterest.com/modernhackerss" rel="nofollow" target="_blank"><img class="beintouch" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx8fiSLC-Mo4S848HjzBzk8CBX9BIcdGPub2SXi_mdrAICCPz7frypU_lDUJnjm0-13W2kGFTrju0DvMNdpKXK6gXan7PF6srv5u-JcV9TgYiXeY-rRrAqXcK-WHtnEgoK0CPYuqE5QmY/s1600/bloggertrix-pinterest-icon.png" /></a></td><td>
<a href="https://plus.google.com/modernhackerss" rel="nofollow" target="_blank"><img class="beintouch" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIbJjurnIFoIninNFXzzVH8aZFoN01ntzYJ3eEl4JyxLFOFBupde1QbAF61zb2Mj-1N-H4da_NRtFlxairrwOgowXN1HXdh5LOOgSGkxwZQexmg-RQLKabGAbTvzZUZAadiwkd8TZyBEU/s1600/bloggertrix-google-icon.png" /></a></td><td>
<a href="https://feeds.feedburner.com/modernhackerss" rel="nofollow" target="_blank"><img class="beintouch" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFkSgJ-2u9fy7y48wF3lQKqAUDoda3coHW2MAi_DSAdsAmFjplXr9tcNNz1ItBJOLi5-cTe34J10IhMKpiGHdvcQfPRmGgtMGTUICp7S3tAZL-1zm4GVit40zGywwWTU7C2tl7A1ROtJk/s1600/bloggertrix-rss-feed-icon.png" /></a><a href="http://modernhackerss.blogspot.com/"></a></td></tr>
</tbody></table>
<div>
<center>
<b>Get Newest Articles By EMAILS </b></center></div>
<form action="http://feedburner.google.com/fb/a/mailverify" class="emailform" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=modernhackerss', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="margin: 0pt;" target="popupwindow">
<input name="uri" type="hidden" value="modernhackerss" />
<input name="loc" type="hidden" value="en_US" />
<input class="emailtext" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}" onfocus="if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}" type="text" value="Enter your email..." />
<input alt="" class="ebutton" title="" type="submit" value="Subscribe" />
</form>
</div>


After paste above code
*Replace modernhackerss with your facebook username
*Replace modernhackerss  with your  twitter Username
*Replace modernhackerss with Google plus id
*Replace modernhackerss with feedburner username
*Replace modernhackerss with stumbleupon username

4. Now save your HTML/Javascript'.

    You are done...

0 comments:

Post a Comment