Cara Membuat Huruf Besar Drop Cap di awal Kata di Blogspot - Hanyalah Berbagi Informasi

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!

Cara Membuat Huruf Besar Drop Cap di awal Kata di Blogspot Cara Membuat Huruf Besar Drop Cap di awal Kata di Blogspot Reviewed by Om Rudi on Juni 13, 2016 Rating: 5

Kontak

Nama

Email *

Pesan *

Diberdayakan oleh Blogger.