Place Ads or Facebook Recommendation Widget beside Social Sharing Buttons Below every Blog Posts

Place Ads or Facebook Recommendation Widget beside Social Sharing Buttons Below every Blog Posts

Comments: 17
blogger widget

I have going to share a trick that how to place ads or Facebook recommendation Widget beside social sharing buttons below every blog posts. It is a great way to attract your visitors to make more click on ads and beside of this you can a visitors can easily share your blog posts easily. Remember more user friendly site means more returning visitors. So  I have keep this widget simple. Not only ads you can also place Facebook recommendation widget beside social sharing widget.

Step 1 Log in to your blogger account and Click on Template  ->

Step 2 Now click on 
Edit HTML-> Unfold code

Step 3 Now find ]]></b:skin> by Pressing  Ctrl + F

Step 4 And Paste the below code above ]]></b:skin> and save your template

Widget by
border-bottom:solid 1px #dedede;
border-left:solid 1px #dedede;
.bsads-right-min a:link,.bsads-right-min a:visited,.bottom-share-links a:link,.bottom-share-links a:visited{
.bsads-right-min a:hover,.bottom-share-links a:hover{
background:url( no-repeat
background:url( no-repeat
background:url( no-repeat
background:url( no-repeat
background:url( no-repeat
background:url( no-repeat
.bswdt img{

Step 5 Now find <data:post.body/> by Pressing   Ctrl + F

Step 6 And Paste the below code above <data:post.body/> and save your template

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- /Social Bookmarking Buttons Beside Ad Unit by -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='ads'>
<table border='0' cellpadding='0' cellspacing='0' width='100%'>
<td width='354'>
&lt;!--BEGIN B4PSADS.COM ADZONE DISPLAY CODE --&gt;&lt;script data-cfasync=&quot;false&quot; type=&quot;text/javascript&quot; src=&quot;;z=7602&amp;p=6458&amp;n=86&amp;s=r&quot;&gt;&lt;/script&gt;&lt;!--END B4PSADS.COM ADZONE DISPLAY CODE --&gt;</td>
<td><div class='bsads-right-min'>
<a class='bsplus' expr:href='&quot;; + data:post.url' rel='external nofollow' target='_blank'>Share On Google+</a>
 <a class='bsdel' expr:href='&quot;; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'>Add This To Delicious</a>
 <a class='bstweet' expr:href='&quot; &quot; + data:post.title + &quot; &quot; + data:post.url' rel='external nofollow' target='_blank'>Tweet/ReTweet This</a>
 <a class='bsfacebook' expr:href='&quot;; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'>Share on Facebook</a>
 <a class='bsstumble' expr:href='&quot;; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'>StumbleUpon This</a>
 <a class='bsdigg' expr:href='&quot;;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'>Digg This</a>
<!-- /Social Bookmarking Buttons Beside Ad Unit by --></b:if>


  • Change height:250px; to increase or decrease widget Height
  • Change width='354' for increase or decrease Ads width 
  • Change color:#009df2 for changing the Link Hover Color
  • Replace Your Ads Parsed Code or Facebook Recommendation Widget Code Is Here with your ads code or Facebook recommendation code.
You can Parse your ads code By HTML Encoder

Speak Your Mind

Jaker Khan 4/23/2013

fantastic widget..thanks I am grateful to u..

error in ads space.

what error have you got..kindly share with us..

Hello Brother Something Is Wrong In The Script ........Please Check And Fix It Soon Because It Is Not Getting Save ............Regards from latest games and software

Nauman I have corrected the code you can use it now..thanks for your comment..

Hello Again brother please add this as important before adding ads......parse your ads html script before adding into template......thank you regards from latest games and software...........or

and one more thing brother I have just scrolled down to your footer few seconds ago.....i loved that colorful menu .......please i want the exact same menu bar for my blog please share with me if possible.....thank you and who is the second author of your site.....................from India your bro...?????

Hopefully I will share it soon for all of my visitors..And Dixit is from India he has recently joined in my site to share some new articles. He is now Co-author of my site because he has fulfill some criteria to become co-author.

please brother inform me when you share menu bar script.thank you regards from your loyal visitor and hopefully friend........

hey hello bro i'm proud to be a loyal reader of this site please accept my personal request .......i want that blue shiny color around your site...exactly the please accept my request and reply as soon as possible .....

bro its require different coding according to templates base coding. But I am releasing soon just like my template..but confuse which color should I select as base color? kindly suggest me.

please base color should be blue...............i love this color and it will match every template..........

my co-author suggesting me Black+White+Dark Red

hi.... i am not getting like button and members who liked me what's the problem

here you can add Facebook recommendation box..please visit the below link for tutorial

This code does not work in my site

my email id-

Hi Badsha what error have u got on this widget?

Facebook Group Community Code ConverterHide Code Converter Show EmoticonHide Emoticon

If you Got questions? Ask ’em below! While we’re here, you might like to leave a comment and let me know if you have any stories or questions.

Make sure you tick the Notify Me box below the comment form to be notified of follow up comments and replies. Thank you for commenting

Contact Form


Email *

Message *