Cara Membuat Drop Caps untuk Blog

Drop caps adalah fasilitas di Microsoft Word, dimana fungsinya adalah membuat huruf depan suatu kalimat lebih besar daripada kata yang lainnya. Atau kalau kamu lihat di majalah atau koran, awal paragraphnya hurufnya pasti besar. Nah, di blogpun kita bisa juga membuat. Adapun langkah-langkah cara membuatnya adalah sebagai berikut: 
1.   Login ke http://blogger.com hingga masuk ke Dasbor, Klik Tata Letak (layout), Kemudian klik tab Edit HTML, Kemudian cari kode dibawah 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;
…………
…………
Kemudian Simpan Template

Kemudian penulisan dalam postingan , apit huruf yang akan kita jadikan sebagai Drop Caps

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


Catatan:
  1. Color; Anda dapat mengganti variable color (warna) sesuka Anda dengan fix color, misalnya dengan warna black, green, red, dll
  2. Font-size; Anda dapat mengubahnya sesuai ukuran yang Anda kehendaki
  3. Begitu juga dengan variable yang lain, dapat Anda kustomasi dan dicoba-coba sendiri.
Sumber : o-om.com

Kalau tidak berhasil coba cara lain seperti berikut:

1. Masuk ke menu Layout lalu klik Edit HTML
2. Cari script CSS di bawah ini.

.post {
margin:0 0 2em;
}

3. Lalu masukan kode berikut ini dibawahnya:

.dropcaps {
float:left;
color:#000000;
font-size:100px;
line-heght:80px;
padding-top:1px;
padding-right:5px;

4. kemudian klik SAVE TEMPLATE.
5. Jika anda hendak memasangkan pada postingan, maka di awal kata anda harus mengetikan script seperti read more hanya saja ini namanya drop cap.
contohnya: <span class="dropcaps">C</span>ontoh kalimat

5 Terbitkan, dan lihat hasilnya.



Selamat Mencoba!!!!!

0 Response to "Cara Membuat Drop Caps untuk Blog"

Posting Komentar

Powered by Blogger