2/07/2012

How to add image hover - Style 1

2/07/2012



hover to view demo 

Blogskins/ Classic template : Paste codes ni sebelum code </style>
Template designer : Paste codes ni sebelum ]]></b:skin> 

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

2/05/2012

How to add Follow and Dashboard button - Style 3

2/05/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>


<div style="position:fixed; top :5px; right:5px; padding:5px; border:1px dashed #FFAAAA; background:#fff;"><a style="color:#7B7A7A; text-decoration:none; font-family:calibri;  font-size:12;" href="http://www.blogger.com/follow-blog.g?blogID=5592144585522485075">Follow  | </a> <a style="color:#7B7A7A; text-decoration:none; font-family:calibri;  font-size:12;"href="http://www.blogger.com/home">Dashboard </a> </div>


5592144585522485075 ; tukar kepada blog ID sendiri
#7B7A7A ; warna tulisan tu.
#FFAAAA ; warna border keliling button