Today I am going to show how to add Blogger follow Button.
STEP 1: Go to Layout > Add a Gadget > HTML/JavaScript
STEP 2: Add the below CSS code
<a href="http://www.blogger.com/follow-blog.g?blogID=YOUR BLOGGER ID">
<div class="fb-icon-bg"></div>
<div class="fb-bg"></div></a>
<style>
.fb-bg:hover {background:#303030;}
.fb-icon-bg {
background: #ff6500;
height: 37px;
margin: 0 0 -37px 0;
width: 41px;
}
.fb-icon-bg:after {
content: "\f032"; font-family: FontAwesome;
display: block;
padding: 9px 10px 5px 15px;
color:#fff;
}
.fb-bg {
background: #ff7a00;
display: block;
height: 37px;
margin: 0 0 10px 41px;
}
.fb-bg:after {
color: #fff;
content: "Follow on Blogger";
height: 37px;
left: 8%;
position: relative;
top: 22%;
width: 41px;
}
.fb-bg:hover{
cursor: pointer;
}
.fb-bg:active{
background: #354f88;
}
</style>
STEP 3: Replace YOUR BLOGGER ID with your real blogger ID
STEP 4: Then click on Save.
Good
ReplyDeletePost a Comment