More

    Cara Modifikasi Blockquote WordPress Agar Lebih Menarik

    Cara Modifikasi Blockquote WordPress – Blockquote adalah tulisan yang menjorok ke dalam dari batas tepi kiri dan tepi kanan area posting. Tujuannya adalah untuk mempertegas isi tulisan ataupun teks yang dianggap penting yang berada di area blockquote. Mungkin anda telah sering mendengar istilah ini bahkan melihat bermacam-macam modifikasi blockquote yang cantik-cantik. Nah, saya tawarkan teknik membuat blockquote serta modifikasi blockquote yang bisa menjadi pilihan untuk menghias teks dan artikel posting yang anda anggap penting!

    Baca Juga:
    [random_post]

    Pada blog yang di bangun menggunakan cms WordPress umumnya blockquote akan berbeda-beda tampilannya sesuai dengan tema yang anda gunakan. Namun, apabila anda tidak suka dengan tampilan blockquote  tersebut anda bisa mengubahnya dengan mudah melalui cara yang akan saya paparkan berikut ini.

    Untuk mengubah tampilan blockquote kita cukup menambahkab custom css pada wordpress anda. Tambahkan css berikut ini melalui Appearance -> Edit CSS. Pada wordpress 4.7 akan ada perubahan pada custom css, anda akan diarahkan ke mode Live Preview pilih Additional CSS lalu masukkan kode berikut disana.

    blockquote {
      background: #f9f9f9;
      border-left: 10px solid #ccc;
      margin: 1.5em 10px;
      padding: 0.5em 10px;
      quotes: "\201C""\201D""\2018""\2019";
    }
    blockquote:before {
      color: #ccc;
      content: open-quote;
      font-size: 4em;
      line-height: 0.1em;
      margin-right: 0.25em;
      vertical-align: -0.4em;
    }
    blockquote p {
      display: inline;
    }

    Lalu hasilnya akan seperti berikut:

    cara modifikasi blockquote wordpress

    Sekarang coba anda buat tulisan lalu gunakan blockquote.

    Sekarang blockquote anda telah berubah menjadi lebih menarik.

    itulah Cara Modifikasi Blockquote Agar lebih Menarik.

    Selamat Mencoba.

    ARTIKEL TERBARU

    [archives limit=7]

    Free $100
    Deal

    Daftar menggunakan link di pojok kanan atas, minimal top up $25 usd. Maka dalam waktu 30 hari setelah registrasi anda akan mendapatkan credit $100 gratis dari vultr untuk mencoba layanan mereka.

    More Less
    Doesn't expire

    Recent Articles

    membuat fungsi terbilang

    Cara Membuat Fungsi Terbilang Pada Open Office

    0
    Pada artikel kali ini, saya akan mengajarkan bagaimana Cara Membuat Fungsi Terbilang Pada Open Office. Ada beberapa cara yang bisa anda gunakan untuk membuat fungsi...
    pengenalan templates

    Tutorial Django Bahasa Indonesia #6: Pengenalan Templates

    0
    Pada artikel sebelumnya kita sudah belajar mengenai routing di django #5 . Dimana, pada tutorial tersebut kita sudah bagaimana cara menampilkan "Hello World" pada...

    Tutorial Django Bahasa Indonesia #5: URL Routing Django

    0
    Pada tutorial kali ini, kita akan membahas tentang URL routing yang ada di django. URL Routing ini berfungsi untuk mengalihkan halaman, dari satu halaman...
    membuat app django

    Tutorial Django Bahasa Indonesia #4: Membuat App Django

    0
    Pada artikel sebelumnya kita telah mengenal apa itu django dan bagaimana cara membuat project pertama dengan django. Pada bagian ke #4 ini saya akan...

    Tutorial Django Bahasa Indonesia #3: Membuat Project Django

    0
    Pada tutorial django bagian #3 ini, kita akan belajar bagaimana cara membuat project baru dengan django. Tak hanya itu, kita juga akan belajar bagaimana...

    Related Articles

    2 Comments

    1. infonya keren Gan, tapi itu berpengaruh ngak Gan nantinya pada kecepatan loading website, bantu penjelasannya. Terimakasih

    Leave A Reply

    Please enter your comment!
    Please enter your name here

    This site uses Akismet to reduce spam. Learn how your comment data is processed.

    Dapatkan konten terbaik dari kami!