Tutorial Menciptakan Syntax Highlighter Keren Di Blogger

Cara Membuat Syntax Highlighter Keren di Blogger Syntax Highlighter berfungsi sebagai menampilkan isi berupa aba-aba nan diberikan sebagai memudahkan kepada pembaca apabila konten itu menyaapabilan sebuah aba-aba ataupun script juga sanggup juga berupa tutorial. Syntax Highlighter sangat diharapkan supaya mempercantik tampilan website ataupun blog nan kau miliki.

Syntax Highlighteritu aku modifikasi supaya terlihat keren juga simple sebagai digunakan, juga belommenggunakan javascript nan memberatkan blog kalian pastinyanya, disitu aku hanya memakai fitur css saja juga sebagai nan mempunyai blog ber-niche tutorial blogging pastinyanya kalian wajib menggunakanitu supaya pembaca sanggup lebih gampang memahami isi artikel nan kalian miliki.

Kali ini, aku berkesempatan sebagai meluangkan waktu sebagai menambah pengetahuan sahabat teman, bagaimana sih Cara Membuat Syntax Highlighter Keren di Blogger, pastinyanya bukan hal nan sulit. kalian sanggup memodifikasi sesuai warna juga apa nan kau inginkan memakai css nan aku bagikan di tutorial ini.

Dididalem artikel ini, sebelumnya aku juga rampung mencoba sebagian pre code nan bagus ataupun syntax highlighter sebagai blogger. sehabis memilah juga memodifikasi script aku tetapkan sebagai membagikannya kepada pembaca blog ini. jadiitu fungsinya hampir sama dengan kotak script ataupunpun blockquote. tetapi Syntax Highlighteritu memang khusus dibentuk sebagai meletakkan script ataupunpun aba-aba nan panjang, supaya terlihat lebih lezat dibaca semustinya kalian menggunakanitu di blog nan sobat miliki.

Cara Membuat Syntax Highlighter Keren di Blogger

Walaupun rampung begitu banyak nan mengembangkan di internet, aku hanya shareitu sesuai impian selera design aku saja, sanggup saja sobat nan sedang mencari design Syntax Highlighter nan bagus sebagai blog sobat, kalian sanggup melihat demonya terlebih dahulu di gambar dibawah berikut ini.

Apakah Sobat Suka Dengan Syntax Highlighter Seperti Gambar Diatas ?

Jika suka, kalian sanggup mengikuti panduan dibawahitu :

1. Login Blogger Akun Blog Kalian Masing - Masing

2. Silahkan Salin Kode Css Yang Berada Dibawah ini.. Dan Pastekan CSSitu Tepat Sebelum Kode ]]></b:skin>

/* syntax highlighter jagoankode.blogspot.com */ pre,pre code{color:#FFFFFF}pre{background:#121835;padding:8px 10px;overflow:auto;max-width:100%;text-align:left;margin:10px auto;border-left:3px solid #ff0000}code,pre,pre code{font-family:Consolas,Monaco,'Andale Mono',monospace;white-space:initial;word-spacing:normal;word-break:normal;font-size:14px;line-height:1.3em}code{color:#FFFFFF}i.klik-url,pre{-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all}blockquote{font-family:Georgia,serif;color:#141924;border-left:3px solid #dedede;padding-left:8px} /* Enjoy Your Life */

3. Simpan.

Cara Penerapan Kode Diatas Di Postingan Blogger

Ada penerapan sebagai membikin Syntax Highlighter tadi di postingan blogger. silahkan ikuti panduan dibawah sebagai membikin properti tadi.

Jika rampung menyimpan aba-aba css tadi, makanya selanjutnya yaitu penerapan penulisan di blog kamu, tutornya cukup mudah.

1. Buatlah Sebuah Artikel Biasa.
2. Pindah Ke Tab HTML Seperti Gambar dibawah

3. Dan Isikan Script Dibawah Ini Dan Isi Kode Kalian Tepat Dididalem Pembungkus Kode

<pre><code>Isi Kode JQuery, Javascript, Css, Ataupun HTML</code></pre>

4. Ganti Kode Yang Berwarna Merah, Dan Ubah Kode Script Yang Anda Punya,
5. Jika Sudah Silahkan Kembali Ke Tab Compose.
6. Setelah Selesai Mekerjakan Penulisan Artikel
7. Simpan Dan Publish
8. Selesai

Kesimpulan...

Jika rampung mengikuti panduan dari awal semustinya kalian rampung berhasil sebagai Cara Membuat Syntax Highlighter Keren di Blogger, apabila terdapat error ataupun apapun nan diragukan. silahkan berkomentar melalui kotak komentar dibawah. sanggup saja sekian itu saja nan sanggup aku sampaikan, semoga berfungsi juga terimakasih telah berkunjung :)