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
Terima Kasih infonya. tapi apakah ini tidak berpengaruh terhadap kecepatan loading blog?
Terimakasih Warung Kopi Arya atas Komentarnya di Cara Membuat Dropcaps Pada BlogTidak 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!!!