Trik Modifikasi Bentuk Blockquote

Pada trik kali ini kita akan belajar Memodifikasi Blockquote pada blog. Sebelumnya apa itu Blockquote?

Jawabannya :
Blockquote adalah tanda yang digunakan untuk menandai tulisan yang penting sehingga tampak berbeda dengan tulisan yang lainnya.

Langsung saja kita mulai langkahnya sebagai berikut:

• Masuk ke Rancangan
• Klik Edit Html
• Cari kode .post blockquote
• Masukkan kode html dibawah ini :

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

• Simpan dan lihat hasilnya

Penting :

• Warna Hijau adalah bentuk border yang bisa anda rubah sesuai keinginan anda.
• Warna Biru adalah warna border, rubah sesuai keinginan anda
• Untuk bentuk2 border, Anda bisa kunjungi website http://www.tizag.com/cssT/border.php

Anda juga bisa memasukkan gambar pada blockquote,
Lihat kode di bawah ini :

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

Warna Biru adalah ukuran letak gambar yang bisa anda sesuaikan dengan template anda

Selamat Mencoba