Advertisement

MEMBUAT HURUF DROP CAP PADA POSTINGAN BLOGSPOT

Sebelumnya aku pernah memposting cara membuat huruf Drop cap untuk diblog wordpress.com dan kali kesempatan ini, aku akan coba berbagi cara membuat huruf Drop cap pada postingan  di blogspot.com. dan  dari sebagian besar tutorial cara membuat huruf Drop cap ini, aku dapat dari blognya Maskolis seorang Web design dan juga Master of Tutorial semoga beliau berkenan.
Agar 100% mencapai keberhasilan dalam tutorial ini, dianjurkan  agar sobat menyimak secara detail tutorial berikut ini.

Pertama pergi ke kantor pos, Ee….maksudku ke edit layout/HTML . Lalu cari kode seperti ini :]]></b:skin>

Drop cap
Kemudian letakkan kode HTML dibawah ini tepat di atas kode ]]></b:skin>


/* kode untuk huruf awal
----------------------------------------------- */
.awal {
float:left;
color: #000000;
background:#ffffff;
line-height:80px;
padding-top:1px;
padding-right:5px;
font-family:times;
font-size:100px;

Untuk jaga-jaga coba sobat klik pratinjau template dahulu, jika kode HTML tadi diterima lanjutkan dengan mengklik simpan template.
Setelah selesai di edit layout/HTML, sekarang sobat pergi ke WARUNG. Etz.!... maksud ku pergi ke pengaturan. Pilih pengaturan Format dan letakkan kode berikut ini pada kotak templat entri Anda.


<span class="awal">huruf awal</span>




Jika tidak ada kendala seharusnya saat itu juga format huruf Drop cap sudah langsung tampil tatkala sobat membuat sebuah posting baru atau entri baru. Demikianlah  tutorial cara membuat huruf Drop cap pada awal postingan di blogspot ini dan... selamat mencoba.




Salam blogger.!
sign



 

Post a Comment

0 Comments