Rabu, 20 April 2011

Cara Membuat Dropcap Diblogger

Hanson Situmorang | 06.19 |
 Kali asya Akan memposting tentang cara membuat drop cap di blogger langsung aja sob

1. Login di blogger
2. Klik menu Layout
3. Klik Tab Edit HTML



Cara Membuat Drop Cap pada Posting

Untuk berjaga-jaga jika terjadi kesalahan sebaiknya backup dulu template anda dengan mengklik Download Template Lengkap.

Cara Membuat Drop Cap pada Posting
4. Centang Expand Template Widget agar code dapat terlihat semua
5. Cari Kode .post { telusuri code itu sampai bertemu dengan simbol  }

Cara Membuat Drop Cap pada Posting

6. Kalo sudah Ketemu cyber mania copy kan code berikut persis dibawah kode tadi tepat dibawah simbol  }

dropcaps {
float:left;
color:#000000; (warna huruf drop cap)
font-size:100px; (ukuran font drop cap)
line-height:80px; (tinggi huruf drop cap)
margin-top:-21px; (jarak huruf dorp cap dari atas)
margin-right:5px; (jarak huruf drop cup dari kanan paragraph)
yang perlu di copy hanyalah code berwarna biru saja sedangkan tulisan didalam kurung silahkan di ganti sesuai keinginan Cyber Mania.

 7. Simpan template 


Cara Membuat Drop Cap pada Posting
8. Setiap Cyber Mania hendak posting wajib menambahkan code 
     
     <span class="dropcaps">Huruf Awal</span>

tulisan yang berwarna merah silahkan diganti dengan huruf awal postingan

9. Simpan dan liat hasilnya...

Tidak ada komentar:

Posting Komentar

Saya mohon komentar anda bebas dari segala macam kata-kata yang tidak menyenangkan dan saya mohon komentar anda masuk akal. Terima Kasih

Twitter Delicious Facebook Digg Stumbleupon Favorites More

Search

About Me

J-Lovers , Otaku , Mayuyuroid , Nabilaholic. I'm gotta be the sweetest guy on the galaxy of milky way.