Kadangkala menulis artikel di blog terdapat kalimat ataupun tulisan yang perlu penekanan, sehingga perlu di blok dengan quote yang sudah ada secara bawaan pada blogger. Akan tetapi sebagian blogger terutama saya sendiri kurang mantap dengan tampilan blokquot yang ada, sehingga diperlukan tampilan yang lebih menarik, agar tidak membosankan untuk di surfing dan betah membaca tulisan artikel. Seperti yang dilihat seperti tampilan paragraf ini.
Blockquote berfungsi untuk memperjelas bahwa ada kata atau kalimat yang menjadi titik pusat perhatian penting pada sebuah tulisan artikel, dan dapat juga digunakan untuk memperindah penampilan tulisan pada blog. Dengan adanya blockquote juga bisa memberikan kesan profesional pada tulisan 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 kamu baca artikelnya ini.
Membuat Blockquote Keren Dengan CSS di Blogspot
Blockquote yang akan saya share kali ini yaitu blockquote dengan style yang sederhana, rapi dan bisa dibilang keren. Cara memasangnya 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 CTRL + F di keyboard untuk memudahkan pencarian, kemudian copy paste kode CSS di bawah ini tepat diatas kode ]]></b:skin>.
Pertama silahkan login ke dasbor blogger, kalau sudah login kemudian klik menu Template > Edit HTML lalu carilah kode ]]></b:skin> tekan tombol CTRL + F di keyboard untuk memudahkan pencarian, kemudian copy paste kode CSS di bawah 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 tombol Simpan Template untuk menyimpan perubahan.
Cara Penggunaan Blockquote di Blogspot
Sekarang kamu sudah bisa menggunakan blockquote dengan style baru yang sudah dipasang di template blog kamu. Kalau kamu seorang blogger sudah pasti tahu cara menggunakan blockquote ini. Ketika kita 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 di bawah untuk lebih jelasnya.
Ok.
Post a Comment