Hallo kali ini kenny akan memberikan catatan blockquote dengan memberikan penomoran disampingnya.
Nomor atau penomoran dalam bahasa HTML blogger biasanya akan di berikan pada tag list, contohnya pada widget sidebar populer post, recent post.
Kenapa kita harus menggunankan penomoran pada tag blockquote ?
Dengan memberikan penomoran pada blockquote artinya kita akan memberikan petunjuk pada pembaca blog bagian terakhir dari bacaannya. Biasanya blog yang sering menggunakan tag blockquote sebagai isi postingannya adalah blog motivasi, kata-kata dan sebagainya.
Baiklah berikut kode untuk memberikan penomoran pada blockquote
1. Buka Blogger > Tema > Edit HTML
2. Copy dan paste tag CSS dibawah tepat diatas tag /head
<b:if cond='data:blog.pageType == "item"'>
<style>
/*<![CDATA[*/
.post-body {counter-reset:blockquote;}
blockquote.kata-kata{font-size:18px;font-family:Georgia;color:#000;border-left:3px solid blue;border-bottom:3px solid blue;padding:10px 10px 10px 40px;margin:0;background:#efefef;counter-increment:blockquote;position:relative;}
blockquote.kata-kata:before{content:counter(blockquote)'.';position:absolute;left:0;top:0;color:#000;background:blue;font-size:18px;font-weight:700;z-index:2;width:40px;height:40px;line-height:40px;text-align:center;padding-bottom: 2px;}
/*]]>*/
</style>
</b:if>
3. Buat artikel seperti biasa, dan jika akan menggunakan blockquote, gunakan seperti struktur HTML di bawah
Membuat Tag Div Posisi di Tengah Mudah
4. Perhatikan Saat akan membuat sebuah artikel dengan blockquote gunakan kode di bawah
<blockquote class="kata-kata">Tulis kata kata anda disini</blockquote>
<br />
<blockquote class="kata-kata">Tulis kata kata anda disini</blockquote>
<br />
<blockquote class="kata-kata">Tulis kata kata anda disini</blockquote>
5. Done
Itulah cara membrikan nomor pada blockquote
Terima kasih telah berkunjung dan semoga berhasil
Demo