Don't Miss

Create a Sliding Google Plus Followers Box in Blogger

By Zohaib Liaqat - 10 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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnSYKQkPyhRQYd_ulRJjXy0CgyDiDFEwJbVeXgBKoqFY9f97PlSfgB1Bz-OMTnuE72K8Hvwu-Egv3uu3tR81JEqxgFAUVlomGxWdcRilYx0bLM9mXYHnR2cyehHSrPPLL3RPT0hRg-ASt-/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

10 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. It's good to talk and express an opinion on these topics.
    compare lending rates

    ReplyDelete
  3. 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
  4. 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
  5. This is what I want to know more about! Thank you so much!
    hotmail login account

    ReplyDelete
  6. 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
  7. A time-consuming process of composing a movie review requires a number of skills, which are relevant but not identical with those needed for writing essays, research papers, and expository papers https://123helpme.org/articles/buy-film-review/.

    ReplyDelete
  8. My Assignment Expert is now one of the leading companies in the market which provides SQL Assignments
    help to students in their computer programming assignments. Our service care support is available 24/7 round the clock.

    ReplyDelete
  9. This comment has been removed by the author.

    ReplyDelete