Cara Mudah Membuat Blockquote secara Otomatis pada Postingan Blog

Secara umum pada sebuah tulisan Blockquote atau yang lebih dikenal dengan kutipan sebagaimana dilambangkan dengan "tanda kutip" digunakan untuk menuliskan sebuah kutipan baik untuk mengutip artikel ataupun paragraf dari sumber lainnya sebagai tambahan atau sebagai referensi pada sebuah tulisan. Tapi terkadang  blockquote juga digunakan untuk menuliskan paragraf yang ingin ditonjolkan dari paragraf lainnya seperti untuk menuliskan inti dari postingan yang dapat berupa kode html, css, javascript dan lainnya.

Untuk cara pembuatan Blockquote Di bagi menjadi Dua :

1. Cara Membuat Blockquote secara Manual.
2. Cara Membuat Blockquote secara Otomatis. 

Yang akan dibahas pada kesempatan ini adalah bagaimana cara membuat Blockquote secara Otomatis sehingga untuk pembuatan-pembuatan blockquote selanjutnya akan lebih mudah tanpa harus menyertakan kode HTML berulang kali setiap kali posting. Untuk caranya sendiri Ikuti langkah-langkah di bawah ini :

·         Sebelumnya anda bisa kunjungi link ini untuk memilih beberapa macam style blockquote yang sudah disediakan
       http://www.mybloggertricks.com/2009/11/14-amazing-ways-to-customize-blockquote.html

Sebagai contoh saya mengambil style Jigsaw Blockquote With An Image At Right Corner.

·         Kemudian Login Blogger.

·         Pilih Template - Edit HTML - Klik expand template widget - lalu cari Kode post blockquote.

untuk mempercepat proses pencarian gunakan Ctrl+F lalu masukkan Kode post blockquote

·         Kalau template anda tidak di ketemukan Kode itu, Langsung aja kopas Kode dari Style Blocknote yang dipilih tepat di atas kode ]]></b:skin>

 .post blockquote { 

margin : 0 20px; 

padding: 10px 20px 25px 20px; 

background : #9FCFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxsnBx6vrC9KAMuIYM4whFPOvZdQd1-WNZLb98f7IlVcamjRtIi4YBULC9W4wQ6_Sbh-S7ckvx2yp-3AjF3ZwDjdNpMKa2f7ur-CZ7t66LwyeLUzyxpapLZBJCfGxFSjmVi2eajon3bcE/s400/block22.gif) no-repeat right bottom; 

font: bold .9em "comic sans ms", arial, Helvetica,verdana, Georgia; 

color : #484848; 

border: 5px dashed #fff; 

}

.post blockquote p { 

margin: 0; 

padding-top:10px; 

}

·         Langkah terakhir tinggal Save atau simpan Template.

Keterangan :

Untuk Proses membuat Blockquote Secara Otomatis di postingan blog.Lihat pada screenshote di bawah ini dan untuk tulisan yang akan di berita Blockquote usahakan anda beri jarak atau agar lebih mudah anda enter saja.

Gimana sahabat hasilnya? Jika anda sukses mengikuti langkah-langkah di atas ,maka hasil dari Post Blockquote tersebut akan persis dengan Blockquote di contoh web asal.