Blockquote adalah tanda yang digunakan untuk menandai suatu tulisan yang penting, sehingga tampak berbeda dari tulisan yang lainnya. Nah, kali ini aku akan menuliskan tips bagaimana cara memodifikasi blockquote (seperti pada blog ini) agar tampak lebih menarik ...Nee contoh blockquote yang sudah saya modifikasi, keren kan he3 ...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, bisa anda lihat disini.
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 ...
0komentar:
Leave a Reply