Kamis, 30 Januari 2014

Membuat Drop Cap Di Postingan Blog

Saat kita membuat postingan dalam blog kita, kita tentu ingin selalu berekplorasi lebih banyak lagi tentang cara apa yang bisa kita gunakan dalam menghasilkan tulisan yang selalu lebih baik dari waktu ke waktu. Bagi kita yang masih pemula dan baru saja belajar mengenai masalah tulis menulis, silakan baca kembali artikel berlabel tips menulis.



Ada beberapa cara atau teknik menulis dari menulis yang menggunakan Microsoft Word dan dapat kita aplikasikan saat kita menulis di sebuah blog. Selain cara itu dapat kita lakukan karena sudah ada menu-menu yang tersaji di bagian kotak pembuatan postingan/entri, kita juga dapat menggunakan cara itu melalui beberapa trik meski tidak ada menu yang tersaji guna melakukan perintah menu tersebut.
Contohnya adalah membuat tabel, membuat border/garis tepi, dsb.

Nah, pada kali ini kita akan membahas bagaimana cara membuat drop cap atau tulisan yang menampilkan satu huruf kapital saja pada awal paragraf. Manfaat drop cap adalah tulisan di blog akan menjadi lebih menarik untuk dilihat. Karena unsur estetika tetap terpelihara walau kita tidak harus menerapkannya.

Cara untuk membuat drop cap pada postingan blog adalah sebagai berikut:

Masuk ke dalam akun blogger kita masing-masing.
Klik rancangan.
Klik edit HTML.
Klik expand widget template.
Cari kode berikut.

]]></b:skin>

Letakan kode ini di atasnya.

/* huruf besar
----------------------------------------------- */
.besar {
float:left;
color: #000000;
line-height:80px;
padding-top:1px;
padding-right:5px;
font-family:times;
font-size:100px;
}

Klik simpan.

Selanjutnya, ketika kita ingin menambahkan tulisan yang akan muncul dengan gaya drop cap, maka tambahkan kode berikut ketika kita hendak menerbitkan tulisan di kotak posting. Kode ini ditambahkan di bagian edit HTML, bukan compose.

<span class="besar">Huruf yang ingin dijadikan huruf besar</span>

Keterangan:

  1. Ubah kode HTML warna pada color: #000000; dengan warna yang kita sukai.
  2. Ubah ukuran huruf drop capnya pada font-size:100px; sesuai selera kita.   

    Yang Pingin Blognya Sedap di pandang Dll ya silahkan coba ..^^
 
Copyright © . Cerpenazza - Posts · Comments
Theme Template by BTDesigner · Powered by Blogger