Close Menu
Renovasi Otak
    • Home
    • News
    • Financial
    • Tips & Trik
    • Game
    • Internet
    • Aplikasi
    • Informasi
    Facebook Instagram
    • Tentang Kami
    • Disclaimer
    • Info Iklan
    • Redaksi
    • Kebijakan Privasi
    • Pedoman Media Siber
    Facebook X (Twitter) Instagram
    Renovasi OtakRenovasi Otak
    • Home
    • News
    • Financial
    • Tips & Trik
    • Game
    • Internet
    • Aplikasi
    • Informasi
    Renovasi Otak
    Home»Blogger»Cara Membuat Drop Cap di Blogger Secara Otomatis
    Nando RifkyBy Nando Rifky

    Cara Membuat Drop Cap di Blogger Secara Otomatis

    Blogger 15 December 2024No Comments2 Mins Read0 Views
    Copy Link WhatsApp Facebook Twitter Pinterest LinkedIn Telegram Threads
    Follow Us
    WhatsApp
    Share
    Facebook Twitter LinkedIn Pinterest Email
    Cara membuat drop cap di blogger

    Drop Cap adalah singkatan dari Dropped Capital atau huruf besar yang berada di awal paragraf yang biasa digunakan untuk menghias gaya tulisan agar lebih menarik. Kebanyakan Drop Cap berukuran 2 sampai 5 baris, tergantung pengaturan kita.

    Untuk membuat Drop Cap di blog ternyata tidak sesulit yang kita bayangkan. Untuk Anda yang sering bergulat dengan dunia code CSS mungkin dapat dengan mudah membuat Drop Cap sendiri. Namun, untuk orang awam dan tidak mengerti tentang code, tenang disini saya akan membagikan cara membuat drop cap di blog.

    Cara Membuat Drop Cap di Blogger

    Disini saya akan menggunakan CSS untuk membuat Drop Cap. Cara ini sudah saya coba di beberapa template blogger dan berhasil. Jadi kemungkinan juga cara ini bisa digunakan di template Anda.

    1. Buka Dashboard Blogger.
    2. Pergi ke Tema, pilih Edit HTML.
    3. Tekan CTRL + F dan cari kode </style> atau </b:skin>.
    4. Anda bisa meng-copy code dibawah ini dan tempelkan di atas </style> atau </b:skin>.
    /* CSS Drop Cap by Vasiota.com */
    .post-body:first-letter,
    .post-body .dropcap:first-letter {
    font-weight: bold;
    font-size: 65px;
    float: left;
    padding: 0;
    margin: -4px 5px 0px 0px;
    position: relative;
    background-color: none;
    line-height: 0.9;
    }

    *Kode :first-letter diatas artinya huruf pertama.

    *Catatan: Drop Cap ini berfungsi jika di awal artikel Anda merupakan text. Jika di awal artikel Anda berupa gambar, kode ini tidak akan berfungsi.

    Jalan satu-satunya jika di awal semua artikel sudah terlanjur berupa gambar, Anda dapat memindahkan gambar tersebut dibawah paragraf pertama atau menambahkan drop cap secara menual dengan menggunakan code:

    <span class="dropcap">Ini adalah paragraf pertama</span>

    Bagi Anda pengguna WordPress untuk, menambahkan Drop Cap Anda bisa menggunakan plugin Block Gutenberg.

    Apakah cara diatas berjalan dengan baik di blog Anda masing masing? Mungkin iya. Namun jika tidak, silahkan berkomentar di bawah.

    Itulah tutorial cara membuat dropcap otomatis di semua postingan blog. Sekarang, artikel Anda menjadi lebih menarik dengan menambahkan drop cap. Semoga bermanfat, terimakasih.

    Follow on WhatsApp
    Share. WhatsApp Copy Link Facebook Twitter Pinterest LinkedIn Tumblr Email
    Nando Rifky

      Saya Nando Rifky, antusias di dunia teknologi, mulai dari mobile, desktop, kecerdasan buatan, sampai tren digital terkini. Di luar itu, saya juga aktif sebagai pegiat SEO, freelancer, serta penulis konten di berbagai media.

      Artikel Terkait

      Cara PING Sitemap ke Webmaster Google dan Bing

      16 December 2024By Nando Rifky

      Cara Cek Ranking Artikel di Google dengan SEO SERPmojo

      16 December 2024By Nando Rifky

      Cara Membuat Tombol Download Keren dengan CSS

      15 December 2024By Nando Rifky

      Instant: 9 Cara Agar Postingan Blog Cepat Terindex Google Untuk Pemula

      15 December 2024By Nando Rifky

      Inilah 5 Daftar Plugin Wajib WordPress Terbaik 2021

      15 December 2024By Nando Rifky

      Pengertian Unique Visitor, Visitor, dan Bounce Rate dalam Dunia Blogging

      15 December 2024By Nando Rifky
      Terbaru
      Etika Memakai AI di Kampus dan Tempat Kerja
      10 April 2026
      30 Istilah AI yang Sering Muncul dan Artinya dalam Bahasa Sederhana
      10 April 2026
      Jangan Sampai Rugi! Ini Arti “1 Sesuai Main Package” Telkomsel yang Sebenarnya
      9 April 2026
      Panduan Lengkap Cara Menarik Uang di Aplikasi Melolo ke DANA
      8 April 2026
      Ikuti Kami
      • Facebook
      • Twitter
      • Pinterest
      • WhatsApp
      Jangan Lewatkan
      Mengenal Sleepy Chicken TikTok Trend yang Berbahaya!
      16 December 2024

      The Sleepy Chicken TikTok Trend, lebih dikenal sebagai NyQuil Chicken Challenge, adalah tren berbahaya dan mungkin…

      Jasa Service HP di Padang Panjang yang Bisa Ditunggu, Hubungi Sekarang!
      15 December 2024

      Konter Service HP di Padang Panjang Terbaik dan Tercepat! Bisa ditunggu beberapa saat langsung jadi, hubungi sekarang juga.

      8 Ide Bisnis untuk Anak Muda, Kreatif dan Sederhana!
      14 December 2024

      VASIOTA.COM – Pada era digital ini, anak muda diharapkan untuk lebih kreatif dan inovatif dalam…

      Gratisoe TV MOD APK Download v13.0 Unlock All Channel
      15 December 2024

      RENOVASI OTAK – Gratisoe TV APK adalah saluran TV dari Indonesia dengan berita, film, dan…

      Banner BlogPartner Backlink.co.id Seedbacklink
      WhatsApp X (Twitter) Facebook Pinterest
      • Tentang Kami
      • Disclaimer
      • Info Iklan
      • Redaksi
      • Kebijakan Privasi
      • Pedoman Media Siber
      © 2026 Vasiota.com

      Type above and press Enter to search. Press Esc to cancel.