2/06/2012

How to add Follow and Dashboard button - Style 4

2/06/2012



Denim/simple,etc 
1.DASHBOARD >> DESIGN >> ADD GADGET/HTML
2.Paste kan code.

Blogskin,classic template
1. DASHBOARD >> TEMPLATE
2. Pastekan code dekat bawah code </style>



Follow Dashboard
{hover for sample}

<style text="css">


a.button{
background:#FFDDDD;
color:#ffffff
-webkit-transition: 0.4s; 
-moz-transition: 0.4s;
text-decoration:none; 
font-family:calibri;  
font-size:12;
padding:5px;
border-radius:5px;
width:70px;
text-align:center;
display:inline-block;
}
a.button:hover{
background:#D6CBF4;
-webkit-transition: 0.4s; 
-moz-transition: 0.4s;
color:#ffffff
text-decoration:none; 
font-family:calibri;  
font-size:12;
padding:5px;
border-radius:5px;
width:70px;
text-align:center;
display:inline-block;
}
</style>
<div style="position:fixed; top :5px; right:5px;">
<a class="button" href="http://www.blogger.com/follow-blog.g?blogID=5592144585522485075">Follow</a> <a class="button" href="http://www.blogger.com/home">Dashboard </a> </div>

5592144585522485075 : This is an example of blog ID, change it with yours. ITS IMPORTANT.
PINK ; colour codes, change it if you want ;D