Membuat Dropcap / Huruf Besar di Awal Postingan Blog

Mas Bro – 2/17/2015 09:09:00 AM

Dropcap atau penulisan huruf berawalan besar biasa kita lihat di koran atau majalah, gunanya tentu adalah untuk membuat tampilan teksnya lebih indah dan enak dipandang.

Selain di koran dan majalah dropcap juga bisa dipasang di blog/blogspot dan cara membuat dropcap di blog ini pun sangat-sangat mudah. berikut perbedaan antara tampilan postingan biasa (kiri) dan tampilan postingan dengan dropcap (kanan).
Untuk membuat dropcap caranya adalah sebagai berikut:

Pertama

Masuk ke Blogger dan pilih blog yang ingin dibuat Dropcap. Pada Dashboard Blogger pilih Template dan klik Edit HTML, Tapi sebelum mengubah template dengan Edit HTML ada baiknya templatenya dibackup dulu.

Belum tahu cara backup template? baca ini: cara mudah backup template blogspot.

Kedua

Pada Template Edit HTML cari kode </b:skin> kemudian letakkan kode berikut diatasnya:

#Dropcap {


   float:left; 


   color:#0072C6;


   line-height:33px;


   padding:6px 5px 2px 0px;


   font-weight:bold;


   text-shadow:2px 2px #bbb;


}

jadinya seperti gambar berikut:
Selanjutnya klik Simpan template.

Ketiga

Buka postingan yang ingin diterapkan dropcap, kemudian pilih mode HTML dan masukkan kode berikut:

<div id="Dropcap">D</"div">

Contoh diatas diterapkan huruf awal kata Dropcap seperti ini:

Karena dropcap ini tidak otomatis jadi kalau mau di terapkan di semua postingan ya harus di edit posnya satu persatu.

Sekian tutorial cara membuat dropcap di blog, Semoga Bermanfaat...