Hubungi KamiJika ada pertanyaan silahkan hubungi kami

Cara Membuat Blockquote Keren dan Cantik di Dalam Artikel

Ketika kita membuat artikel pasti ada sebuah tulisan penting yang perlu untuk di blok, salah satu cara untuk memblok kalimat penting Anda dapat memanfaatkan Quote yang sudah disediakan oleh blogger sendiri.

Namun terkadang tampilan yang diberikan oleh blogger sendiri tidaklah terlalu menarik yang terkesain membosankan, pada akhirnya pemilik blog ingin membuat tampilan lebih menarik agar blog makin terlihat rapih dan keren pastinya. Untuk contohnya bisa lihat pada gambar dibawah ini:

Cara Membuat Blockquote Keren dan Cantik di Dalam Artikel
Cara Membuat Blockquote Keren dan Cantik di Dalam Artikel

Ok diartikel ini saya akan membuat tutorial untuk membuat tampilan Quote/Blockquote terlihat lebih menarik dan keren, untuk membuat Blockquote lebih menarik/keren pastinya anda harus menambah ccs kedalam kode template HTML sobat. Berikut adalah langkah-langkahnya:

Cara membuat Blockquote

1. Pertama login ke akun blogger

2. Pada dasebor pilih Template>Edit HTML

3. Letakan kode dibawah ini tepat diatas kode ]]></b:skin>

Open/Close

blockquote { background: #484B52 url(http://3.bp.blogspot.com/_7wsQzULWIwo/Swb5J3xbxyI/AAAAAAAACPk/gxR76OhXXaw/s1600/green-black-side.gif) ; background-position:; background-repeat:repeat-y; margin: 0 20px; padding: 20px 20px 20px 50px; color:#C7CACF; font: normal 0.9em Helvetica, verdana, serif, Georgia, “Times New Roman”; } .post blockquote p { margin: 0; padding-top: 10px; }

4. Klik Save/Simpan

Cara menggunakan Blockquote

  • Pertama buat Postingan terbaru atau Entri Baru
  • Buat artikel lalu blok tulisat yang ingin di blockquota kemudian klik Quote. Unruk lebih jelasnya bisa lihat pada gambar dibawah ini yang saya beri tanda merah:
Cara Membuat Blockquote Keren dan Cantik di Dalam Artikel
Cara Membuat Blockquote Keren dan Cantik di Dalam Artikel

Mudah buka Cara Membuat Blockquote Keren dan Cantik di Dalam Artikel. semoga artikel yang saya bagikan kali ini dapat bermanfaat.

Loading...

Add a Comment

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

More in Blogger
buku tamu
Cara Membuat Buku Tamu Tersembunyi Di Samping Blog

Pada artikel sebelumnya saya pernah membuat tutorial membuat widget chatbox...

Close