Modifikasi Blockquote

Blockquote adalah tanda yang digunakan untuk memblock suatu tulisan. Biasanya tulisan tersebut dianggap penting sehingga di block agar pembaca lebih fokus pada tulsan tersebut.

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.

1. Login ke blogger
2. Pilih layout --> Edit Html
3. 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. Simpan ,dan lihat hasilnya

Keterangan :

1. Tulisan dotted adalah bentuk border , silahkan ubah sesuai keinginan, klik disini untuk melihat bentuk border.
2. #ff0000 adalah warna border, silahkan ubah sesuai keinginan, klik disini untuk melihat bentuk warna.

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

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

Related Posts