Cara Membuat Blockquote Manual Di Postingan Blog

Cara Membuat Blockquote Manual Di Postingan Blog. Pernahkan anda mempublikasikan artikel tentang HTML dan CSS? Kalau pernah, anda harus memisahkan kode kode tersebut dengan kalimat biasa. Jika tidak, pengunjung akan bingung mana yang termasuk dalam kode HTML. Apabila anda hanya memisahkan atau membedakan antara html dan kalimat biasa menggunakan bold, italic atau underlined rasanya kurang menarik, Cobalah memakai blockquote pada kode tersebut

Blockquote

Dengan menggunakan Blockquote, pengunjung blog bisa melihat yang mana bagian kalimat penjelasan dan yang mana kode HTML. Jika anda ingin mengetahui Cara Membuat Blockquote Manual Di Postingan Blog, baca postingan ini selengkapnya.

Cara Membuat Blockquote Manual Di Postingan Blog

1. Login ke akun blogger anda
2. Pada dashboard, pilih blog anda
3. Buat postingan dengan mode HTML dengan mengklik tulisan HTML yang berada di samping tulisan Compose
4. Copy paste kode blockquote dibawah ini

<blockquote style="background-color: #ccc; border-left: 5px solid #d3d3d3; margin: 0; margin: 1em 3em; padding: .5em 1em;">
LETAKKAN KODE DISINI </blockquote>

Dan akan menjadi seperti ini:
LETAKKAN KODE DISINI
Keterangan :
Anda bisa mengganti kode berwarna merah dengan background blockquote
Anda bisa mengganti kode berwarna biru dengan garis pinggir kanan blockquote
"LETAKKAN KODE DISINI" ganti dengan kode

Anda juga bisa memasang blocquote yang mudah dan cepat. Cukup dengan mem blok kode html, lalu klik tombol blogckquote pada toolbar edit entri yang lambangnya titik dua.

Itulah postingan saya yang berlabel Cara cara dan berjudul Cara Membuat Blockquote Manual Di Postingan Blog semoga bermanfaat buat anda yang ingin menghias tampilan blockquote anda. Jika ada kesulitan silahkan serahkan pertanyaan dengan komentar

13 comments for "Cara Membuat Blockquote Manual Di Postingan Blog"

  1. wah, bagus nih, dari dulu pengen banget nambahin blockquote di postingan, izin bookmark sob..

    ReplyDelete
  2. Tips sangat bermanfaat nih mas,
    agar SEO meningkat

    ReplyDelete
  3. Keren nih Triknya mas,
    Ntar di coba mas

    ReplyDelete
  4. Mantab nihh buat tutor yang ada code' nya..

    Jangan lupa mampir ke blog saya yang sederhana :)

    ReplyDelete
    Replies
    1. ok, makasih udh komen, saya mau mampir dimana?

      Delete
  5. mantap ini gan, ijin ane terapkan
    http://indoamaterasu.com/

    ReplyDelete

Post a Comment

Berkomentarlah dengan baik dan benar, dilarang SPAM!
Tata Tertib Berkomentar