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]

    Recent Articles

    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...
    tutorial django bahasa indonesia

    Tutorial Django Bahasa Indonesia #2: Installing Requirements

    2
    Masih dalam seri Tutorial Django Bahasa Indonesia. Kali ini saya akan melajutkan artikel sebelumnya yaitu Tutorial DJango Bahasa Indonesia #1: Pengenalan dan Sejarah Perkembangannya. Seperti web...

    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!