Social Media And Rss Subscribe Widget For Blogger

In this tutorial im gonna explicate how to add together Social Media And Rss Subscribe Widget. By using this Social Media widget you  tin link your social media profile Facebook, Twitter and  Rss and  subscribe field. It Social Media volition assist to larn the novel updates past times emails. You  tin cheque it from below  demonstrate link .If you lot desire to expect at other rss feed subscription widget,click this link. If you lot accept whatever questions regarding to this.Let me know. I volition assist you.

In this tutorial im gonna explicate how to add together Social Media And Rss Subscribe Widget Social Media And Rss Subscribe Widget For Blogger

1. Log inwards to blogger trouble organisation human relationship in addition to Click driblet down.

In this tutorial im gonna explicate how to add together Social Media And Rss Subscribe Widget Social Media And Rss Subscribe Widget For Blogger

2. Now conduct “Layout” Like Below.

3. Click Add Gadget in addition to select ‘HTML/Javascript

4. Paste below code.

<style> .subscribebtrix { border: 2px corporation #000000; padding: 8px; width: 310px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .subscribebtrix:hover { -moz-box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1); -webkit-box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1); box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1); } .tbimailbox { border: 1px corporation #D3D3D3; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 1px 1px 1px 1px rgba(255, 172, 84, 0.4) inset; -webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4) inset; box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4) inset; color: #666; font: 14px "trebuchet ms", sans-serif; padding: 7px 15px; width: 160px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .tbimailbox:hover { -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .btrixsubmit { font: bold 12px Tahoma, Geneva, sans-serif; font-style: normal; color: #ffffff; background: #ff5714; border: 0px corporation #ffffff; text-shadow: 0px -1px 1px #222222; box-shadow: 2px 2px 5px #000000; -moz-box-shadow: 2px 2px 5px #000000; -webkit-box-shadow: 2px 2px 5px #000000; border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; padding: 8px 15px; cursor: pointer; margin: 0 auto; } .btrixsubmit:active { cursor: pointer; position: relative; top: 2px; } .btrixsubmit::-moz-focus-inner { border: 0; padding: 0; margin: 0; } </style>  <br /> <div class="subscribebtrix"> <div style="color: #666666; font-weight: bold; font: 22px Oswald, cursive; margin: 0px 0px 10px 15px;"> Free Updates to your Inbox</div> <div style="margin: 10px 0 0 6px;"> <form action="http://feedburner.google.com/fb/a/mailverify" class="emailform" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=bloggertrix', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="margin: 0pt;" target="popupwindow"> <input name="uri" type="hidden" value="bloggertrix" /> <input name="loc" type="hidden" value="en_US" /> <input class="tbimailbox" 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="In this tutorial im gonna explicate how to add together Social Media And Rss Subscribe Widget Social Media And Rss Subscribe Widget For Blogger" class="btrixsubmit" title="Social Media And Rss Subscribe Widget For Blogger" type="submit" value="Subscribe" /> </form> </div> <div style="border: none; color: #666666; font: 22px Oswald, cursive; margin: 25px 0 0 5px;"> Follow us:</div> <div style="margin: -32px 0 0 120px;"> <a href="http://www.facebook.com/bloggertrix" target="_blank" title="Social Media And Rss Subscribe Widget For Blogger"><img alt="In this tutorial im gonna explicate how to add together Social Media And Rss Subscribe Widget Social Media And Rss Subscribe Widget For Blogger" src="http://1.bp.blogspot.com/-dWQ4WAgFEd4/UaOIdmxIstI/AAAAAAAAHow/1ER9XAAtr9s/s1600/facebook_btrix.png" /></a> <a href="http://www.twitter.com/bloggertrix" rel="nofollow" target="_blank" title="Social Media And Rss Subscribe Widget For Blogger"><img alt="In this tutorial im gonna explicate how to add together Social Media And Rss Subscribe Widget Social Media And Rss Subscribe Widget For Blogger" src="http://3.bp.blogspot.com/-iRgGtzjfUOo/UaOIe0vICII/AAAAAAAAHpM/yq0OufsX_Q0/s1600/twitter_btrix.png" /></a> <a href="https://plus.google.com/UserId" rel="nofollow" target="_blank" title="Social Media And Rss Subscribe Widget For Blogger"><img alt="In this tutorial im gonna explicate how to add together Social Media And Rss Subscribe Widget Social Media And Rss Subscribe Widget For Blogger" src="http://4.bp.blogspot.com/-rhZjMQqQSwc/UaOId555AQI/AAAAAAAAHo0/v9qrnoB9LRU/s1600/googleplus_btrix.png" /></a> <a href="http://www.pinterest.com/bloggertrix" rel="nofollow" target="_blank" title="Social Media And Rss Subscribe Widget For Blogger"><img alt="In this tutorial im gonna explicate how to add together Social Media And Rss Subscribe Widget Social Media And Rss Subscribe Widget For Blogger" src="http://3.bp.blogspot.com/-MiOHuehf8Uo/UaOId1J8tjI/AAAAAAAAHo4/kCciO2il8R0/s1600/pinterest_btrix.png" /></a> <a href="http://feeds2.feedburner.com/bloggertrix" rel="nofollow" target="_blank" title="Social Media And Rss Subscribe Widget For Blogger"><img alt="In this tutorial im gonna explicate how to add together Social Media And Rss Subscribe Widget Social Media And Rss Subscribe Widget For Blogger" src="http://1.bp.blogspot.com/--Oc6zcT_s9Y/UaOIen7YBwI/AAAAAAAAHpI/S8ut7PyNJHc/s1600/rss_btrix.png" /></a> </div> <div align="center"> <a href="http://feeds.feedburner.com/bloggertrix"><img alt="In this tutorial im gonna explicate how to add together Social Media And Rss Subscribe Widget Social Media And Rss Subscribe Widget For Blogger" height="26" src="http://feeds.feedburner.com/ fc/bloggertrix?bg=FF9900&amp;fg=444444&amp;anim=1" style="border: 0;" width="88" /></a></div> </div>   

Replace bloggertrix amongst your Feedburner ID
Replace bloggertrix amongst your Facebook username
Replace bloggertrix amongst your Twitter Username
Replace bloggertrix amongst your Pinterest Username
Replace UserId amongst your Twitter Username

5. Now relieve your HTML/Javascript’.You are done.
This is unique Social Media widget. Hope this helpful to you.
Sumber http://www.bloggertrix.com/