Cara Membuat Dropcap Otomatis di Setiap Paragraf Postingan Blog dengan Kode CSS HTML

Sebelumnya saya bingung bagaimana cara membuat huruf pertama paragraf dipostingan blog menjadi besar seperti yang ada dikoran atau majal...

Sebelumnya saya bingung bagaimana cara membuat huruf pertama paragraf dipostingan blog menjadi besar seperti yang ada dikoran atau majalah.

Setelah searching sana sini, eh ternyata nama atau sebutan keren nya adalah "Dropcap" (hehe, maklum newbie) dan cara mengaplikasikannya sangat mudah banget loh sobat blogger. 

Kode CSS Dropcap ini sangat banyak salah satunya di situs css-tricks.com, namun yang works di template saya cuman kode CSS yang satu ini. 

p:first-child:first-letter {
  color: #903;
  float: left;
  font-family: Georgia;
  font-size: 75px;
  line-height: 60px;
  padding-top: 4px;
  padding-right: 8px;
  padding-left: 3px;
}

Untuk kode CSS diatas, sobat blogger dapat meletakkannya tepat diatas kode ]]><b:skin>. Atau bisa juga diletakkan di custom css pada pilihan Tema -> sesuaikan -> lanjutan -> tambahkan css.

Dan untuk di postingan blog, tambahkan "kode <p>(*bla..bla...bla..)</p>" di setiap paragrafnya.

*kalimat postingan sobat

Oke, sekian dulu postingan ini. Kalau sobat masih bingung silahkan berkomentar dibawah ya.. Salam Blogger Indonesia...