Cara Membuat Blockquote Keren di Blog

Bagi seorang blogger ketika menulis artikel di blog terkadang ada kalimat atau tulisan yang penting sehingga perlu di block dengan quote yang sudah tersedia secara default di platform blogger, tapi bagi sebagian blogger khususnya saya pribadi merasa blockquote yang sudah ada di blogger terlalu sederhana dan terkesan membosankan.


Dengan menggunakan blockquote pada sebuah tulisan ataupun artikel blog selain berfungsi untuk memperjelas bahwa ada kata atau kalimat yang menjadi point penting pada artikel tersebut, bisa juga kita gunakan untuk mempercantik tampilan blog. Lho kok bisa ? ya, dengan adanya blockquote juga bisa memberikan kesan profesional pada tulisan atau artikel yang kita posting di blog.

Pengertian dan Fungsi Blockquote

Blockquote adalah sebuah mekanisme untuk menandai sebuah blok teks yang dikutip dari orang atau sumber lain, blockquote juga biasa digunakan untuk menandai script seperti HTML, CSS, Javascript ataupun syntax lain pada blog yang memuat konten tutorial, contoh blog yang menggunakan banyak sekali blockquote adalah blog yang sedang sobat baca artikel nya ini ^_^

Membuat Blockquote Keren Dengan CSS

Blockquote yang akan saya share kali ini yaitu blockquote dengan style yang sederhana, rapi dan bisa dibilang keren. Kode CSS blockquote ini saya dapatkan dari blog nya Mahrus NET dan sudah saya terapkan untuk blog saya ini. Cara memasang nya pun sangat mudah, berikut tutorial cara memasang blocquote keren di blog.

Pertama silahkan login ke dasbor blogger, kalau sudah login kemudian klik menu Template ~> Edit HTML lalu carilah kode ]]></b:skin> tekan tombol CTR + F di keyboard untuk memudahkan pencarian, kemudian copy paste kode CSS dibawah ini tepat diatas kode ]]></b:skin>

blockquote{background: #f5f5f5;border-left:5px solid #4C6C81;margin: 10px;padding:10px;font-size: 16px;color: #575757;;text-align:left}

Terakhir klik simpan template untuk menyimpan perubahan.

Penggunaan Blockquote di Blog

Sekarang sobat sudah bisa menggunakan blockquote dengan style baru yang sudah dipasang di template blog sobat, kalau sobat seorang blogger sudah pasti tahu cara menggunakan blockquote ini tapi kalau belum tahu biarkan saya beri tahu hehehe ..

Ketika sobat menulis entri atau postingan baru dalam mode compose, silahkan block kalimat atau tulisan yang akan dijadikan blockquote kemudian klik icon Quote di samping kanan atas, silahkan lihat gambar dibawah.


Kalau postingan sudah di simpan dan dipublikasikan maka hasilnya akan terlihat seperti ini.


Bagaimana mudah bukan ? dengan menggunakan blockquote ketika menulis artikel akan memudahkan pembaca untuk mengetahui kalimat penting ataupun intisari dari sebuah artikel yang sedang dibacanya, selain itu artikel sobat juga lebih enak dipandang dan lebih rapi. Semoga bermanfaat, silahkan tinggalkan sepatah dua patah kata di kolom komentar agar saya lebih bersemangat lagi membuat tutorial bermanfaat untuk sobat :-)


Source references :
http://mahrus-net.blogspot.com/2014/11/5-blockquote-simple-keren-untuk-blogger.html
http://www.nyekrip.com/glosarium/elemen-html-blockquote/

Subscribe to receive free email updates: