In this Page I'm posting some info About adding the Amazing Google Plus Followers Widget in Blogger With Hover Effect. Google plus Widget Is the best gadget for increasing your followers and getting more traffic for your blog. So we are here to provide widget with hover effect for your blog. This is amazing and fast loading and based on Css and Html. When you put these codes in your blog After then you can see, when you move your mouse cursor on this widget then you see hover Effect.
These css codes work on all browsers like Google Crome, internet explorer, Mozila firefox, Maxathon, Safari and others. So we can say every blogger should Put this css code in their template and get more traffic from social media and make your blog Seo Friendly. So don’t wait I’m guiding you to achieve this through the following steps .
1.Log-in to your Blogger dashboard and go to layout.
2.click on Add a gadget and choose Html/javascript.
3.Copy the below code and paste in Html/javascript blank box.
<style>
.bloggertips4u{
margin: 10px auto;
background-color: #ffffff;
width: 260px;
padding: 10px 0 10px 10px;
height: 255px;
overflow: hidden;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
border: 5px solid #7c11ba;
}
.bloggertips4u:hover {
border: 5px solid #054542;
background-image: linear-gradient(bottom, rgb(5,69,66) 13%, rgb(19,186,189) 55%);
background-image: -o-linear-gradient(bottom, rgb(5,69,66) 13%, rgb(19,186,189) 55%);
background-image: -moz-linear-gradient(bottom, rgb(5,69,66) 13%, rgb(19,186,189) 55%);
background-image: -webkit-linear-gradient(bottom, rgb(5,69,66) 13%, rgb(19,186,189) 55%);
background-image: -ms-linear-gradient(bottom, rgb(5,69,66) 13%, rgb(19,186,189) 55%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.13, rgb(5,69,66)),
color-stop(0.55, rgb(19,186,189))
);
}
// Professional google plus widget with hover effect by https://bloggingpashion.blogspot.in //
</style>
<div class="bloggertips4u">
<div class="g-plus" data-action="followers" data-height="280" data-href="https://plus.google.com/your google+ id" data-source="blogger:blog:followers" data-width="280"></div>
</div>
4. Change the Red Link with your Google Profile Link.
5. Save the arrangement ,now you are done.
Enjoy and if need any help comment through the comment box and we will be there for your help anytime.