Minggu, 12 Juni 2016

Cara Membuat Huruf Besar Drop Cap di awal Kata di Blogspot

Membuat Huruf Besar Drop Cap - Untuk memperindah artikel blog banyak cara yang bisa kita lakukan, dari mengubah jenis fonts, memberikan font effect dan banyak lagi.

Nah kali ini saya akan berbagi trik Efek Huruf Besar ( Drop Cap ) pada awal kata sehingga memberikan kesan ekslusif dan menarik. Biasanya huruf besar ini ditampilkan diawal artikel blog, sebagai contoh seperti gambar dibawah ini.



Untuk Demo live bisa lihat disini atau disini
Baca Juga : Jadikan tampilan Blog anda dengan Google Font Effect
...Ingin membuatnya?

Berikut langkah - langkahnya dalam membuat Efek Huruf Besar ( Drop Cap ) :
  • Masuklah ke akun Blogger anda
  • Pilih "Template" pada menu Blogger
  • Klik " Edit Template"
  • Tambahkan script dibawah ini tepat diatas kode </b:skin> atau </style>

.only_drop {
float:left;
color: #000000;
background:#ffffff;
line-height:80px;
padding-top:1px;
padding-right:5px;
font-family:times;
font-size:100px;}


Untuk format penggunaanya seperti dibawah ini :

<span class="only_drop">Huruf awal disini</span>untuk huruf berikutnya

Contoh :
Untuk penerapannya agar efek huruf (drop cap) besar pada awal kata di blog adalah sebagai berikut :

<span class="only_drop">M</span>engecilkan ukuran file JPG....

Catatan:
Ada baiknya klik tombol "Pratinjau" untuk melihat bagaimana hasilnya, bila dianggap telah sesuai seperti yang di harapkan silahkan anda Publikasikan postingan tersebut.

Demikian Cara membuat efek huruf besar pada awal huruf sebuah kata. semoga bermanfaat.

Salam Drop Cap!

Tidak ada komentar:

Posting Komentar