Huruf awal postingan besar dan pake background

Kali ini kita akan membahas tentang gimana cara bikin huruf awal pada postingan membesar,kan banyak tu sebahagian blog yg huruf awal nya besar,lumayan keren juga kan  bro..@_@!!!tapi trik kali ini,udah gw otak atik,jadi huruf awal nya bisa di kasih background,dan mempunyai text shadow,huruf nya akan kelihatan bercahaya,dan di hiasi background di belakang nya,contoh huruf nya ada pada awal postingan  ini,
oke langsung aja:

Untuk membuatnya ikuti langkah-langkah dibawah ini.

1. Login blogger
2. Tata Letak/Layout - Edit HTML
3. Klik pada Expand Template Widget.
4.  Selanjutnya cari kode ]]></b:skin>, Jika sudah ketemu letakkan kode CSS dibawah ini tepat sebelum atau diatas kode ]]></b:skin> tersebut:

CSS

/* kode untuk huruf dropcap
----------------------------------------------- */
.pandetdrop{
float:left;
color: #eeeeee;
text-shadow: 1px 1px 40px lime;
background:url(https://lh3.googleusercontent.com/-HVstiXOIDf8/TWwk-4EjZfI/AAAAAAAABu4/_FEH9u4silA/s1600/earth.png);
background-repeat:no-repeat;
line-height:80px;
padding-top:1px;
padding-right:5px;
font-family:times;
font-size:100px;
}

Untuk cara memanggilnya :

<span class="pandetdrop">A</span>


Huruf Warna merah silahkan ganti untuk membuar huruf awal postingan sobat,
dan Letak di Edit Html saat mau bikin artikel..