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:


Get this widget!