Kamis, 08 Januari 2009

huruf besar di awal postingan

Jika Anda sering membaca suatu tabloid atau majalah, pastinya Anda sering mendapati tulisan dengan huruf besar di awal paragraph atau dalam bahasa kerennya disebut Drop Caps. Dalam blog pun, kita dapat membuat huruf besar di awal postingan atau kalimat sehingga akan menambah estetika tersendiri bagi penampilan blog kita. Simak tipsnya berikut ini.

Langkah-langkahnya adalah sebagai berikut.

Login ke http://blogger.com hingga masuk ke Dasbor
Klik Tata Letak (layout)
Kemudian klik tab Edit HTML
Kemudian cari kode seperti di bawah ini.

.post-body {
margin:.5em 0 1em;
padding-bottom:1em;
…………
…………
}

Jika tidak ada, coba cari kode yang mirip, seperti di bawah ini.


.post {
margin:.5em 0 1em;
padding-bottom:1em;
…………
…………
}

Setelah ketemu, tambahkan kode di bawah ini persis di bawah kode di atas.


.post bt {
float:left; color:
$headerBgColor;
font-size:100px;
line-height:80px;
padding-top:1px;
padding-right:5px; }

Kemudian Simpan Template

Kemudian penulisan dalam postingan , apit huruf yang akan kita jadikan sebagai Drop Caps dengan <bt> dan </bt>.

Sebagai contoh, seperti ini >>> <bt>C</bt>ontoh kalimat.

Catatan

Color >> Anda dapat mengganti variable color (warna) sesuka Anda dengan fix color, misalnya dengan warna black, green, red, dll

Font-size >> Anda dapat mengubahnya sesuai ukuran yang Anda kehendaki

Begitu juga dengan variable yang lain, dapat Anda kustomasi dan dicoba-coba sendiri.

Hasilnya dapat dilihat pada postingan di sini. Selamat Mencoba, semoga bermanfaat!!

(sumber : o-om.com)







Tidak ada komentar:

Posting Komentar