Info Penting

Aplikasi Yasin dan Tahlil No 1 di Google dan Playstore

A plikasi Yasin dan Tahlil terbaik nomor 1 di Google dan Playstore kaya akan fitur dan konten yang bermanfaat untuk amalan sehari-hari u...

Info Penting

Artikel Terbaru

Cara Mudah dan Cepat Membuat Dropcap di Blogger

25 Nov 2019 - - 3

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.

3 komentar

  1. Sudah saya terapkan di html, tapi tidak ada perubahan.bagaimana ya kang?

    BalasHapus
  2. Terimakasih tutorialnya hu keren juga 🙏

    BalasHapus

Follow Me

Foto Mr. Mung
ttd Mr. Mung

Tutorial Blogger

Pilih Arsip Blog