Membuat Dropcaps di Blogger (Tulisan Pertama Membesar)

Pada Tau Drop Caps kan? kalau biasanya kita baca Koran, maka Huruf Pertamanya akan membesar, itu yang dinamakan Drop Caps. Drop Caps tidak hanya bisa di gunakan di koran, tapi juga di Blogger. Karena Materi kita sekarang adalah "Membuat Dropcaps di Blogger" so, mari kita mulai

Pertama,
Login Ke Blogger >> Rancangan >> Edit HTML

Kedua,
Letakkan CSS Drop caps ini di atas kode ]]></b:skin>

.post .opening:first-child:first-letter {
       font:50px/18px Georgia, Times New Roman, Times, serif;
       float:left;
       text-align:justify;    
       padding:2px 5px 0 0;
       margin-bottom:-5px;
       color:#0099FF;
       text-shadow:2px 1px 1px #FF9900;
}

Ketiga,
Lalu Sertakan Kode ini di Setiap Posting anda untuk mengaktifkan Drop Caps

<div class="opening">Tuliskan artikel di sini!</div>

Contoh :

<div class="opening">Jika anda membuka sebuah blog dan "huruf pertama" pada posting atau di bagian yang lain selalu berupa huruf dengan ukuran yang berbeda (jauh lebih besar) dengan semua huruf di teks berikutnya, maka itulah yang kita sebut sebagai drop caps. Jadi intinya, dengan menggunakan fungsi drop caps ini maka di semua posting yang diterbitkan, huruf pertamanya akan kita buat dalam ukuran yang jauh lebih besar dari huruf selanjutnya. Cara membuatnya sangat praktis karena kita hanya perlu menambahkan kode CSS dan memanfaatkan tag DIV di pembuka posting. Jika anda .... dst</div>