Another Popup Social Media Widget For Blogger

Today we are here with Another Popup Social Media Widget For Your Blogger Blog. Social bookmarking is really important in blogger Between social site, Facebook, Google+ and twitter are more popular because we are creating fan page and follower for our blog. Actually, its the one of way to get traffic. By adding this widget you can link to your Facebook Page, Twitter Profile and also with your Google Plus.

Popup Social Media Widget

How To Add Popup Social Media Widget To Blogger

This is very good looking Blogger widget for your blogger. This is an popup widget by which you can ask your readers to follow you when they scroll down. So if you have decided to add this widget in your blogger blog then read complete guide below. Follow all steps one by one which I’ve mentioned below.

• Go To Blogger Dashboard.
• Now Go To Templates >> EDIT HTML.
• Now Search for ]]></b:skin> by pressing CTRL+F
• Now copy below code and paste it just above of this tag.

#socialslide{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;}

• Now Save Your Template and Go To Layout.
• Add A Gadget >> Select HTML/JavaScript.
• Now Copy below code and paste it.

<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)$(“#socialslide”).show(“slow”);else $(“#socialslide”).hide(“slow”);});function closesocialslide(){$(‘#msocialslide’).remove();$.ajax({type:”POST”,url:”/facebookpage.php”});}</script>
<div style=”display: none;” id=”socialslide”>
<a style=”position:absolute;top:14px;right:10px;color:#555;font-size:10px;font-weight:bold;” href=”javascript:void(0);” onclick=”return closesocialslide();”>(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=”//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fmybloggerguides&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/MyBloggerGuides” class=”twitter-follow-button” data-show-count=”false” data-size=”large” data-show-screen-name=”false”>Follow @MyBloggerGuides</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>

• Change all highlighted colors.
• Now Save it.
• That’s it. You have successfully added this widget in your blogger blog.
• Now Open your Blog in new tab and enjoy this widget.

Our Recommended Blogger Widgets

1. WordPress Like Floating Social Sharing Widget for Blogger with Counter.
2. AllInOne Admin Box Widget with Social buttons and Subscription Box.
3. Add Sticky Notification Bar To Blogger with Show/Hide Button.
4. Stylish Contact Form For Blogger! Add to Static Page, Responsive & Pro Version.
5. Cute & Stylish Email Popup Subscription Widget.