Membuat Dropcap di Blog Post

advertise here
Dropcap adalah huruf awal pada paragraf pertama yang diperbesar seperti digunakan pada surat kabar atau anda juga bisa melihat pada blog ini. Jika anda pengguna blog yang dibuat menggunakan engine wordpress anda tidak perlu kesulitan memasang aksesoris ini, cukup install plugin dropcap, atau memanfaatkan fitur yang sudah tersedia di template yang anda gunakan, karena biasanya sudah tersedia. Nah, bagaimana cara membuat fitur dropcap jika anda pengguna blogger.com?, caranya sangat simpel dan mudah sekali.

Sebenarnya sudah banyak sekali tutorial blogger yang membahas tentang hal ini, anda bisa ketik di google dengan kata kunci "Panduan membuat dropcap di blog".

Cara cepat dan mudah membuat dropcap di blogger, anda cukup copy kode css di bawah ini dan simpan di atas kode </head>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
.post-body::first-letter {
    color: #fff;
    font-size: 70px;
    float:left;
    font-weight:bold;
    line-height:.9em;
    background:#222;
  margin-right:3px;
    font-family: &#39;cursive&#39;;
  padding:2px; 
}
</style>
</b:if>


Login di blogger.com dan masuk ke EDIT HTML template blog anda,


Jangan lupa kalau sudah dimasukkan kode css di atas, klik tombol simpan.

Demikian Cara cepat dan mudah membuat dropcap di blogger semoga bermanfaat.

Click to comment