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.
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