September 17, 2016

Trik Membuat Drop Cap Pada Awal Paragraf Untuk Artikel Blog

Trik Membuat Drop Cap Pada Awal Paragraf Untuk Artikel Blog - Drop cap merupakan huruf besar pada awal paragraf. Huruf besar ini dapat di buat hingga tiga baris atau kurang lebih, sesuai keinginan Anda. Anda pasti pernah melihat pada salah satu artikel yang Anda baca, terdapat huruf besar pada awal paragrafnya. Sebenarnya penggunaan drop cap ini pada blog, tidak membawa pengaruh apa - apa, hanya agar terlihat lebih menarik saja.

Bagi Anda yang tertarik untuk membuat drop cap pada awal paragraf untuk artikel blog, agar tampilan blog Anda lebih menarik, dapat mengikuti langkah - langkah di bawah ini :

  • Login ke Dashboard Blogger
  • Klik Template, lalu pilih HTML
  • Setelah muncul kode - kode html, cari ]]></b:skin>.
  • Tempatkan kode di bawah ini di atas ]]></b:skin>

.dropcaps {
 color: #000;
 float: left;
 font-family: "Century";
 font-size: 350%;
 line-height: 40px;
 padding-right: 3px;}
Trik Membuat Drop Cap Pada Awal Paragraf Untuk Artikel Blog


  •  Untuk Model huruf dan tinggi huruf yang di beri tanda warna biru, dapat Anda ganti sesuai keinginan.
  • Setelah memastikan template Anda tidak eror, silahkan di Simpan.
  • Selanjutnya, untuk menerapkan huruf besar pada awal paragraf yaitu dengan mengubah model Compose menjadi HTML, pada saat Anda menulis artikel. 
  • Setelah model HTML diganti terapkan kode berikut ini <span class="dropcaps">huruf pertama</span>. 
  • Jika telah selesai maka kembalikan lagi ke mode Compose
Itulah trik membuat drop cap pada awal paragraf untuk artikel blog. Mudah sekali bukan?, pastikan dalam menerapkan kode - kode html tidak ada yang tertinggal dan posisinya benar, agar tidak terjadi eror pada template Anda. Selamat mencoba ya.