Cara Membuat dan Memasang Blockquote di Blogger

Posting kali ini akan membahas soal cara membuat blockquote dan memasang-nya di blogger - blogspot agar postingan jadi lebih menarik. Buat teman - teman yang masih belum tahu apa itu blockquote, silakan lihat deh contoh dibawah ini :

Blockquote dipergunakan untuk memberi tanda pada bagian konten tertentu, bisa untuk menyimpan kode script atau kalimat tertentu yang perlu mendapat perhatian khusus seperti paragraf ini.

Blockquote di buat menggunakan script CSS yang akan kita pasang di dalam template blogger - blogspot kita teman, langkah - langkahnya sebenarnay sama dengan saat kita mengedit template blogspot untuk membuat drop cap yang telah kita bahas di posting sebelumnya.

Baiklah langsung deh kita bahas cara membuat dan memasang blochquote di blogger - Blogspot...

Cara Membuat dan Memasang Blockquote di Blogger

Pertama masuk Blogger.com dan pilih opsi Template

Menuju di halaman berikutnya, pilih tombol Edit HTML

Selanjutnya ada peringatan semacam ini, langsung deh klik Lanjutkan

sebelum mengedit template blogspot, jangan lupa centang kotak Expand Template Widget, baru kemudian teman semua bisa menaruh script Drop Cap

Ini dia script CSS untuk membuat blockquote, pasang tepat di atas ]]></b:skin>

blockquote.style1 {
font: 14px/20px italic Times, serif;
padding: 8px;
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWoFzRCNCL5GQLdyF8BNqzVf5t9yL4o4LeCxz40xOObH-HkdJl5amjOVNcOeb6Xl211bh9tK1xQmz-UpiFus7g68JjYpnFqtFMlgnSKn3CWP0NsVvmB7DfcpfIDRvgdJyzptWoaakH0pyv/s1600/paper.jpg);
border-top: 1px solid #e1cc89;
border-bottom: 1px solid #e1cc89;
margin: 5px;
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgr-NImXVDdysr1cJGO0da_R7tBNdOeICdLjyiB6D52KnrBtcKxZMPynKmnpDSISU-lh_dTw1JIGUNzpGcEsTf3Rx6o9RHomtJo7qLLG1aWunjoclrjjcbA_oq6zErBQbTVRp3NEgz77sRV/s1600/open.gif);
background-position: top left;
background-repeat: no-repeat;
text-indent: 23px;
}
blockquote.style1 span {
display: block;
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDW8ujeDF-mS8im7G340Hv5PleknOy5_cLCP2Vxx1KxLhHA2d35gp4V_rA0mcpQvV4803cKlh7n4MjlOCzPS8kwYZQQOBOf1icIpP10vP4NgZG3eTAWY2E74g6gto0Cq8IZhKW4vsKjHei/s1600/close.gif);
background-repeat: no-repeat;
background-position: bottom right;
}

Kemudian klik tombol Simpan Template dan Tutup

Selanjutnya saat akan menampilkan blockquote di dalam posting blog, bagian yang mendapat blockquote disisipi script berikut :
 <blockquote class="style1"><span>   ..... </span></blockquote>
Misal :

<blockquote class="style1"><span>  Blockquote dipergunakan untuk memberi tanda pada bagian konten tertentu, bisa untuk menyimpan kode script atau kalimat tertentu yang perlu mendapat perhatian khusus seperti paragraf ini.</span></blockquote>

Hasilnya akan seperti blockquto yang ada dalam posting ini

Selamat mencoba dan semoga berhasil teman..