Scrolling Social Recommendation Box For Blogger

Do yous know why your website is non getting the desirable traffic that yous are expecting from it? The prime number argue behind it is the lack of social media exposure which is extremely crucial for every blog. You mightiness arrive at got seen unopen to websites which arrive at got the most desirable traffic without fifty-fifty getting a unmarried see shape Search engine. The technique behind the social traffic is the amount of Likes, +1s together with followers yous arrive at got on your site. Though nosotros had lately shared a widget called Social Traffic Pop, that automatically appears to each together with every visitor whenever they see your weblog but sometimes the repeated POP annoys visitors. So, this fourth dimension nosotros arrive at got come upward up amongst a bottom slide out Social Box for Blogger that consists of Facebook, Google Plus together with Twitter Follow buttons.

Now yous volition live on curious to Preview the Scroll downwards Social Widget for Blogger, thus only scroll downwards a fiddling chip together with come across the magic happens at the bottom of your screen. (Keep on scrolling until yous come across the widget on this MBL Blog).

Features of Social Slide Out Like Box For Blogger:

• Sleek together with fashionable Social Like box consists of Facebook Page, Google Plus One together with Twitter Follow.

• Easily customizable together with plant perfect amongst each together with every Blogger template.

• It has a dismissible (Cancel) push clit that allows your users to easily unopen the Slide out social box accordingly.

• No compromise on speed, plant perfectly on almost every browser i.e. Chrome, Firefox together with etc.

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

The Steps are extremely pocket-sized together with would hardly arrive at got two minutes to consummate the integration thus only follow the next instructions.

• Go to Blogger.com >> Template >> EDIT HTML >> Proceed

• Now Search for ]]></b:skin> and together with thus glue the next Style Sheet CSS code higher upward it.

/* MyBloggerLab.com 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 together with thus afterward pasting the chunk of CSS code inward your template Press the orangish push clit which Says “Save Template” together with conk on to adjacent step.

---

• Once in i lawsuit again Go to Blogger.com >> Layout >> Add a Gadget.

• Then from the listing of Apps choose Add HTML/JavaScript.

• Now a novel page volition live on opened don’t worry nigh the Title, inward the HTML torso glue the Following Chunk of HTML + JavaScript code.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></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 bring together 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="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FMyBloggerLab&amp;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="https://twitter.com/Twitter_Handler" 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.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></div>

</div>

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

Customization:

• Now Replace MyBloggerLab with your Facebook Page URL.

• Also replace Twitter_Handler with your Twitter username that yous are using for your blog.

• To modify the color of the background supercede amongst your preferred colors.

All Done: Everything is almost done directly only salvage the Widget past times Pressing “Save Now” button. That’s it larn to your weblog together with scroll downwards to savour the incredible Social slide out box for Blogger.

From The Editors Desk:

So, nosotros hope that this postal service arrive at got cleared lots of misconception that yous cannot larn traffic if yous are non ranking good inward Search Engine. Social media has the ability non every bit much every bit Search engine but even thus nosotros cannot fail its significance. On this occasion, I would similar to nation yous that Alhamdulillah MyBloggerLab has achieved 20,000 Alexa Ranking together with Page Rank two spell or readership is increasing on daily basis. If yous arrive at got whatever difficulties regarding Blogging or Search Engine Optimization Feel gratis to enquire till together with thus peace, blessings together with happy Socializing.