Automatic Block pada Tag Code

Senin, November 04, 2013

Alhamdulillah Bisa ngepost lagi sebelum saya berangkat study tour SEJARAH Oke, ini postingan script - script yang saya temukan lagi. Script ini awalnya dari tag pre, saya rubah jadi ke tag code. Mungkin belum tau maksudnya tag code? tag code adalah html yang fungsinya untuk menampilkan code yang tidak terlalu panjang. Kalau panjang menggunakan tag Pre. Cara menggunakan tag code sangat mudah : <code>..isi code..</code>. Coba deh diklik, pasti di block (selection).

Cara pemasangan Auto Block pada Tag Code:
Masuk ke editor template kalian masing - masing. Cari kode </body>, dan pastekan diatasnya kode dibawah ini :

<script type='text/javascript'>
$(function() {
    $('code').click(function() {
        var refNode = $(this)[0];
        if($.browser.msie) {
            var range = document.body.createTextRange();
            range.moveToElementText(refNode);
            range.select();
        } else if($.browser.mozilla || $.browser.opera) {
            var selection = window.getSelection();
            var range = document.createRange();
            range.selectNodeContents(refNode);
            selection.removeAllRanges();
            selection.addRange(range);
        } else if($.browser.safari) {
            var selection = window.getSelection();
            selection.setBaseAndExtent(refNode, 0, refNode, 1);
        }
    });
});
</script>

Kemudian pasang deh CSS-nya, biar menarik dilihat dan Elegent. Cari kode ]]></b:skin>, kemudian paste CSS dibawah ke atas ]]></b:skin> :

code {
  font:normal 12px/14px Monaco,Monospace;
  background:rgba(255,255,255,.4);;
  border:1px solid #eee;
  padding:1px;
  cursor:default;
  border-radius:2px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
}

CSS-nya diatur sendiri sesuai tema Blog anda :)

Penggunaanya sangat mudah : <code>..isi code..</code>
Semoga bermanfaat, terimakasih :)
refrensi code : [Link]

Buruan Pasang Iklan Anda Di DHE Dengan Harga Yang Terjangkau.Pajang bisnis online anda di DHE dan dapatkan keuntungan yang lebih dari penjualan produk bisnis anda.

Buruan Pasang Iklan Anda Di DHE Dengan Harga Yang Terjangkau.Pajang bisnis online anda di DHE dan dapatkan keuntungan yang lebih dari penjualan produk bisnis anda.