Home » » Cara Memasang Highlighter V3 di Blog

Cara Memasang Highlighter V3 di Blog

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

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 :

+ comments + 16 comments

February 8, 2013 at 10:25 PM

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

February 8, 2013 at 11:40 PM

hmm, perlu pelan2 nih bacanya biar ngerti

February 9, 2013 at 12:25 AM

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

February 9, 2013 at 12:58 AM

ha ha ha ha bisa aja mas nich thanks mas kujungan nya

February 9, 2013 at 1:00 AM

betul sekali sob biasanya buat nempatin cide script atau css code

February 9, 2013 at 3:15 AM

saya coba terapkan diblog saya..

February 9, 2013 at 6:55 AM

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

February 9, 2013 at 10:21 AM

Silahkan semoga bermanfaat trims hadir nya

February 9, 2013 at 10:22 AM

Silahkan mas ...thanks ya

February 9, 2013 at 10:42 AM

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

February 10, 2013 at 2:23 AM

Kalau untuk blog saya agak jarang meletakkan kode gitu Mas.

Tapi bagi teman yang butuh membantu nih Mas.

February 10, 2013 at 4:35 PM

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

February 10, 2013 at 4:37 PM

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

February 14, 2013 at 5:08 PM

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

February 14, 2013 at 8:09 PM

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!

February 16, 2013 at 12:43 AM

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

Post a Comment

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2013. Demo 3 - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger