Oct 7, 2015

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 For Blogger Blog
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.

Steps For Adding Popup Social Media Widget To Blogger

  • 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.
-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;

  • 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 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.


So above guide is about How To Add Popup Social Media Widget To Blogger Blog and i hope by using this widget you can increase your followers. If you have any query or any suggestion for us then drop a comment below. Hope you will like this post. Don't forget to share this on Blogging communities and with your blogger friends.
Thank You! Stay Blessed!

No comments:

Post a Comment

We’re eager to see your comment. If you have any query related to the topic then drop a comment below. We will help you out of sure. However, Please Keep in mind that all comments are moderated manually by our human reviewers. According to our comment policy all link are nofollow so keep in mind that never use links in comments, we consider link comments as a spam.