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 == "") {this.value = "Enter your email...";}" onfocus="if (this.value == "Enter your email...") {this.value = ""}" 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...
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 == "") {this.value = "Enter your email...";}" onfocus="if (this.value == "Enter your email...") {this.value = ""}" 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