Cara Memasang Penomoran Pada tag Blockquote ~ Roni Blogs

Selasa, 06 Januari 2015

Cara Memasang Penomoran Pada tag Blockquote

Selamat bertemu kembali sobat blogging semua. Tahukah anda bawha pada tag blockquote bisa di beri nomor seperti pada tag pre Syntax yang tampak di sebelah kiri. Nah pada pertemuan kali ini saya akan mengupas cara : Cara Memasang Penomoran Pada tag Blockquote. Bagi anda yang berminat vsilahkan simak cara pemasanganya pada tatanan blog anda berikut di bawah ini dengan seksama.

Tekhnik Pemasangan Penomoran Blockquote :

Pada artikel ini lengkap memodifikasi tag blocquote sekaligus memberi penomoran otomatis setiap tag blocquote yang anda buat pada area posting atau pada halaman post tertentu. Untuk lebih singkat nya mari kita praktekan cara Pemasangan Penomoran Pada tag Blockquote, Pada blog anda dibawah ini cara pemasanganya.

Cara menerapkan Penomoran Pada tag Blockquote :

Masuk Dashboard jangan lupapa sign in
Pilih template lalu pilih edite template
Tekan CTRL + F Untukmemudahkan pencarian
Cari kode : ]]></b:skin> atau kode : </style>
Setelah ketemu copy kode dibawah ini tepat diatas pada
kode : ]]></b:skin> atau kode : </style>

/* Blockquote line number */
blockquote {
  background-color:#eee;
  font:normal normal 12px/14px &quot;Consolas&quot;,&quot;Bitstream Vera Sans Mono&quot;,&quot;Courier New&quot;,Courier,monospace !important;
  color:#444;
  overflow:auto;
  margin:0 0 1em;
  padding:1em;
}
blockquote,
blockquote .line-number {
  font:normal normal 12px/14px &quot;Consolas&quot;,&quot;Bitstream Vera Sans Mono&quot;,&quot;Courier New&quot;,Courier,monospace !important;
  display:block;
  white-space:pre;
}

blockquote .line-number {
  float:left;
  margin:-1em 1em -1em -1em;
  text-align:right;
  background-color:#f1f1f1;
  color:#acacac;
  padding:1em .2em 1em .2em;
  border-right:1px solid #e0e0e0;
}
blockquote br {
display:none;
}

blockquote .line-number span {
  display:block;
  padding:0 .7em 0 1em;
}

blockquote .ll {
  display:block;
  clear:both;
}

Selanjutany cari kode , </body> Setelah ketemu copy kode di bawah ini dan pastekan tepat diatas kode : </body>

 <script type='text/javascript'>
//<![CDATA[
var pre = document.getElementsByTagName('blockquote'),
    pl = pre.length;
for (var i = 0; i < pl; i++) {
    pre[i].innerHTML = '<span class="line-number"></span>' + pre[i].innerHTML + '<span class="ll"></span>';
    var num = pre[i].innerHTML.split(/\n/).length;
    for (var j = 0; j < num; j++) {
        var line_num = pre[i].getElementsByTagName('span')[0];
        line_num.innerHTML += '<span>' + (j+1) + '</span>';
    }
}
//]]>
</script>

Setelah semuanya terpasang sesuai tutorial diatas dengan benar selanjutnya klik save atau simpan template anda dan cobalah cek postinganblog anda yang menggunakantag blockquote, Jika belum berhasil silahkan cek kembali cara penerapan kodenya. Selamat mencoba semoga berhasil. Salam blogging.

Roni Blogs