Membuat Huruf Pertama Setiap Pos Menjadi Huruf Kapital

Cara lain dalam mendesain blog adalah mengubah huruf pertama menjadi huruf besar / kapital atau yang disebut Drop Caps. Efek ini membuat huruf pertama menjadi diperbesarkan dan mengambil posisi dari barisan kepertama sampai barisan ketiga atau keempat. Bukan cuma memperbesarkan, efek ini juga dapat mengubah font dan warna huruf tersebut. Biasanya kamu dapat melihat efek ini didalam blog bergaya Magazine, dll. Didalam tutorial ini, saya akan mengajari kamu bagaimana membuat efek ini.

Langkah 1. Masuk ke Dasbor Blogger - Template (buat dulu sebuah back-up) - Edit HTML - Lanjutkan - Expand Template Widget.

Langkah 2. Cari (Ctrl + F) kode ]]></b:skin>

Langkah 3. Diatas/sebelum kode ]]></b:skin>, tambahkan kode di bawah ini:

.capital:first-letter {
float: left;
display: block;
font-family: Times, serif, Georgia;
font-size: 40px;
color: #000000;
margin:0px 5px 0 0;
padding:0 0 0 10px;
}

Pengaturan:

• ubahlah kata yang berwarna biru untuk mengubah warna huruf kapitalnya.
• ubahlah kata yang berwarna ungu untuk mengubah ukuran huruf kapitalnya.

Langkah 4. Carilah kode <data:post.body/>

Langkah 5. Kemudian ganti kode di atas menjadi kode di bawah ini:

<div class='capital'><data:post.body/></div>

Langkah 6. Simpan template anda.


Sekarang, setiap post yang ada di blogmu selalu ada huruf kapital pada huruf pertama. Ingat! kemungkinan efek ini hanya akan kelihatan di dalam halaman post (tidak di halaman utama). Dan menambahkan gambar tepat sebelum huruf pertama dapat membuat efek ini hilang.