cara membuat tulisan bergaya koran ( Dropcap )

cara membuat tulisan bergaya koran ( Dropcap )


Kali ini saya akan membahas mengenai tutorial mendesign tampilan postingan di blog. Sesuai judul di atas, yang akan saya bahas kali ini adalah cara membuat tulisan bergaya koran. Maksud tulisan bergaya koran adalah setiap huruf diawal artikel tampak lebih besar daripada huruf lainnya. Jadi, huruf awal artikel pada postingan di blog anda tampak lebih besar dari huruf yang lain. Tutorial ini hanya dapat dilakukan secara manual, tidak secara otomatis.

Sebenarnya saya tidak cocok dengan judul "bergaya koran"c. Saya tidak cocok karena ada satu alasan yang logis. Coba anda lihat koran di rumah anda, apakah setiap huruf awal artikel di koran tampak lebih besar . . .? Tidak, bukan...!? Tapi, berhubungan para bloggers menyebutnya begitu, saya juga ikut-ikutan memakai judul "bergaya koran". Daripada banyak ngomong, langsung saja ikuti tutorial di bawah ini.

Langkah-langkah :
  • Cara menginstall huruf:
1. Seperti biasanya, login dulu ke account blogger anda
2. Lalu, anda akan masuk ke menu Dashboard / Dasbor
3. Dari situ, langsung saja menuju ke menu Design / Rancangan
4. Kemudian, masuklah ke menu Edit HTML
5. Lalu, berilah tanda centang pada "Expand Widgets Template"
6. Selanjutnya, carilah kode ]]></b:skin> menggunakan Ctrl + F
7. Kemudian, copy paste kode berikut di bawah kode ]]></b:skin>
.dropcap {
float:left;
color: #000000;
line-height:80px;
padding-top:1px;
padding-right:5px;
font-family:times;
font-size:100px;
}
color: #000000; ( artinya warna huruf  dropcap )
font-family:times; ( artinya model huruf  dropcap )
font-size:100px; ( artinya besar huruf dropcap )
  • Cara memakai huruf :
1. Seperti biasanya bila anda ingin membuat postingan baru, yaitu menuju ke menu New Post / Entri Baru
2. Lalu, akan muncul tampilan post editor, Setelah itu buka tab menu Edit HTML


3. Agar fungsi huruf  dropcap muncul, tambahkan kode di bawah ini untuk memperbesar tulisan
<span class="dropcap">Letakkan huruf yang ingin diperbesar disini</span>

Description: cara membuat tulisan bergaya koran ( Dropcap ) Rating: 4.5 Reviewer: ridwan ItemReviewed: cara membuat tulisan bergaya koran ( Dropcap )
Al
AhliWebs Updated at: 15.57

0 komentar:

Posting Komentar

Silahkan Berkomentar..!!!
Saya akan Mengahpus Komentar Yang Menggunakan Kata-kata Yang Dianggap Tidak Benar..!!!