Halloween Costume ideas 2015

Software, Film dan Artikel Terbaru dan Terpopuler - Menyediakan Software terbaru dan juga pastinya Full Version, Film terbaru yang pasti HD, dan Artikel yang bermanfaat.

Cara Mudah Membuat Drop Cap Pada 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.


Membuat drop cap pada postingan blog itu mudah bukan?
Setelah menerapkan trik ini, maka tulisan di blog kita akan terlihat lebih rapi dan enak dipandang.

Jika ada pertanyaan silakan sampaikan lewat kotak komentar ya.
Salam blogger!
Kategori :

Posting Komentar

Peraturan Berkomentar :
✔ Berkomentarlah Sesuai Artikel Diatas
✔ Untuk Berkomentar Gunakan (OpenID / Name URL / Google+)
✔ Berkomentarlah Menggunakan Bahasa Yang Jelas
✔ Relevan
✔ Sopan
✖ SPAM
✖ Link Aktif (Live Link)
✖ Promosi (Iklan)
✖ OOT (Out Of Topic)

MKRdezign

Formulir Kontak

Nama

Email *

Pesan *

Diberdayakan oleh Blogger.
Javascript DisablePlease Enable Javascript To See All Widget