Scrolling Social Recommendation Box For Blogger

Do you know why your website is not getting the desirable traffic that you are expecting from it? The prime reason behind it is the lack of social media exposure which is extremely crucial for every blog. You might have seen some websites which have the most desirable traffic without even getting a single visit form Search engine. The technique behind the social traffic is the amount of Likes, +1s and followers you have on your site. Though we had recently shared a widget called Social Traffic Pop, that automatically appears to each and every visitor whenever they visit your blog but sometimes the repeated POP annoys visitors. So, this time we have come up with a bottom slide out Social Box for Blogger that consists of Facebook, Google Plus and Twitter Follow buttons.

Now you will be curious to Preview the Scroll down Social Widget for Blogger, so just scroll down a little bit and see the magic happens at the bottom of your screen. (Keep on scrolling until you see the widget on this MBL Blog).

Features of Social Slide Out Like Box For Blogger:

  • Sleek and stylish Social Like box consists of Facebook Page, Google Plus One and Twitter Follow.
  • Easily customizable and works perfect with each and every Blogger template.
  • It has a dismissible (Cancel) button that allows your users to easily close the Slide out social box accordingly.
  • No compromise on speed, works perfectly on almost every browser i.e. Chrome, Firefox and etc.

How To Install Social Slide Out Subscribe Box For Blogger:<

The Steps are extremely modest and would hardly take 2 minutes to complete the integration so just follow the following instructions.

  • Go to >> Template >> EDIT HTML >> Proceed
  • Now Search for ]]></b:skin> and then paste the following Style Sheet CSS code above it.

