Blockquote adalah sebuah kutipan pada blog dengan tanda petik. Jika Blockquote Postingan blog dibuat yang menarik pastinya enak untuk dibaca dan ini dapat memberi efek beda pada halaman postingan lebih keren. Nah jika sobat masih bingung Berikut contoh gambar dari Blockquotenya:
Cara Membuat Blockquote Blog
- Masuk ke akun Blogger sobat.
- Pilih Template » Edit HTML. Jangan lupa centang expand template widget
- Cari kode dibawah ini:
.post-body blockquote { line-height:1.3em; } Atau .post blockquote{ ...............................}
- Jika sudah ketemu langkah selanjutnya hapus kode diatas dan ganti dengan kode berikut
blockquote{ border:5px solid #007FFF; font-size:120%; line-height:100%; overflow:auto; padding:10px; font-family:courier; color:#000000 ; width: 360px; position: relative; margin: 0 auto 20px auto; padding: 12px 80px 15px; text-align: left; border-radius: 5px; box-shadow: 0 0 5px 2px rgba(0,0,0,.35); cursor: default; background: #ffe691; border: 1px solid #f6db7b; background: #ffe691 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMANfpymAsBMPZvniAw-O1lUboPpAc1Fz5nq2VxcDHLawHFAwaPPVO2ge59b1nwGE5b8KMFdjz1WWy6grIw4H5Ge_3XJfmw2H6piyT-uTxd8R8rdm3AcmyCMfBstf2f8YG10-9Jz4hzBI/s1600/quote.png) no-repeat 5% 9%;}blockquote:hover {border:5px solid #008000;border-radius: 15px;}
- Terakhir save template Anda.
Cara Menggunakan Bloquotes Pada Blog
Secara otomatis kamu bisa menggunakan bloquotes ini dengan memblok kalimat yang ingin kamu masukkan dalam bloquote, kemudian tekal icon seperti yang saya tandai di bawah ini :
Untuk Menggunakan secara manual :
<blockquote>Kode Yang Kamu Ingin Masukkan/ Text Yang Ingin Kamu Masukkan</blockquote>
Catatan : Untuk menggunakan blockquote secara manual terlebih dahulu kamu harus memilih mode HTML dalam post editor kamu. Lebih jelasnya lihat gambar di atas !
