Membuat Blockquote yang Cute dan Menarik

Halo....

Sudah tau apa itu blockquote? Blockquote itu adalah kotak/tempat yang kita sediakan untuk mengisinya dengan tulisan - tulisan/script dan lain - lain khusus sebagai tulisan yang disorot supaya nggak tercampur dengan isi postingan dan lebih mudah dilihat.
Duh bingung kah penjelasannya? Haha oke langsung Nita kasih contohnya ya!

INI YANG DINAMAKAN BLOCKQUOTE. KOTAK MELAYANG - LAYANG (?) INI NITA GUNAKAN UNTUK MENGISI SCRIPT.

Gimana? bagus kan? #eh
Mau tau caranya? Ini dia!

Dashborad >> Template >> Edit HTML
Tekan ctrl+F dan cari kode dibawah ini

.post blockquote {

Sudah ketemu? Jika sudah biasanya ada kode di bawah hapus saja sampai ada tanda } Sebagai tanda penutup dari tanda kurung  yang pertama tadi. contoh :

 .post blockquote { bla bla bla bla }

Delete yang dalam kurung dan gantikan dengan kode :

pading:9px;background-image: url(URL main background); border:2px solid  #808080; Kode bentuk border anda colour:#FFFFFF}blockquote:hover {background-color: #FFD7D9;-webkit-transition-duration: 2.0s;background-image:url(http://dl3.glitter-graphics.net/pub/371/371123my0lmtqeoi.gif);background-position:bottom right;background-repeat:no-repeat;}

P/s Gantikan kdoe yang berwarna berikut.
* AAA : ganti dengan alamat URL Background anda
* BBB  : Ukuran border bisa anda ganti menjadi 1, 3, 4, dan sebagainya tergantung keperluan dan kesesuaian
* CCC  : Ganti Pattern Bordernya bisa anda ganti dengan Solid/Dotter/Dashed.
* DDD  : Warna Border bisa anda pilh DISINI
* EEE    : Kode bentuk border anda
* FFF    : Bisa diganti dengan warna lain sesuka hati anda
* GGG   : Ganti dengan URL ikon cantik yang akan muncul ketika kursor menyentuh blockquote dapatkan DISINI ada banyak pilihan icon disana , klik salah satu gambarnya, kemudian ambil url gambarnya saja. begini caranya : sorotkan kursor dibawah teks Copy this HTML code to your (myspace) profile or website:  kemudian anda copy akan dapat kode seperti dibawah ini

<a href="http://www.glitter-graphics.com"><img src="http://dl7.glitter-graphics.net/pub/1089/1089407r9iq6lcouz.gif" width=37 height=19 border=0></a>

Dari contoh kode di atas yang perlu anda ambil adalah teks yang berwarna merah saja.

Setelh itu simpan template dan lihat perubahan pada blockquote anda . Oh iya agar blockquote nya muncul, jangan lupa seleksi teks yang ingin anda jadikan blockquote kemudian tekan tanda  kutip dua yang ada di menu compose disamping tool bullet and numbering, Ngertikan sudah ??? 

Selamat mencoba ^^


Nah, untuk cara menulis di blockquote udah tau kan? Kalo belum tau caranya gampang kok, tinggal compose (buat postingan baru) dan blok tulisan yang pengen kamu taruh di blockquote dan klik "Quote" di menu bar entrinya.