/* Social Slide out Box Widget
#mblsocialslide{background:#f3f3f3;border-radius:9px;-moz-border-radius:9px;-webkit-border-radius:9px;-moz-box-shadow:inset 0 0 3px #333;-webkit-box-shadow:inset 0 0 3px #333;box-shadow:inner 0 0 3px #333;padding:12px 14px 12px 14px;width:300px;position:fixed;bottom:13px;right:2px;display:none;z-index:3;height:65px;}

  • And then after pasting the chunk of CSS code in your template Press the orange button which Says “Save Template” and proceed to next step.

  • Once again Go to >> Layout >> Add a Gadget.
  • Then from the list of Apps select Add HTML/JavaScript.
  • Now a new page will be opened don’t worry about the Title, in the HTML body paste the Following Chunk of HTML + JavaScript code.

<script type="text/javascript" src=""></script>

<script type="text/javascript">$(window).scroll(function(){if($(document).scrollTop()>=$(document).height()/4)$("#mblsocialslide").show("slow");else $("#mblsocialslide").hide("slow");});function closeMBlsocialslide(){$('#mblsocialslide').remove();$.ajax({type:"POST",url:"/facebookpage.php"});}</script>
<div style="display: none;" id="mblsocialslide">
<a style="position:absolute;top:14px;right:10px;color:#555;font-size:10px;font-weight:bold;" href="javascript:void(0);" onclick="return closeMBlsocialslide();">(X)</a>
<span style="font-family: Tekton Pro; font-size: 20px; margin: 10px 0; text-shadow: 1px 1px 0 #FFFFFF;">Don't forget to join our community!</span><br />
<div style="float:left; margin:15px;"><g:plusone annotation="none"></g:plusone></div>

<div style="float:left; margin:15px;"><iframe src="//;send=false&amp;layout=button_count&amp;width=80&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font=arial&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:80px; height:21px;" allowtransparency="true"></iframe></div>

<div style="float:left; margin:15px;"><a href="" class="twitter-follow-button" data-show-count="false" data-size="large" data-show-screen-name="false">Follow @hannygames</a>

<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);;js.src="//";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></div>

<div class='clear'></div>

  • Now Replace MyBloggerLab with your Facebook Page URL.
  • Also replace Twitter_Handler with your Twitter username that you are using for your blog.
  • To change the color of the background replace with your preferred colors.
All Done: Everything is almost done now just save the Widget by Pressing “Save Now” button. That’s it go to your blog and scroll down to enjoy the incredible Social slide out box for Blogger.

From The Editors Desk:
So, we hope that this post have cleared lots of misconception that you cannot get traffic if you are not ranking well in Search Engine. Social media has the power not as much as Search engine but still we cannot neglect its significance. On this occasion, I would like to tell you that Alhamdulillah MyBloggerLab has achieved 20,000 Alexa Ranking and Page Rank 2 while or readership is increasing on daily basis. If you have any difficulties regarding Blogging or Search Engine Optimization Feel free to ask till then peace, blessings and happy Socializing. 

The Editorial Team of MyBloggerLab consists of a group of Professional Blogger geeks Led by Syed Faizan Ali (Founder of MyBloggerLab).

Comment With:
Choose Wisely!


August 13, 2012 at 12:21 PM

Well, i just wanna take the twet script to put in normal on my blog. Nice post brother. And, i have to confess, that you stole my heart already. :)

Speak english, to everybody who blogs all alone, especially those who are not realy "active", i wanna offer you to blog away with me. No matter if you're indian, australian, pakistan, or from any else country. And no matter if your english is fuckin' horible, cuz so mine. Please just contact me and let's make a deal.

To admin, sorry for this comment. I beg your kindness here. Maybe i'm going to post this offer three or four more times. You know, i just want a partner. Thanks anyway.. :)

Editorial Team MOD
August 13, 2012 at 12:49 PM

I Don't know Smith What you are trying to Say or claiming but we know one thing that MBL is a Place to Learn and Teach. We are not here to Exchange authors Hope you will understand. Peace and Blessings

August 13, 2012 at 2:12 PM

No, you got my point. Just, my offer here is not only for the "admins" here, but everybody. You know, you have quite much commentators here, so maybe i'll attract at least one guy here. Who knows, right?

Some what, i also love this site. So, why don't i make some good things for both this site and i myself awhile reading and commenting away on this website. :)

August 13, 2012 at 2:18 PM

Awesome widget faizan bro...

Editorial Team MOD
August 13, 2012 at 2:22 PM

In That Case, My Blogger Lab is All Yours. Peace and Blessings

August 13, 2012 at 4:08 PM

Thanks :)
Great work

August 13, 2012 at 5:39 PM

Nice widget bro, adding the the cancel button makes it more stylish. Bro i have launched a new blog
Can you please suggest some SEO techniques and help me by visiting my blog please bro.

August 14, 2012 at 2:36 AM

Thanks a lot for this widget, I use it on my blog and the result WOW!

Regards Danialde4 ^_^

Editorial Team MOD
August 14, 2012 at 4:00 AM

Hey, Thanks for liking our widget and Yes, I checked your Blog it Looks Pretty Decent. The Best thing I could recommend you is to Get a .com Professional Domain Name. It will not increase your SEO but also your users might get engage to your blog.

Lastly Concentrate on your Content and create wonderful content to rule the Search results. For more SEO Tips and Tricks you can Check Our SEO Section. Peace and Blessing

August 14, 2012 at 4:04 AM

Yar Faizan , nice widget dude !! Implementing on my blog ...

August 14, 2012 at 1:47 PM

i think i saw it on way2blogger :P

Editorial Team MOD
August 14, 2012 at 3:08 PM

Umer There is no Similar Sort of Widget on W2B.

August 14, 2012 at 5:49 PM

Thanx bro, i will soon get .com domain. thanx again for your reply

October 11, 2012 at 7:58 AM

Thanks very much for your posts. It has done a lot of good to me by making me to learn a lot of things. I have a blog post which i am trying to promote some affiliate products. I am new to this business and i will please request you to look at my blogs and also give me some recomendations. Please the templete you have introduced in your post is excellent but i must confess i've tried to use it and i dont know why i am unable to do so. i donot like the one i am corrently using so please i need a helping hand. Thanks once more

Editorial Team MOD
October 11, 2012 at 8:14 AM

We are Pleased to See that Our Articles Have Helped you. We Would Love to Help you out in any kind of problem that you have regarding you blog. Changing Templates have no Bad impression. Moreover, if your theme is great then Visitors would enjoy that Too.

Currently I am unable to See your Blog because i Don't know you your site's URL. Tell me your Site URL so I Can tell you what things could be better for you.

You can Send us a Private Email Via Hope to see you Soon. Peace

October 12, 2012 at 11:27 AM

Can I ask how to put the box with 3-4 categories (recent photos, sponsors and etc)? Thanks!

kindly email me at

Editorial Team MOD
October 12, 2012 at 11:53 AM

Thanks for leaving your comment, are you talking about Tab Box? We are unable to understand what you want to say. Peace

Post a Comment

We’re eager to see your comment. However, Please Keep in mind that all comments are moderated manually by our human reviewers according to our comment policy, and all the links are nofollow. Using Keywords in the name field area is forbidden. Let’s enjoy a personal and evocative conversation.

Helping You to do Cool Things With Blogger Since 2012™.

© Copyright 2012 - 2016. MBL Networks, All Rights are Strictly Reserved.