Membuat Readmore dengan Yahoo! Style

{ Posted on 20.56 by Faruq Blog }
Tags : ,
Kemarin saya sudah membuat artikel cara membuat readmore. kamu bisa lihat lebih lengkapnya disini. Tapi tampilan dari Readmore tersebut nampak standar-standar saja. Nah karena itu, di Artikel ini akan dijelaskan bagaimana membuat Readmore tersebut mempunyai Style ala mbah Yahoo!. Untuk membuatnya tidak sulit kok, sangat mudah dan simpel. Bagi kamu yang sudah penasaran, silahkan baca langkah-langkahnya berikut ini:

1. Login ke blogger kamu, kemudian pilih Layout-->Edit HTML
2. Seperti biasa centang Expand Widget Templates
3. Cari code ]]></b:skin>, kemudian copy code berikut diatasnya

.more{
bottom:5px;
font-family:verdana;/*jenis font yang kamu gunakan*/
font-size:50%; /*ukuran font*/
bottom:5px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;/*Tampilan font, bisa kamu ganti*/
line-height:normal;
padding-right:10px;
padding-top:5px;
text-align:right;/*perataan text, bisa left,right atau center*/
white-space:nowrap
}

4. Sekarang save template kamu.
5. Sekarang lihat style readmore kamu. Sudah bergaya bukan?

Hehehehehe, Cukup sekian dulu ya... Semoga bermanfaat...

No Response to "Membuat Readmore dengan Yahoo! Style"

Posting Komentar