Membuat Huruf Besar (Drop Cap) Pada Awal Postingan

Tahukan sobat apa itu drop cap? drop caps adalah huruf besar yang ukurangnya mungin 10 kali lipat huruf biasa yang diletakkan di awal artikel. Nah kalau sobat semua tertarik untuk membuat nya, saya akan kasih tau tutorialnya. Sebenarnya membuat drop caps ini sangatlah mudah, tapi untuk lebih jelasnya silahkan sobat ikuti langkah-langkah di bawah ini :

1.   Login ke blogger
2.   Langsung ke Tata Letak (sekarang design/rancangan)  - Edit HTML
3.   Cari kode berikut ]]></b:skin>
4.   Masukkan kode di bawah ini, di atas ]]></b:skin>

/* kode untuk huruf awal
----------------------------------------------- */
.awal {
float:left;
color: #000000;
background:#ffffff;
line-height:80px;
padding-top:1px;
padding-right:5px;
font-family:times;
font-size:100px;

5.   Klik Save Template / Simpan
Untuk menerapkan drop cap ini, setiap posting sobat harus lewat Edit HTML, bukan lewat edit HTML di template sobat. Ketikkan kode ini dulu <span class="awal">huruf awal</span> Kata huruf awal, ganti dengan huruf pertamamu yang akan sobat posting. Misalnya : <span class="awal">S</span>

Selamat mencoba

Posted in: Tutorial Blog