Home » » Cara Termudah Memasang Syntax Highlighter di Blogger

Cara Termudah Memasang Syntax Highlighter di Blogger

Written By Admin on Saturday, March 30, 2013 | 6:33 PM

Memasang Syntax Highlighter di Blogger - Postingan Arjun Wap Yang ke Delapan Kalo Ga salah Akan Mengurai tentang Syntax Highlighter, Ini memang sangat membantu sekali dalam hal penyesuaian dalam penempatan barisan kode yang akan di publish dalam postingan, karena dengan adanya syntax highlighter ini maka pembaca akan lebih mudah memahami dan membaca setiap barisan kode yang telah kita tuliskan. Dan Cara Termudah Memasang Syntax Highlighter di Blogger ini tentunya akan membawa dampak keunikan tersendiri pada setiap tampilan dalam barisan blok kode yang ada kerena memang tampilannya pun sangat stylish dan elegant, serta enak di pandang mata.

Cara Termudah Memasang Syntax Highlighter di Blogger yang akan saya share pada kesempatan kali ini merupakan syntax highlighter current version (versi yang tersedia sekarang/paling baru). Langsung saja bagi anda yang berminat silahkan ikuti langkah-langkah bagaimana cara memasang syntax highlighter dari Alex Gorbatchev (current version) berikut ini :

Cara Termudah Memasang Syntax Highlighter di Blogger

Preview  Cara Termudah Memasang Syntax Highlighter di Blogger    Arjun Wap


  1.  Login ke blogger.com menggunakan akun anda.
  2. Masuk ke halaman "Template".
  3. Lalu pilih "Edit HTML", klik "Lanjutkan" dan jangan lupa centang "Expand Template Widget".
  4. Kemudian cari kode </head> dan letakkan script kode berikut ini tepat di atasnya.

  

 


 

 
     5. Lalu klik save, dan selesai

Langkah setelah itu yaitu mengetahui bagaimana langkah pemanggilannya supaya syntax highlighter tersebut bisa di tunjukkan dengan baik. langkahnya amat sederhana, yakni anda tinggal memberikan tag <pre> pada barisan kode yang dapat di beri syntax highlighter tersebut, perumpamaannya layaknya di bawah ini :



  • Untuk script kode html :
    <pre class="brush:html">
    Sisipkan kode html anda di sini!
    </pre>


  • Untuk script kode css :
    <pre class="brush:css">
    Sisipkan kode css anda di sini!
    </pre>
  • Untuk script kode java :

    <pre class="brush:java">
    Sisipkan kode java anda di sini!
    </pre>
  • Untuk script kode javascript :

    <pre class="brush:javascript">
    Sisipkan kode javascript anda di sini!
    </pre>
  • Untuk script kode php :

    <pre class="brush:php">
    Sisipkan kode php anda di sini!
    </pre>

  • Mungkin cukup sekian postingan Cara Termudah Memasang Syntax Highlighter di Blogger Buatan  Alex Gorbatchev (current version) ini, Kurang lebihnya saya mohon ma'af dan semoga bermanfaat bagi anda.

    0 comments:

    Post a Comment