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 powerfulness conduct keep seen around websites which conduct keep the most desirable traffic without fifty-fifty getting a unmarried see cast Search engine. The technique behind the social traffic is the amount of Likes, +1s in addition to followers yous conduct keep on your site. Though nosotros had lately shared a widget called Social Traffic Pop, that automatically appears to each in addition to every visitor whenever they see your weblog but sometimes the repeated POP annoys visitors. So, this fourth dimension nosotros conduct keep come upwards up alongside a bottom slide out Social Box for Blogger that consists of Facebook, Google Plus in addition to Twitter Follow buttons.

Now yous volition hold upwards curious to Preview the Scroll downwardly Social Widget for Blogger, thence only scroll downwardly a picayune fleck in addition to 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 in addition to fashionable Social Like box consists of Facebook Page, Google Plus One in addition to Twitter Follow.

• Easily customizable in addition to industrial plant perfect alongside each in addition to every Blogger template.

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

• No compromise on speed, industrial plant perfectly on almost every browser i.e. Chrome, Firefox in addition to etc.

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

The Steps are extremely pocket-size in addition to would hardly conduct keep ii minutes to consummate the integration thence only follow the next instructions.

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

• Now Search for ]]></b:skin> and thence glue the next Style Sheet CSS code higher upwards 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 thence subsequently pasting the chunk of CSS code inward your template Press the orangish push which Says “Save Template” in addition to continue to side yesteryear side step.

---

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

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

• Now a novel page volition hold upwards opened don’t worry virtually the Title, inward the HTML trunk 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 alter the color of the background supplant alongside your preferred colors.

All Done: Everything is almost done forthwith only salve the Widget yesteryear Pressing “Save Now” button. That’s it become to your weblog in addition to scroll downwardly to relish the incredible Social slide out box for Blogger.

From The Editors Desk:

So, nosotros hope that this ship service conduct keep cleared lots of misconception that yous cannot larn traffic if yous are non ranking good inward Search Engine. Social media has the ability non equally much equally Search engine but even thence nosotros cannot fail its significance. On this occasion, I would similar to say yous that Alhamdulillah MyBloggerLab has achieved 20,000 Alexa Ranking in addition to Page Rank ii spell or readership is increasing on daily basis. If yous conduct keep whatever difficulties regarding Blogging or Search Engine Optimization Feel complimentary to enquire till thence peace, blessings in addition to happy Socializing.