Friends ,Now i share a beautiful widget for your blogger. It is very nice to install in in to your blogger.It make a shining effect. This widget contain not only social sharing widget also include a email subscription widget. It look like a retro model widget. you can add this on your widget. Keep read this post and install it.
Log in to your blogger account.
Change highlighted RED color with your social media username/ID
Leave a comment ….. if this widget is not working…………………………..
Log in to your blogger account.
- Select Layout option.
- Click on Add gadgets
- Select HTML/JavaScript from list.
- Copy below code and paste in HTML/JavaScript box.
<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/AVvXsEiGTvc5uTXyNUGGWpcyDxJjTNvZBy9QUEtRbs199lqeFKVtlbskrz9LyDd-OASy6E7m9W9TeR40TU2cKJZthgKaUqlzqNOWk_pCbO9JZXgr4kg-Z8L9pWHScSdngBNBqK3bM4fpbIeLP5g/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="http://facebook.com/YOUR-FACEBOOK-USERNAME" rel="nofollow" target="_blank"> <img class="beintouch" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtYjD5jSxyqhKhjwuOqo43yQQ6C4AjHNt6ArLgdYxA4NTMx41aRBGxdhJ3nHaAN4ODx3g9FChUG5SV7RAxuQJ8meOUSThIwF8t_6gzwyyxmZruocmg-tla7h5yeQgPwHSoj4AG4LpsSdE/s1600/bloggertrix-facebook-icon.png" /></a></td><td>
<a href="http://twitter.com/YOUR-TWITTER-USERNAME" rel="nofollow" target="_blank"><img class="beintouch" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXzltoWj8lQVehJsrLaHvJpRAxqPqJmki7JTQXmwzi7gUILl1tGn_7pva7whnZBnSqYWBD53U-_lKvt2sqlxH0BOAvFtisR7iMdNoFrQWGi5eYcREysJHPd8XxdSxrS2jddvKv5bKclOE/s1600/bloggertrix-twitter-icon.png" /></a></td><td>
<a href="http://pinterest.com/YOUR-PINTEREST-USER-ID" rel="nofollow" target="_blank"><img class="beintouch" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy1tD8mfIoKytTEAjJniLbZ7Vm7cWYZ5ebqOsuOJuz_AnqhqKBYlDxC6erTV05qMpwMT1u9HkVTVmEkmckbD1bLwh9WsMCKmR6f2XfB-fpcAYLP7BdWHWdWSL5OmmSbfkeNrBzReJ-Qnc/s1600/bloggertrix-pinterest-icon.png" /></a></td><td>
<a href="https://plus.google.com/YOUR-GOOGLEPLUS-USER-ID" rel="nofollow" target="_blank"><img class="beintouch" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTiCFPXN0zIYWX8FIVskG0yOAvwte2NiLwPiVcdcQC4vQ7txjjND01yAjDhp4w8B8edkcPoXlkMnwXlL2Za6xtKTnnJGCI_DaM1SnQrSDUqTXgVEm4cbF09S_XmiJtBFEFsfbrwmy5_sg/s1600/bloggertrix-google-icon.png" /></a></td><td>
<a href="http://feeds.feedburner.com/YOUR-FEEDBURNER-USERNAME" rel="nofollow" target="_blank"><img class="beintouch" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXWSbzirYDS85l8MN9vbl0ZT1a0UcKuBqiK6flc75bSoVFIFeqjGnp4e02mif1tjz27shQKf3DPyUo_Mcagz6fac7Al2MHIZ0nQmNaN7p_X7y_pWrs7tlVfTIXr_CnTygf4xw6jDHU3Zg/s1600/bloggertrix-rss-feed-icon.png" /></a><a href="http://marks-mbs.blogspot.com/"></a></td></tr>
</tbody></table>
<div>
<center>
<b>Get Latest 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=YOUR-FEEDBURNER-USERNAME', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="margin: 0pt;" target="popupwindow">
<input name="uri" type="hidden" value="YOUR-FEEDBURNER-USERNAME" />
<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>
Change highlighted RED color with your social media username/ID
- Save it.
Leave a comment ….. if this widget is not working…………………………..
0 comments