Blogskin/Classic template :
1. paste code after </style>
1. paste code into HTML/JavaScript
i :
<style>
.flwboard{
display:inline-block;
background:#FAFAFA;
color:#A4A4A4;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
text-decoration:none;
font-size:12;
padding:3px;
width:69px;
text-align:center;
}
.flwboard:hover{
background:pink;
box-shadow:0px 4px 7px;
-webkit-transform: scale( 1.0) rotate( 10deg);
-moz-transform: scale( 1.0) rotate( 10deg);
}
</style>
<div style="display:scroll; position:fixed; top:5px; right:51px;">
<a class="flwboard" href="http://www.blogger.com/follow-blog.g?blogID=BLOG ID ANDA">Follow</a>
<a class="flwboard" href="http://www.blogger.com/home">Dashboard </a>
</div>
ii :
<style>
.flw{
display:inline-block;
background:#eee;
color:#A4A4A4;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
text-decoration:none;
font-size:12;
padding:3px;
width:69px;
box-shadow:0px 4px 7px;
-webkit-transform: scale( 1.0) rotate( 10deg);
-moz-transform: scale( 1.0) rotate( 10deg);
text-align:center;
-webkit-transform: scale( 1.0) rotate( -10deg);
-moz-transform: scale( 1.0) rotate( -10deg);
}
.board{
display:inline-block;
background:#eee;
color:#A4A4A4;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
text-decoration:none;
font-size:12;
padding:3px;
width:69px;
box-shadow:0px 4px 7px;
-webkit-transform: scale( 1.0) rotate( 10deg);
-moz-transform: scale( 1.0) rotate( 10deg);
text-align:center;
-webkit-transform: scale( 1.0) rotate( 10deg);
-moz-transform: scale( 1.0) rotate( 10deg);
}
.flw:hover{
background:pink;
box-shadow:0px 4px 7px;
-webkit-transform: scale( 1.0) rotate( 10deg);
-moz-transform: scale( 1.0) rotate( 10deg);
}
.board:hover{
background:pink;
box-shadow:0px 4px 7px;
-webkit-transform: scale( 1.0) rotate( -10deg);
-moz-transform: scale( 1.0) rotate( -10deg);
}
</style>
<div style="display:scroll; position:fixed; top:5px; right:51px;">
<a class="flw" href="http://www.blogger.com/follow-blog.g?blogID=BLOG ID ANDA">Follow</a>
<a class="board" href="http://www.blogger.com/home">Dashboard </a>
</div>


|
Thankyou for visiting.
I make some blog tutorial here & I hope you like it.
*No repost (just backlink if you want to share)
*All tutors are mine unless stated
|
Blogskin/Classic template :
1. paste code after </style>
1. paste code into HTML/JavaScript
i :
<style>
.flwboard{
display:inline-block;
background:#FAFAFA;
color:#A4A4A4;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
text-decoration:none;
font-size:12;
padding:3px;
width:69px;
text-align:center;
}
.flwboard:hover{
background:pink;
box-shadow:0px 4px 7px;
-webkit-transform: scale( 1.0) rotate( 10deg);
-moz-transform: scale( 1.0) rotate( 10deg);
}
</style>
<div style="display:scroll; position:fixed; top:5px; right:51px;">
<a class="flwboard" href="http://www.blogger.com/follow-blog.g?blogID=BLOG ID ANDA">Follow</a>
<a class="flwboard" href="http://www.blogger.com/home">Dashboard </a>
</div>
ii :
<style>
.flw{
display:inline-block;
background:#eee;
color:#A4A4A4;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
text-decoration:none;
font-size:12;
padding:3px;
width:69px;
box-shadow:0px 4px 7px;
-webkit-transform: scale( 1.0) rotate( 10deg);
-moz-transform: scale( 1.0) rotate( 10deg);
text-align:center;
-webkit-transform: scale( 1.0) rotate( -10deg);
-moz-transform: scale( 1.0) rotate( -10deg);
}
.board{
display:inline-block;
background:#eee;
color:#A4A4A4;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
text-decoration:none;
font-size:12;
padding:3px;
width:69px;
box-shadow:0px 4px 7px;
-webkit-transform: scale( 1.0) rotate( 10deg);
-moz-transform: scale( 1.0) rotate( 10deg);
text-align:center;
-webkit-transform: scale( 1.0) rotate( 10deg);
-moz-transform: scale( 1.0) rotate( 10deg);
}
.flw:hover{
background:pink;
box-shadow:0px 4px 7px;
-webkit-transform: scale( 1.0) rotate( 10deg);
-moz-transform: scale( 1.0) rotate( 10deg);
}
.board:hover{
background:pink;
box-shadow:0px 4px 7px;
-webkit-transform: scale( 1.0) rotate( -10deg);
-moz-transform: scale( 1.0) rotate( -10deg);
}
</style>
<div style="display:scroll; position:fixed; top:5px; right:51px;">
<a class="flw" href="http://www.blogger.com/follow-blog.g?blogID=BLOG ID ANDA">Follow</a>
<a class="board" href="http://www.blogger.com/home">Dashboard </a>
</div>


|