sentraBLOG

Bersama Untuk Berbagi

Cara Membuat Drop Cap (Huruf Kapital) Pada Postingan Blog

Dengan adanya Drop Cap postingan pada blog terlihat lebih profesional. Drop Cap adalah huruf kapital yang ditampilkan pada awal tulisan, bisa dilihat pada tulisan - tulisan diblog ini. Nah cara membuatnya cukup mudah dan sedderhana, mari kita mulai.

1. Pertama sekali masuk ke akun blogger anda, kemudian pilih Layout selanjutnya Edit HTMl.
2. Cari kode dibawah ini :

.post {
............
............
............
}

Catatan : Biar lebih cepat, gunakan fasilitas find dengan menekan kombinasi tombol ctrl + f atau klik menu Edit - Find

3.Copy Paste kan Kode dibawah ini tepat dibawah kode yang ditemukan pada langkah 2

.hurufbesar {
float:left;
color:#004EFF;
font-family: Castellar;
font-size:60px;
line-height:48px;
padding-top:7px;
padding-right:5px;
}

Catatan :
- color:#004EFF adalah warna drop cap, anda bisa menggantinya dengan kode warna lain.
- font family: Castellar adalah jenis huruf drop cap, anda bisa menggantinya dengan jenis font lain.
- font size:60px adalah ukuran drop cap, anda bisa mengaturnya dengan lebih kecil atau lebih besar dari sebelumnya.

4. Simpan hasil editing dengan meng-klik tombol Save Template
5. Buat sebuah tulisan pada menu Post, New Post
6. Terlebih dahulu anda masuk ke Edit HTML pada menu post, kemudian copy paste kan kode dibawah ini sebagai awal tulisan

<span class="hurufbesar">Huruf Awal Tulisan anda</span>

contoh :
<span class="hurufbesar">s</span>entraBLOG - Bersama Untuk Berbagi
http://sentrablolg.blogspot.com

hasilnya menjadi seperti ini :



7. Anda dapat menambahkan tulisan anda setelah kode </span>


4 comments:

Heru Kurniawan mengatakan...

Excellent tips! Drop cap membuat postingan menjadi lebih menarik..Akan kucoba

Arez_Reza mengatakan...

Wah makasih mas.......kayaknya asik buat dicoba....

Mmpir balik ya

Sarmani yup mengatakan...

makasih mas info... kalo gak kebertan visit back and follow jua ya mas

InfoSehat-Dewasa mengatakan...

sip tips nya .thanks

Posting Komentar

Blog ini sudah dofollow, Tinggalkan komentar anda pada postingan ini dan Dapatkan BackLink Gratis ke Website/Blog anda. NO SPAM Please!!

 
PageRank Checking Icon Submit Your Site To The Web's Top 50 Search Engines for Free!