uhbmy

Sunday 10 February 2013 - 4 COMMENTS

Preview :

Assalamualaikum, now umi nak ajar macam mana nak buat older dan newest post macam umi. Dah ramai yang request jadi umi publish jela. Sebenarnya, newer dengan older ni umi ambil dekat code navigation. Tak tahu pulak ramai yang suka har har. Perhatian tutorial ni khas untuk blogskins. Okay jom mula ~

1. Dashboard > Template
2. Copy code bawah ni
3. Paste sebelum code </style>

.newer {
width:50px;
padding:4px;
margin:2px;
background:#fff;
font:16px tutano;
text-align:center;
Text-decoration:none;
color:#888;
border:3px solid #E3F5FF;
text-transform:uppercase;
display:inline-block;
height:28px;
padding-top:25px;
border-radius:50%;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;
transform: rotate(0deg) ;
-webkit-transform: rotate(0deg) ;
-moz-transform: rotate(0deg) ;
-o-transform: rotate(0deg) ;
-ms-transform: rotate(0deg) ;
}
.newer:hover{transform: rotate(360deg) ;
-webkit-transform: rotate(360deg) ;
-moz-transform: rotate(360deg) ;
-o-transform: rotate(360deg) ;
-ms-transform: rotate(360deg) ;
background:#fff;<br />
}
@font-face{
font-family:tutano;
src:url(http://static.tumblr.com/dep4vzc/82Km8jmz4/tutano_cc_v2.ttf);
}
.older {
width:50px;
padding:4px;
margin:2px;
background:#fff;
font:16px tutano;
text-align:center;
Text-decoration:none;
color:#888;
border:3px solid #E3F5FF;
text-transform:uppercase;
display:inline-block;
height:28px;
padding-top:25px;
border-radius:50%;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;
transform: rotate(0deg) ;
-webkit-transform: rotate(0deg) ;
-moz-transform: rotate(0deg) ;
-o-transform: rotate(0deg) ;
-ms-transform: rotate(0deg) ;
}
.older:hover{transform: rotate(360deg) ;
-webkit-transform: rotate(360deg) ;
-moz-transform: rotate(360deg) ;
-o-transform: rotate(360deg) ;
-ms-transform: rotate(360deg) ;
background:#fff;
}