Merubah dan Memodifikasi Tampilan Blockquote

Contoh :

nie contohnya ;),, bagus kant,hehehehehe....

Cara menggunakan blockquote adalah dengan memblok tulisan yang diinginkan, kemudian anda klik tanda kutip pada kolom CMS, lihat gambar di bawah ini :




Jika anda kurang suka dengan tampilan blockquote anda, anda bisa memodifikasi bentuk-nya sesuai dengan selera anda.

Langsung saja saya tuliskan caranya :

1. Masuk ke TATA LETAK --> EDIT HTML
2. Anda cari kode di bawah ini :

.post blockquote

Ada sebagian template yang kode namanya hanya blockquote saja

3. Masukkan kode html di bawah ini :

post blockquote {
margin:1em 20px;
border: 3px dotted #ff0000;
padding: 10px;
}

4. Save,dan lihat hasilnya

Keterangan :

1. Warna merah adalah bentuk border yang bisa anda rubah sesuai dengan keinginan anda.
2. Warna hitam tebal adalah warna border, rubah sesuai dengan keinginan anda.

Untuk memasukkan gambar image pada blockquote anda, caranya seperti ini :

.post blockquote { background:url(http://masukkan alamat gambar anda yang sudah anda upoad di hosting kesayangan anda) no-repeat top left; padding:10px 20px 10px 45px;}

warna hitam tebal adalah ukuran letak gambar yang bisa anda sesuaikan dengan template anda. Thnx to Amanda buat trik2-nya ...