Don't Miss

Create a Sliding Google Plus Followers Box in Blogger

By Zohaib Liaqat - 18 Comments
Google Plus is one of the biggest social networks. Just like Facebook it allows people to create a profile, community and page. Google Plus is also a great way to drive massive traffic to your blog and sharing your posts on Google Plus increases your blog chances to appear in search results. Google gives more attention to the content shared on Google Plus. If you've created your Google Plus profile and you want to increase your followers, so in this tutorial we are going to share a sliding Google plus followers box. This box slides from the right side on hover with the followers box, it'll attract your visitors and they'll definitely follow you.
Create a Sliding Google Plus Followers Box in Blogger

Create a Sliding Google Plus Followers Box in Blogger

First and foremost, log in to your Blogger Account >> Select a Blog >> Layout >> Click Add a Gadget, scroll down and select HTML/JavaScript gadget from the list. Now copy the below code and paste it in the empty widget box

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>

<script type="text/javascript">
//<!--
$(document).ready(function() {$(".gplusbox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-330"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.gplusbox{
background: url("http://3.bp.blogspot.com/-toz1v3lLUUg/VMCEN3jsMAI/AAAAAAAAGms/4KxC70BVNoE/s1600/blogolect.png") no-repeat scroll left center transparent !important;
display: block;
float: right;
height: 275px;
padding: 0 0px 0 46px;
width: 325px;
z-index: 99999;
position:fixed;
right:-330px;
top:20%;
}
.gplusbox div{
padding: 8px;
background: white;
border: 2px solid #D64937;
border-radius: 2px;
border-right: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
</style>
<div class="gplusbox"><div>
<div class="g-plus" data-action="followers" data-height="300" data-href="https://plus.google.com/+zohaibliaqat" data-source="blogger:blog:followers" data-width="320">
</div>
<script type="text/javascript">

      (function() {
        window.___gcfg = {'lang': 'en'};
        var po = document.createElement('script');
        po.type = 'text/javascript';
        po.async = true;
        po.src = 'https://apis.google.com/js/plusone.js';
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(po, s);
      })();
    </script>
</div></div>

  • Replace https://plus.google.com/+zohaibliaqat with your Google Plus Profile URL

Click Save button and you're done!

We hope this article may have helped you in Creating a Sliding Google Plus Followers Box in Blogger. Share this article with your friends, don't forget to subscribe us and Join our Bloggers Forum on Facebook @ https://www.facebook.com/groups/blogolectforum

18 comments to ''Create a Sliding Google Plus Followers Box in Blogger"

ADD COMMENT
  1. Thanks for an interesting post. Actually as you will learn when having to write your essay on journalism there is a battle between main stream and internet journalism. We should not try to regulate journalism, as if it is a threat to society. I don't think we need a broader definition, but I do think we need professional standards differentiating it from freelance/independent journalist. We all should understand, the first admendment is what constitutes everyone to be a journalist by freedom of speech. But, there is even restriction on freedom of speech. We should try to get to the level of establishing recognizing professional journalist. Those who are employed with publishing entities, print and digital. And, then we could still acknowledge bloggers, students, and social network engagers. However, it would not be appropriate to create established professionals and shout out everyone esle collecting, writing and sharing information, as if they are now not journalist.

    ReplyDelete
  2. Welcome to the Best writer Review, Here you can get the best All Assignment Help reviews sites. We strongly urge you to check our entire website once and we will assure you will find this review website very useful. Our hard work will be rewarded if students like you will appreciate our effort and spread the message about this site with your class-fellows and friends.

    ReplyDelete
  3. Payday advances are a transient loan, when it is required the most...usually between paydays! Payday credits are an awesome method to get some money to hold you over to your next paycheck. Payday Loans

    ReplyDelete
  4. It's good to talk and express an opinion on these topics.
    compare lending rates

    ReplyDelete
  5. Programming Assignment help New study techniques: With new perspective you can also find new study techniques. Everyone has its one study method. It can be possible that you will found some others study method more comfortable and easy. You can improve your study method or can find different ways to improve it. On other hand you can share your tricks and tips of learning with other to improve their study methods.

    ReplyDelete
  6. I am searching for some good site for learning. Sto

    ReplyDelete
  7. I loved the article, keep updating interesting articles. I will be a regular reader I am offering assignment help to students over the globe at a low price.
    Article Assignment Help
    Essay Assignment Helper
    Essay writing
    Essay writing service
    Dissertation help
    Thesis writing help
    Write My Essay
    Do My Essay
    Hire Cheap Essay Writer
    College Essay Help

    ReplyDelete
  8. I found this one pretty fascinating and it should go into my collection. Very good work! I am Impressed. We appreciate that please keep going to write more content. We are the assignment helper, we provide services all over the globe. We are best in these :- services
    Essay writing
    Essay Writer
    Article rewriter
    Essay writing service
    Essay writing help
    Write My Essay
    Write My Article
    hire writer
    Write my essay cheap
    hire article writer

    ReplyDelete
  9. Thanks for sharing this information. I have shared this link with others keep posting such information. to provide best in class law assignment help online at very affordable prices.
    Assignment Help
    Assignment Helper
    Essay writing
    Essay writing service
    Dissertation help
    Thesis writing help
    Write My Essay
    Computer Science Assignment Help
    Assignment Help South Africa
    Assignment Writing Service

    ReplyDelete
  10. Many of the people are depressed about the problems of essay writing. Well, don’t worry about that because we are providing this service at a very reasonable price.

    Digital Markrting Blog
    SEO Blog
    Social Media Blog
    Email Marketeting Blog
    Online marketing Blog

    ReplyDelete
  11. Many of the people are depressed about the problems of essay writing. Well, don’t worry about that because we are providing this service at a very reasonable price
    Do My Homework
    Do My Assignment

    ReplyDelete
  12. This is what I want to know more about! Thank you so much!
    hotmail login account

    ReplyDelete
  13. EMERGENCY LOAN OFFER APPLY

    We Offer all types of Finance Business Personal Cash
    Quick Cash Advance. Fast Credit Check. Cash Today.
    Fast Cash Online
    low interest rate as low as 2%
    Financial Cash Available Here
    Business Personal Cash
    I'll advise All Cash seeker should contact us
    Contact Us At : abdullahibrahimlender@gmail.com
    whatspp Number +918929490461
    Mr Abdullah Ibrahim

    ReplyDelete