Get this widget!

Kamis, 15 Januari 2015

Mempercantik tulisan Read more atau Baca selanjutnya

Langsung saja,
buka template blog anda
klik HTML edit jgn lupa backup dulu
cari kode ]]></b:skin>
letakan code css3 beikut tepat diatas ]]></b:skin>
simpan template



berikut kode nya:

.jump-link {
padding: 10px 0;
height: 40px;
}
.jump-link a {
padding: 0px 10px;
border: 2px outset #993300;
background: #888;
text-decoration: blink;
text-align: center;
float: right;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
font: 16px Times;
font-weight: bold;
color: #99FFFF;
text-shadow: 1px 1px 1px #000;
-o-transition: all 1.2s ease-in;
-moz-transition: all 1.2s ease-in;
-webkit-transition: all 1.2s ease-in;
}
.jump-link:hover a {
color: red;
background: #66CCFF;
font-size: 18px;
-o-transform: translate(-40px) scale(1.1) rotate(-10deg);
-moz-transform: translate(-40px) scale(1.1) rotate(-10deg);
-webkit-transform: translate(-40px) scale(1.1) rotate(-10deg);
text-decoration: none;
border-radius: 12px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
}
.jump-link a:active {
color: #0000CC;
background: #aaa;
border:2px outset #333;
-o-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
}
 
Lihat hasilnya!!
 
 

Tidak ada komentar:

Posting Komentar

tes member

Personal
Message