Jan 3, 2013

Egytricks Below Post Social Share Blogger Widget

Below Post Social Share Blogger Widget
Well here is My Egytricks Blogger below post Social sharing button witch included a Facebook Like box with Goggle+1,Facebook and Twitter page link Like Button.
Many of our Use has requested to Share this widget code ..so here i am with my below post social widget code..

 To add this Widget to your blogger blog you have to add just one code to your template .
Follow my Below mention steps ..

  • Login to Blogger  >> Click on drop down menu >>then select "Template".
  • Now you will see  "EDIT HTML" Button ,Click on it >>  and then click on Proceed button .
  • Now find code like this 
<div class='post-footer-line post-footer-line-1'>

or

<div class='post-footer-line post-footer-line-2'/>

Note:-Above code may be differ According to template try to Find your below post  code ,if you can send me your template to my mail.

Now After Finding your code ,Add the below Code ...

<b:if cond='data:blog.pageType == &quot;item&quot;'><table border='0' cellpadding='0' cellspacing='0' width='100%'><tr><td width='50%'> <div id='mdpostfblikebox'><iframe allowTransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FEGYTRICKS&amp;width=300&amp;height=255&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23e1e1e1&amp;stream=false&amp;header=false&amp;appId=328967870473940' style='border:none; overflow:hidden; width:300; height:255px;'/></div></td><td width='50%'><div id='mdpost-likebox'><span style='font-size: large;'>Do you Like this Article?</span><div class='row'><div style='margin-right:5px;'>
<g:plusone expr:href='data:post.url' size='medium'/>
</div><div style='margin-right:25px;'>
<div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like font='' href='' layout='button_count' send='false' show_faces='false' width='40px'/>
</div><a class='twitter-share-button' data-via='egytricks' href='https://twitter.com/share'>Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=&quot;//platform.twitter.com/widgets.js&quot;;fjs.parentNode.insertBefore(js,fjs);}}(document,&quot;script&quot;,&quot;twitter-wjs&quot;);</script></div><div class='row'> <a class='twitter-follow-button' data-show-count='false' data-size='large' href='https://twitter.com/egytricks'>Follow @egytricks</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=&quot;//platform.twitter.com/widgets.js&quot;;fjs.parentNode.insertBefore(js,fjs);}}(document,&quot;script&quot;,&quot;twitter-wjs&quot;);</script></div><div class='row'>Get Subscribe to Free Email Updates!!<p><a href='http://feeds.feedburner.com/egytricks'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/egytricks?bg=00CCFF&amp;fg=000000&amp;anim=1' style='border:0' width='88'/></a></p></div><div class='row'><div class='email'><form action='http://feedburner.google.com/fb/a/mailverify' class='emailform' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=egytricks&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'> <input name='uri' type='hidden' value='egytricks'/> <input name='loc' type='hidden' value='en_US'/> <input class='emailinput' 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 class='emailbutton' title='' type='submit' value='SignUp'/></form></div></div><div class='row'> <small>*Your email address will not be shared with anyone.</small></div></div></td></tr></table></b:if>

Now Replace all Red Highlighted Word with your Facebook Page Url.

Replace all Pink Highlighted Word with your Twitter Url.
and Replace all Green Highlighted Word with your Feed Url.

Now all done comment if any if you Like ,Problem ...or Subjection . ,Enjoy ..

Subscribe Updates, Its FREE!

1 comments:

  1. Hi Dear

    i Like this tutorial, and i hope to see more from you, just keep it up!

    happy Blogging :)

    Add Pro Social Subscription to blogger

    ReplyDelete

 

Copyright @ 2013 EgyTricks.

Designed by Vikash | EgyTricks