Home » » Cara Memasang Highlighter V3 di Blog

Cara Memasang Highlighter V3 di Blog

Written By Unknown on Wednesday, February 6, 2013 | 11:04 PM

Author : Unknownuntuk mengenal lebih jauh tentang mas mahfid silahkan klik link Info Blog

masmahfidorang yang selalu ingin tahu ,mencoba sesuatu yang di anggap orang lain sulit dan berusaha untuk menjadi bisa Sobat sedang membaca artikel tentang Cara Memasang Highlighter V3 di Blog. Silahkan tinggalkan jejak di kolom Komentar untuk mempermudah Unknown berkunjung kembali ke blog sobat.
S
yntax highlighter ada sebuah kotak yang menampung kode -kode tertentu yang biasanya sering di gunakan oleh blog/website tutorial yang fungsinya adalah untuk membedakan isi artikel /postingan dengan kode css atau script ,kurang lebih fungsinya sama dengan <blockquote>
pada kotak highlighter ini sudah disediakan menu untuk bisa print langsung atau jika sobat akan mengkopy kode sobat hanya tinggal klik kode < > yang ada di samping kanan atas kotak .
Nah untuk cara membuatnya silahkan copy kode di bawah ini tepat di bawah kode <head>(tempat kode adalah sekaligus bentuk demo syntax highlighter)berikut kodenya
<link href='http://sites.google.com/site/bloggermintcom/shCore.css' rel='stylesheet' type='text/css'/> <link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeEmacs.css' rel='stylesheet' type='text/css'/> <script src='http://tutorialforyou.googlecode.com/files/shCore.js' type='text/javascript'/> <script src='http://tutorialforyou.googlecode.com/files/shBrushCss.js' type='text/javascript'/> <script src='http://tutorialforyou.googlecode.com/files/shBrushJScript.js' type='text/javascript'/> <script src='http://tutorialforyou.googlecode.com/files/shBrushXml.js' type='text/javascript'/> <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushScala.js' type='text/javascript'/> <script language='javascript' type='text/javascript'> SyntaxHighlighter.config.bloggerMode = true; SyntaxHighlighter.all(); </script>
Jangan lupa setelah menaruh kode nya Save template
Untuk menggunakan kode Highlighter nya silahkan sobat gunakan kode berikut saat akan menaruh kode css,atau kode script
<pre class="brush:js">taruh kode css atau apapun disini...</pre>
Share this article :

18 komentar:

  1. asyiik. top banget. cuma kalo buat saya, harus pelan2 mempelajarinya. suka lemot nih mas kalo ngobrolin soal teknologi. payah banget nih saya.

    ReplyDelete
    Replies
    1. ha ha ha ha bisa aja mas nich thanks mas kujungan nya

      Delete
  2. hmm, perlu pelan2 nih bacanya biar ngerti

    ReplyDelete
  3. pastinya...kode ini sering di pasang...yg blognya memang bertema tutorial ya mas...
    sipp...mas buat infonya :)

    ReplyDelete
    Replies
    1. betul sekali sob biasanya buat nempatin cide script atau css code

      Delete
  4. saya coba terapkan diblog saya..

    ReplyDelete
  5. wah bolehnih di coba sob...? ijin nyicip ya hehehhe

    ReplyDelete
  6. sesuatu yang baru nih buat saya mas,
    saya ambil nih mas saya pelajari lagi.
    terimakasih infonya salam sukses selalu.

    ReplyDelete
    Replies
    1. Terima kasih sob silahkan dismpan dulu siapa tahu nantinya di butuhkan..

      Delete
  7. Kalau untuk blog saya agak jarang meletakkan kode gitu Mas.

    Tapi bagi teman yang butuh membantu nih Mas.

    ReplyDelete
    Replies
    1. Benar sekali mas biasanya kode ini memang sering di gunakan pada sebuah blog yang bertemakan Tutorial

      Delete
  8. Terima kasih banyak mas, bagi saya ini tutorial yg sangat baru dan saya baru tahu tentang ini, terima kasih sudah berbagi

    ReplyDelete
  9. Kalau ini pakai script khn tp dgn syntax Highlighter mmg trlihat bgs. Untuk tuts anaa pakai blockquete, tag vanila, teks area, sm spoiler aja biasax untuk nyisipkan kode, jd hnya ckp nambahin CSS pd template.

    Terimakasih tuk sharing trbaikx!

    ReplyDelete
  10. Kunjungan sore sahabatku, jangan lupa mampir, ada bingkisan Award untuk anda silahkan mampir dan jangan lupa untuk di ambil yah...
    Terima kasih sobat

    ReplyDelete

Silahkan Berkomentar sesuai Judul Artikel

benner

artikel terbaru

close
close
close
 
Support : Your Link | Your Link | Your Link
Copyright © 2013. Info Blog - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger