17 Sept 2012
4 in 1 jquery Social Sharing Tab [ Fb,Twitter, Feed, G+]
4 in 1 jquery Social Sharing Tab [ Fb,Twitter, Feed, G+]
How to add 4 In 1 Jquery Facebook page,Twitter Follower,Google+ and Rss Subscribing Widget to your Blog
- Go to Design >> Page Element.
- Click Add Gadget
- and select HTML/Javascript
- Paste below code.
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmJkYPjc6MvRC4qG-hszxXK_lc_6QKt57QOfdp_HS9P_NrkMswOtxgeUPI2_iyU2IIk44yEry7wpRjsmCMJm951y0YsXiXtmjQ1Ib-WIRslGPx18Ey9gWTp1OKt2iBYM-49D51gGMTJE0/s1600/facebook-icon.png" alt=""/> <iframe src="//www.facebook.com/plugins/likebox.php? href=http%3A%2F%2Fwww.facebook.com%2FTricks2Blogging&width=200&height=346&colorscheme=light&show_faces=true&border_color&stream=false&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:200px; height:346px;" allowtransparency="true"> </iframe> </div> </div></div><div id="on"><div id="twitter_right" style="top: 35%;"> <div id="twitter_div"> <img id="twitter_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDNcJ4oaQoEAnlQ7q1IzGUlO_RhwcsKqbPJQpRFkfG3VLVqJZAh_V8-5xfd0LkcxXYCf6gEmMnJYZ0a5hkemQiSkcwEuLdOyp6V9TF_O4wrzkhyphenhyphenw8oCDgyg1hVxg-mJ984F0rP1tK_T8c/s1600/twitter-icon.png"/> <script src="http://widgets.twimg.com/j/2/widget.js"></script> <script>new TWTR.Widget({version: 2,type: 'profile',rpp: 4,interval: 1000,width: 246,height: 265,theme: {shell: {background: '#63BEFD',color: '#FFFFFF'},tweets: {background: '#FFFFFF',color: '#000000',links: '#47a61e'}},features: { loop: false,live: true,scrollbar: false,hashtags: false,timestamp: true,avatars: true,behavior: 'all' }}) .render().setUser('Tricks2Blogging').start();</script> </div></div></div><div id="on"> <div id="google_plus_right" style="top: 52%;"> <div id="google_plus_div"> <img id="google_plus_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTFQ9yLqKMR55mXNiKazQUZEG7jKuFO8rnxdK9tWTSnBPSwOHYB6lRP44ROixACvVOqxz-5zey4Eox5sC8JJIQNTlbEDkMlo-VAcasaDUQB89xAZWhckqZcLCexlMUR9JOCT-Ybc8Cq5g/s1600/google-plus-icon.png"/> <div style="float:left;margin:10px 10px 10px 0;"> <g:plusone size="tall" expr:href="data:post.url"></g:plusone> </div> </div> </div> <div id="on"> <div id="feedburner_right" style=" top: 69%;"> <div id="knfeedburner_div"> <center> <h4 style="color:#F66303;">You can also receive Free Email Updates:</h4> <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open ('http://feedburner.google.com/fb/a/mailverify?uri=Tricks2Blogging', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"> <input gtbfieldid="10" class="enteryouremail" name="email" value="Enter your email here..." onblur="if (this.value == '') {this.value = 'Enter your email here...';}" onfocus="if (this.value == 'Enter your email here...') {this.value = '';}" type="text"/> <input value="Tricks2Blogging" name="uri" type="hidden"/><input value="Submit" class="submitbutton" type="submit"/> </form> </center><a href='www.tricks2blogging.blogspot.com'>_</a><img id="feedburner_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3UO407sdHPoTCMrR3oYNwVxmpL0fgKZbwEBvVN67Jy4fGsSx1jKSyLzqwB0NEB0rdHg8TOa5tb_10i1MWFZCdCEs21_JmHAh7Kgv0ElGp8qYg1AtVDOJ-Fhy7YFxfzs38pcH6DkLlrDQ/s1600/subscribe-icon.png"/> </div> </div> </div> </div>
NOTE
Replace Tricks2Blogging With Facebook fan page.
Replace Tricks2Blogging With your Twitter Username.
Replace Tricks2Blogging With Your feedburner Username
If any Problem comment below..Like And Follow us on Facebook and Twitter...Thanks
