Gank Zone Blog? Join Now!
RSS Feed Facebook Twitter

Cara Membuat Dropcaps Pada Blog

Share or Like on :


Cara Membuat Dropcaps

Sebelumnya apa itu dropcaps? Dropcaps adalah paragraf yang huruf depannya besar, seperti gaya pada koran. Paragraf ini juga merupakan Dropcaps karena huruf pertama paragraf ini besar. Dropcaps ini sangat berguna untuk memperindah tulisan di blog sobat. Dan Seolah-olah seperti koran saja.


Itulah sekilas tentang Dropcaps, lalu bagaimana cara membuatnya dan cara memasang pada blog? Ikuti langkah-langkah berikut :

  • Pertama login dulu ke blogger dengan id sobat.
  • Setelah itu pilih Rancangan » Edit HTML. Backup dulu template sobat untuk berjaga-jaga menghindari error.
  • Copy paste script berikut dan letakkan sebelum kode ]]></b:skin>.
    .first_paragraph:first-letter {
    padding:0.08em 0.08em 0.05em 0;
    text-shadow: 2px 2px 7px #000000;
    font-size:3.4em;
    font-weight:normal;
    line-height:0.6em;
    color:#666666;
    float:left;}

  • Setelah itu simpan template sobat.
  • Nah pada saat sobat mau membuat postingan, gunakan editor HTML. Dan berikan tag berikut pada paragraf yang akan diberi efek Dropcaps.
    <p class="first_paragraph">Isi paragraf</p>

  • Ingat gunakan editor HTML.

Sekian trik kali ini semoga dapat membantu. Kalau ada yang mau ditanyakan silahkan lewat form komentar.




2 komentar

Minggu, 25 Maret, 2012

Terima Kasih infonya. tapi apakah ini tidak berpengaruh terhadap kecepatan loading blog?

Terimakasih Warung Kopi Arya atas Komentarnya di Cara Membuat Dropcaps Pada Blog
Minggu, 25 Maret, 2012

Tidak mas, ini tidak mengurangi loading blog sama sekali. Karena ini dibuat menggunakan CSS.
Terimakasih atas kunjungannya.

Posting Komentar

Silahkan berkomentar pada blog ini dengan baik dan sopan. Jadilah Top Komentator Untuk Mendapatkan Backlink Gratis!!!

 
© Copyright 2012 - Gank-Zone Blog. Powered by Blogger.com and Gank-Zone
Gank Zone Blog