Tutorial Blogger

Cara Mudah Membuat Dropcap dengan CSS di Blogger

Dropcap merupakan sebuah fitur atau tools yang memiliki fungsi untuk membuat huruf kapital otomatis pada awal paragraf pada postingan atau artikel dalam suatu blog. Bukan hanya sekedar huruf kapital biasa, dengan menggunakan dropcap huruf besar atau kapital nantinya akan di percantik dengan kode CSS gaya dropped.

Dropcap sendiri kerap di gunakan pada website portal berita. Sehingga tak heran fitur ini terkenal di kalangan Blogger.

Pada kesempatan kali ini penulis akan memberikan sedikit tutorial singkat Cara Mudah Membuat Dropcap dengan CSS di Blogger. Dropcap yang akan kita buat nanti ada 4 gaya, antara lain; Original, Square, Circle dan Rounded. Jika kamu tertarik untuk memasangnya, kamu bisa simak dalam tutorial berikut ini.

Cara Membuat Dropcap di Blogger

1. Log in ke akun Blogger → Tema → Edit Html.

2. Masukan kode Style CSS di bawah tepat sebelum kode ]] ></b:skin> atau </style>

3. Simpan Tema.

4. Buat postingan baru dengan cara, pilih menu Postingan → Entri baru. Masuk ke mode HTML bukan Compose. Copy dan Pastekan kode pemanggil di bawah ini.

Dropcap Original 

Dropcap Square

Dropcap Circle

Dropcap Rounded

Catatan:

Ganti huruf A nya dengan huruf awalan dari teks yang akan kamu tulis. Misal; Inwepo, ganti dengan huruf I dan ganti tulisan Teks anda dengan lanjutannya yakni nwepo.

5. Selesai

Berikut adalah tampilan Dropcap yang telah terpasang di Blogger.

Live Preview

Sekian tutorial Cara Mudah Membuat Dropcap Keren dengan CSS di Blogger yang telah penulis bagikan untuk kamu. Jika kamu memiliki pertanyaan perihal artikel ini, jangan sungkan untuk berkomentar di bawah ya. Semoga bermanfaat.

Tutorial Lainnya dari Penulis:









Click to comment

Leave a Reply

Your email address will not be published. Required fields are marked *

Inwepo adalah media platform yang membantu setiap orang untuk belajar dan berbagi tutorial, tips dan trik cara penyelesaian suatu masalah di kehidupan sehari-hari dalam bentuk teks, gambar. dan video.

Dengan bergabung bersama kami dan membuat 1 tutorial terbaik yang kamu miliki dapat membantu jutaan orang di Indonesia untuk mendapatkan solusinya. Ayo berbagi tutorial terbaikmu.

Ikuti Kami di Sosmed!

        

Berlangganan Tutorial Gratis Melalui Email!

Copyright © 2019 Inwepo - All Rights Reserved.

To Top