Hay friends, Dengerin lagu yuks
Hehehehe ..
Irra Agustiyanti

Female, 42 years

USU Ekonomi Manajemen

irra.feisal@windowslive.com

Inti Duta Surya

Tiban Riau Bertuah

Batam, Indonesia

'Hi...Wish u enjoy at My Blog.....'
Journey of Destiny

Senin, 17 Juni 2013

Cara Membuat Drop Cap (Huruf Besar) Pada Awal Postingan

Huruf besar atau yang sering kita kenal dengan sebutan 'Drop Cap' biasanya terletak pada awal paragraf, style font seperti ini cenderung memberi petunjuk bahwa paragraf tersebut adalah awal dari suatu cerita maupun artikel. Sekarang, drop cap tidak hanya diterapkan pada buku-buku cerita zaman waktu dulu kita kecil saja, namun style ini juga sudah banyak sekali digunakan untuk 'mempercantik' tampilan website khususnya untuk faktor konten. Sebenarnya tak ada tujuan lain dari memasang font ini selain untuk 'memodifikasi' blog, karena dengan tampilan huruf besar pada awal paragraf 1 artikel seperti ini, blog kita akan terlihat lebih proffessional layaknya sebuah situs yang sudah mendunia, alangkah baiknya jika drop cap ini kita

selaraskan dengan tampilan template yang berbau 'minimalistic', karena font-style huruf besar seperti ini tidak terpisahkan dari unsur yang memiliki kesan minimalis dan elegan.

Bisa anda lihat contoh drop cap pada gambar diatas, mungkin kurang lebih nanti akan seperti itu bentuk dan tampilanya, tetapi tampilan tersebut tidak terlepas dari font atau gaya tulisan yang kita terapkan di blog, perlu anda ketahui, huruf besar ini nantinya tidak akan mengikuti font yang sudah anda tentukan secara default, namun anda perlu sedikit memodifikasi kodenya dengan jenis font yang anda minati, jika saya sarankan pakailah style huruf yang sudah 'familiar' dan 'nyaman' untuk dilihat, pasalnya font yang kurang mendukung, dalam artian kurang enak pada saat dipandang, maka hal tersebut akan berdampak kepada ketidaknyamanan pengunjung dalam membaca konten.

1. Login ke Blogger.
2. Pilih Template.
3. Klik Edit HTML > Lanjutkan.
4. Centang box 'Expand Template Widget'.
5. Cari kode ]]></b:skin>  dengan CTRL+F, lalu letakkan kode di bawah ini tepat diatasnya.

.dropcap{float:left;color:#000000;background:#fff;line-height:30px;padding-top:1px;padding-right:5px;font-family:arial;font-size:30px;}

Keterangan: 
  • Arial = Jenis font dari Drop Cap (Huruf besar)
  • 30px = Ukuran font dari Drop Cap (Huruf besar)
  • #000000 = Warna font dari Drop Cap (Huruf besar)
6. Klik 'save template'.
7. Sekarang, kita beralih ke cara penerapanya pada halaman posting.
8. Masuk ke Buat Entri Baru.
9. Pilih opsi 'HTML' (bukan compose).

10. Selanjutnya, Ingat! masukkan kode yang digaris bawahi berikut ini pada halaman HTML (entri baru) setiap kali kita ingin membuat postingan, dan jangan lupa untuk mengganti B pada kode di bawah ini dengan huruf awal kalimat dalam paragraf anda, misalnya kalimat pertama 'Sendal', maka anda harus mengganti kode B tadi dengan huruf awalan 'S'.


<span class="dropcap">B</span>erapa dana ideal yang harus kita sisihkan pada setiap menambung?

 11. Selesai.

Bagaimana? mudah bukan untuk membuat blog lebih kreatif dan atraktif dengan menerapkan gaya tulisan drop cap atau huruf besar di blog anda. Demikian tutorial blog tentang cara membuat drop cap (huruf besar) pada awal postingan, semoga bermanfaat, dan selamat mencoba.

Print Friendly and PDF

Ditulis Oleh : Irrafeisal ~ Journey Of Destiny|We learn together to increase knowledge| we share knowledge and strengthen the friendship

Artikel Cara Membuat Drop Cap (Huruf Besar) Pada Awal Postingan ini diposting oleh Irrafeisal pada hari Senin, 17 Juni 2013. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan saran dapat Anda sampaikan melalui kotak komentar. Semoga Artikel Cara Membuat Drop Cap (Huruf Besar) Pada Awal Postingan ini bermanfaat. Dan Apabila friend Irrafeisal ingin artikel ini ada di postingan Anda, silahkan di copy paste aja, agar bisa menyebarkan lebih luas lagi ilmu yang bermanfaat...

Get free daily email updates!

Follow us!



Share to Facebook Share this post on twitter Bookmark Delicious Digg This Stumbleupon Reddit Yahoo Bookmark Furl-Diigo Google Bookmark Technorati Newsvine Tips Triks Blogger, Tutorial SEO, Info

0   komentar

Cancel Reply








Google PageRank Checker
DMCA.com

Daisy

Daisypath - Personal pictureDaisypath Anniversary tickers

backlink

Website Backlink Service


Auto Backlink Gratis : Top Link Indo

Auto Backlink Gratis : Top Link Indo



Beats Dofollow

Banner Qinthani : Top Link Indo
>