.
Home » , » Menambahkan Drop Cap Pada Postingan Blogspot

Menambahkan Drop Cap Pada Postingan Blogspot

Written By Dracunito on Minggu, 03 Februari 2013 | 15.33

Drop Cup adalah style atau gaya tulisan yang biasa digunakan seperti gaya penulisan yang biasa kita temukan pada koran atau majalah.  Drop Cup digunakan untuk menampilkan ukuran huruf awal pada penulisan artikel menjadi lebih besar daripada huruf-huruf lainnya, tujuannya adalah agar artikel yang di publish menjadi kelihatan lebih menarik.

Anda dapat menggunakan kode berikut ini, untuk menampilkan Style Drop Cup pada penilisan artikel yang akan dipublikasikan pada blog anda.

<span style="float:left;color: #000;background:#fff;line-height:80px; padding-:1px 5px 0 0; font-family:times; font-size:100px;">Huruf Drop Cup (huruf awal pada penulisan artikel)</span>

Penjelasan kode adalah sebagai berikut :
  • Color: #000 : adalah warna untuk huruf drop cup. #000 berarti huruf yang akan ditampilkan berwarna hitam, anda dapat menggantinya dengan warna lain, kode hexadecimal untuk warna dapat anda googling dengan kata kunci misalnya : kode warna hexadecimal.
  • Background: #fff : adalah warna yang digunakan untuk huruf drop cup
  • Padding: 1px 5px 0 0 : adalah untuk ukuran padding, urutannya adalah padding atas, padding kanan, padding bawah dan padding kiri.
  • Font family: times : adalah jenis huruf yang digunakan untuk huruf drop cup, anda dapat menyesuaikan dengan jenis huruf yang digunakan untuk blog anda, misalnya Arial, Helvetica, Trebuchet dan lain-lain.
  • Font-size: 100px : adalah ukuran huruf drop cup

Untuk menerapkan Style Drop Cup pada penulisan artikel seperti di bawah ini :
  • Login ke blogger dengan ID anda klik icon bergambar pencil (jika anda menggunakan tampilan antar muka blogger yang baru) atau klik tab Posting >> Entri Baru (untuk tampilan antar muka blogger yang lama).
  • Tulis posting artikel seperti biasa
  • Gunakan Editor dengan mode HTML (Edit HTML) setelah itu ketikkan kode atau copy-paste kode di atas untuk membuat drop cup, untuk mengecek hasilnya silakna klik tombol Preview.
  • Jangan lupa ganti kode yang ditulis berwana merah pada kode di atas dengan huruf drop cup atau huruf awal pada penulisan artikel anda.
  • Jika tampilan sudah sesuai dengan yang diinginkan silahkan tekan tombol TERBITKAN ENTRI atau Publish

Silahkan ber-eksperimen, jika sukses ucapkan Alhamdulillah....
Share this article :

0 komentar:

Posting Komentar

No Flame, SARA, SEX !

Test Footer 2

BANNER IKLAN
BANNER IKLAN
BANNER IKLAN
BANNER IKLAN
Advertise Now!


 
Support : Your Link | Your Link | Your Link
Copyright © 2013. IndonesiART.com - All Rights Reserved
Template Created by Creating Website Modified by CaraGampang.Com
Proudly powered by Blogger