Membuat Drop Cap di Awal Postingan

H

uruf besar (drop cap) di awal postingan? Kenapa tidak. Jika anda sering membaca surat kabar (koran), pasti Anda akan melihat Drop Cap di awal kalimat (paragraf). Untuk membuat huruf besar seperti itu di awal postingan blog Anda, Anda bisa menggunakan cara yang saya berikan. Berikut cara membuat Drop Cap pada awal postingan:
Pertama-tama login ke akun Blogger sobat

2). Lalu pilih Rancangan >> Edit HTML (Ingat biasakan Backup terlebih dahulu template Blog sobat sebelum memulai langkah selanjutnya)

3). Cari dan dapatkan kode di bawah ini :

]]></b:skin>




4). Setelah kode yang di atas ketemu langsung ganti dengan kode di bawah ini :

/* kode membuat posting unik
----------------------------------------------- */
.unik {
float:left;
color: #913CE6;
background:#ffffff;
line-height:80px;
padding-top:1px;
padding-right:5px;
font-family:times;
font-size:100px;
}
]]></b:skin>

5). Dan terakhir Klik Save Template/Simpan

6). Pada saat membuat artikel postingan sobat harus menulis lewat Menu Edit HTML bukan dariMenu Compose/Tulis dan dalam postingan tersebut masukan kode di bawah ini :

<p align="justify"><span class="unik">masukan huruf awal</span></p>

Oke, itulah cara membuat Drop Cap pada awal postingan pada blogger. Tunggu dulu, saya akan memberika satu trik lagi. Mungkin trik ini sudah pernah anda ketahui sebelumnya dari teman anda, tetapi bagi saya trik ini cukup menarik untuk teman-teman coba. Oleh karena itu, saya akan memberikan trik memasang tombol reply (balas) pada blogger.blogspot.com.
Check it out.....

1. Log in ke akun blogger anda
2. Klik tap rancangan, kemudian klik Edit HTML
3. Setelah masuk ke tab edit html, centang lah terlebih dahulu "Expand Template Widget", kemudian carilah kode berikut:

4). Setelah kode yang di atas ketemu, kemudian letakkan kode di berikut ini tepat di bawahnya.

<a expr:href='"https://www.blogger.com/comment.g?blogID=BLOG ID SOBAT&postID=

" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + 

data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' 

onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,

statusbar=1,menubar=0,scrollbars=yes,width=450,height=450"); return false;'>

<img alt='Reply To This Comment' src='http://4.bp.blogspot.com/-M0plb8VJUpk/

TWSg4FpJqbI/AAAAAAAAAeE/SoeQGRU0DuY/s400/reply05.png'/></a>

5). Jangan lupa ganti Kode Blog ID dengan BLOG ID sobat (Kode Blog ID terlihat Di Browser Internet pada saat sobat melakukan posting/ edit HTML di dasbor).

Oke, demikianlah postinga saya kali ini. Semoga bermanfaat bagi kita semua. Jika ada yang kurang atau salah, mohon isikan komentar anda di form komentar yang telah tersedia.
Salam Blogger..