Membuat Quote Menarik Di Posting Blogger

Assalamualaikum.
Fungsi quote (tanda kutip) biasanya digunakan untuk memberi tanda kutip pada kata-kata yang dirasa penting di dalam posting blog agar kelihatan berbeda,namun pada perkembangannya fungsi quote banyak digunakan untuk keperluan postingan yang berkaitan dengan tutorial blogging yang didalamnya memuat kode-kode maupun script.
Sebenarnya banyak cara untuk memperindah tutorial yang berhubungan tentang kode-kode diantaranya adalah dengan penggunaan kolom text area,syntax highlighter dan lain sebagainya,namun yang paling mudah dan paling simple adalah dengan menggunakan fungsi quote walaupun fungsi dari quote sebenarnya untuk memberi tanda kutip pada kata-kata yang dirasa penting.
Seperti yang kita tau bahwa di blogger memang telah telah menyediakan fungsi quote,namun bagi anda yang bosan dengan tampilan quote bawaan blogger maka alangkah baiknya jika anda memodifikasinya agar lebih keliatan menarik.
Berikut dibawah ini contoh tampilan quote yang akan saya share di tutorial kali ini.
Membuat Quote Menarik Di Posting Blogger

Cara membuatnya?
Caranya sangat mudah,disini yang kita perlukan adalah menambahkan beberapa kode CSS di template blogger.
1.Silahkan anda masuk ke akun blogger anda.
2.Berikutnya  anda klik Template > Edit HTML.
3.Berikutnya anda cari kode
 ]]></b:skin>.
4.Berikutnya silahkan anda masukkan kode berikut ini tepat diatasnya.

blockquote { background: #484B52 url(http://3.bp.blogspot.com/_7wsQzULWIwo/Swb5J3xbxyI/AAAAAAAACPk/gxR76OhXXaw/s1600/green-black-side.gif) ; background-position:; background-repeat:repeat-y; margin: 0 20px; padding: 20px 20px 20px 50px; color:#C7CACF; font: normal 0.9em Helvetica, verdana, serif, Georgia, “Times New Roman”; } .post blockquote p { margin: 0; padding-top: 10px; }
5.Terakhir,silahkan anda klik simpan untuk mneyimpan perubahan.

Cara menggunakannya?
1,Pertama-tama silahkan anda tulis postingan seperti biasa.
2.Silahkan anda blok kata-kata yang anda anggap penting,seperti contoh gambar dibawah ini.
Membuat Quote Menarik Di Posting Blogger

3.Berikutnya,silahkan anda klik simbol quote,seperti contoh gambar dibawah ini.
Membuat Quote Menarik Di Posting Blogger

4.Jika anda telah selesai menulis postingan,berikutnya silahkan anda publikasikan postingan anda seperti biasa.
Silahkan kunjungi blog anda untuk melihat hasilnya.
Bagaimana? cukup menarik bukan?
Demikianlah caranya,semoga bermanfaat dan terimakasih telah berkunjung.
Assalamualaikum.

Berkomentarlah dengan kata-kata yang baik dan dilarang mencantumkan link berbau pornografi,iklan