Info Penting

5 Menit Membuat Soal Online, Ujian Online Tanpa “Nyontek” Siap dilaksanakan di Sekolah

S alah satu fitur keren yang ditujukan untuk dunia pendidikan di Google Drive adalah adanya fitur pembuatan kuis yang bisa di setting pada p...

Artikel Terbaru

Cara Mudah dan Cepat Membuat Dropcap di Blogger

25 Nov 2019 - -

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.

Tidak ada komentar:

Follow Me


Iklan

Tutorial Blogger

Arsip Blog