Cari Blog Ini

2012-08-09

Tombol Home, Older & Newer Link

Cara mengganti link home, newer post dan older post menjadi tombol yang menarik.

Letakkan kode css berikut sebelum ]]></b:skin>


.home-link,#blog-pager-newer-link,#blog-pager-older-link{width:150px;height:20px;padding:6px 8px;border-radius:6px;box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);cursor:pointer;display:inline-block;font-family:'Bookman Old Style',Bookman,'URW Bookman L','Palatino Linotype',serif;font-size:14px;text-shadow:0 1px 0 #000;margin:0 2px;outline:medium none;padding:5px 10px;text-align:center;text-decoration:none;text-shadow:0 1px 1px rgba(0, 0, 0, 0.3);vertical-align:baseline;background:-moz-linear-gradient(center top , #FFFFFF, #EDEDED) repeat scroll 0 0 transparent;border:1px solid #B7B7B7;color:#606060;}
.home-link:hover,#blog-pager-newer-link:hover,#blog-pager-older-link:hover{background:#ededed;background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));background:-moz-linear-gradient(top, #fff, #dcdcdc);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');}
.home-link:active,#blog-pager-newer-link:active,#blog-pager-older-link:active{color:#999;background:-webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));background:-moz-linear-gradient(top, #ededed, #fff);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');}

2 komentar:

  1. Rasa2nya aku nk guna yg nih....yg footer tu rasanya belum sampai masa lagi kot...hehehe

    BalasHapus
    Balasan
    1. tak apa2 bro, silahkan dicoba satu2 dahulu. semoga bermanfaat ya hehe :)

      Hapus

Popular Posts