Cara Memasang Syntax Highlighter Blogger

Syntax Highlighter adalah pluggin yang digunakan menampilkan text editor agar tampil didalam postingan blog, biasanya ini digunakan untuk menampilkan tetorial dalam web desain dan lainnya, sebagai contohnya adalah sebagai screen shot berikut :
bagai mana cara membuatnya, ikuti langkah langkah berikut :
1. Login ke akun blogger sobat
2. Masuk Rancangan/Layout
3. Pilih Edit HTML
4. Klik "Download Template Lengkap" (ini untuk memBackUp template sobat)
5. Beri tanda centang "Expand Template Widget"
6. Carilah kode </head>
7. Kalo sudah ketemu, copy paste kode berikut di bawah kode: </head>
8. Kemudian cari lagi kode ]]></b:skin>
9. Simpan Code CSS berikut diatas kode ]]></b:skin>
.dp-highlighter
{
font-family: "Consolas", "Monaco", "Courier New", Courier, monospace;
font-size: 12px;
background-color: #E7E5DC;
width: 99%;
overflow: auto;
margin: 18px 0 18px 0 !important;
padding-top: 1px; /* adds a little border on top when controls are hidden */
}

/* clear styles */
.dp-highlighter ol,
.dp-highlighter ol li,
.dp-highlighter ol li span
{
margin: 0;
padding: 0;
border: none;
}

.dp-highlighter a,
.dp-highlighter a:hover
{
background: none;
border: none;
padding: 0;
margin: 0;
}

.dp-highlighter .bar
{
padding-left: 45px;
}

.dp-highlighter.collapsed .bar,
.dp-highlighter.nogutter .bar
{
padding-left: 0px;
}

.dp-highlighter ol
{
list-style: decimal; /* for ie */
background-color: #fff;
margin: 0px 0px 1px 45px !important; /* 1px bottom margin seems to fix occasional Firefox scrolling */
padding: 0px;
color: #5C5C5C;
}

.dp-highlighter.nogutter ol,
.dp-highlighter.nogutter ol li
{
list-style: none !important;
margin-left: 0px !important;
}

.dp-highlighter ol li,
.dp-highlighter .columns div
{
list-style: decimal-leading-zero; /* better look for others, override cascade from OL */
list-style-position: outside !important;
border-left: 3px solid #6CE26C;
background-color: #F8F8F8;
color: #5C5C5C;
padding: 0 3px 0 10px !important;
margin: 0 !important;
line-height: 14px;
}

.dp-highlighter.nogutter ol li,
.dp-highlighter.nogutter .columns div
{
border: 0;
}

.dp-highlighter .columns
{
background-color: #F8F8F8;
color: gray;
overflow: hidden;
width: 100%;
}

.dp-highlighter .columns div
{
padding-bottom: 5px;
}

.dp-highlighter ol li.alt
{
background-color: #FFF;
color: inherit;
}

.dp-highlighter ol li span
{
color: black;
background-color: inherit;
}

/* Adjust some properties when collapsed */

.dp-highlighter.collapsed ol
{
margin: 0px;
}

.dp-highlighter.collapsed ol li
{
display: none;
}

/* Additional modifications when in print-view */

.dp-highlighter.printing
{
border: none;
}

.dp-highlighter.printing .tools
{
display: none !important;
}

.dp-highlighter.printing li
{
display: list-item !important;
}

/* Styles for the tools */

.dp-highlighter .tools
{
padding: 3px 8px 3px 10px;
font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: silver;
background-color: #f8f8f8;
padding-bottom: 10px;
border-left: 3px solid #6CE26C;
}

.dp-highlighter.nogutter .tools
{
border-left: 0;
}

.dp-highlighter.collapsed .tools
{
border-bottom: 0;
}

.dp-highlighter .tools a
{
font-size: 9px;
color: #a0a0a0;
background-color: inherit;
text-decoration: none;
margin-right: 10px;
}

.dp-highlighter .tools a:hover
{
color: red;
background-color: inherit;
text-decoration: underline;
}

/* About dialog styles */

.dp-about { background-color: #fff; color: #333; margin: 0px; padding: 0px; }
.dp-about table { width: 100%; height: 100%; font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; }
.dp-about td { padding: 10px; vertical-align: top; }
.dp-about .copy { border-bottom: 1px solid #ACA899; height: 95%; }
.dp-about .title { color: red; background-color: inherit; font-weight: bold; }
.dp-about .para { margin: 0 0 4px 0; }
.dp-about .footer { background-color: #ECEADB; color: #333; border-top: 1px solid #fff; text-align: right; }
.dp-about .close { font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; background-color: #ECEADB; color: #333; width: 60px; height: 22px; }

/* Language specific styles */

.dp-highlighter .comment, .dp-highlighter .comments { color: #008200; background-color: inherit; }
.dp-highlighter .string { color: blue; background-color: inherit; }
.dp-highlighter .keyword { color: #069; font-weight: bold; background-color: inherit; }
.dp-highlighter .preprocessor { color: gray; background-color: inherit; }
10. Langkah selanjutnya cari kode </body>
11. Simpanlah kode berikut diatas kode </body>


12. Simpan Template.

Untuk menampilkan nya dalam postingan sebelum menuliskan kode yang akan ditampilkan apit dengan kode berikut :


<pre name="code" class="JScript">
LETAKAN KODE SCRIPT YANG AKAN DIPASANG DISINI
</pre>

ganti kode yang sesuai dengan script yang sesuai dengan yang anda tampilkan.

Adapun bahasa yang didukung adalah sebagai berikut :


  • actionscript3
  • bash
  • clojure
  • coldfusion
  • cpp
  • csharp
  • css
  • delphi
  • erlang
  • fsharp
  • diff
  • groovy
  • html
  • javascript
  • java
  • javafx
  • matlab (keywords only)
  • objc
  • perl
  • php
  • text
  • powershell
  • python
  • r
  • ruby
  • scala
  • sql
  • vb
  • xml



Comments
3 Comments

3 komentar on Cara Memasang Syntax Highlighter Blogger :

Wayan Sudira mengatakan... on 12 Desember 2012 21.29

Info yang sangat bermanfaat mas kunjungi juga ya
Obat Wasir dan Ambeien Manjur di Obatwasir.biz

IBU SAMINEM DI NUNUKANG mengatakan... on 26 Agustus 2013 14.08

RAMALAN AKI GENDENG MEMANG MEMILIKI RAMALAN GHOIB YANG DI JAMIN 100% TEMBUS,ADAPUN RAMALAN INI DI DAPAT MELALUI ”RITUAL KHUSUS” SAYA SENDIRI SUDAH MEMBUKTIKANNYA 3 KALI TIDAK PERNAH GAGAL DAN SELALU TEMBUS,,BAGI ANDA YANG PENCINTA TOGEL JANGAN RAGU LAGI UNTUK MENGHUBUNGI AKI GENDENG DI 082317877769 KARNA INSYA ALLAH AKI GENDENG AKAN MEMBERIKAN ANKA RITUAL YANG SELALU TEPAT DAN TERBUKTI

RAMALAN AKI GENDENG MEMANG MEMILIKI RAMALAN GHOIB YANG DI JAMIN 100% TEMBUS,ADAPUN RAMALAN INI DI DAPAT MELALUI ”RITUAL KHUSUS” SAYA SENDIRI SUDAH MEMBUKTIKANNYA 3 KALI TIDAK PERNAH GAGAL DAN SELALU TEMBUS,,BAGI ANDA YANG PENCINTA TOGEL JANGAN RAGU LAGI UNTUK MENGHUBUNGI AKI GENDENG DI 082317877769 KARNA INSYA ALLAH AKI GENDENG AKAN MEMBERIKAN ANKA RITUAL YANG SELALU TEPAT DAN TERBUKTI



RAMALAN AKI GENDENG MEMANG MEMILIKI RAMALAN GHOIB YANG DI JAMIN 100% TEMBUS,ADAPUN RAMALAN INI DI DAPAT MELALUI ”RITUAL KHUSUS” SAYA SENDIRI SUDAH MEMBUKTIKANNYA 3 KALI TIDAK PERNAH GAGAL DAN SELALU TEMBUS,,BAGI ANDA YANG PENCINTA TOGEL JANGAN RAGU LAGI UNTUK MENGHUBUNGI AKI GENDENG DI 082317877769 KARNA INSYA ALLAH AKI GENDENG AKAN MEMBERIKAN ANKA RITUAL YANG SELALU TEPAT DAN TERBUKTI


PAK DONI DI MALAYSIA mengatakan... on 30 Juni 2014 13.39

saya mengucapkan banyak terimakasih kepada MBAH KABOIRENG yang telah menolong saya dalam kesulitan,ini tidak pernah terfikirkan dari benak saya kalau nomor yang saya pasang bisa tembus dan ALHAMDULILLAH kini saya sekeluarga sudah bisa melunasi semua hutang2 kami,sebenarnya saya bukan penggemar togel tapi apa boleh buat kondisi yang tidak memunkinkan dan akhirnya saya minta tolong sama MBAH KABOIRENG dan dengan senang hati MBAH KABOIRENG mau membantu saya..,ALHAMDULIL LAH nomor yang dikasi MBAH KABOIRENG semuanya bener2 terbukti tembus dan baru kali ini saya menemukan dukun yang jujur,jangan anda takut untuk menhubungiya jika anda ingin mendapatkan nomor yang betul2 tembus seperti saya,silahkan hubungi MBAH KABOIRENG DI 082=322=212=111 ingat kesempat tidak akan datang untuk yang kedua kalinga dan perlu anda ketahui kalau banyak dukun yang tercantum dalam internet,itu jangan dipercaya kalau bukan nama MBAH KABOIRENG KLIK TOGEL JITU DISINI












saya mengucapkan banyak terimakasih kepada MBAH KABOIRENG yang telah menolong saya dalam kesulitan,ini tidak pernah terfikirkan dari benak saya kalau nomor yang saya pasang bisa tembus dan ALHAMDULILLAH kini saya sekeluarga sudah bisa melunasi semua hutang2 kami,sebenarnya saya bukan penggemar togel tapi apa boleh buat kondisi yang tidak memunkinkan dan akhirnya saya minta tolong sama MBAH KABOIRENG dan dengan senang hati MBAH KABOIRENG mau membantu saya..,ALHAMDULIL LAH nomor yang dikasi MBAH KABOIRENG semuanya bener2 terbukti tembus dan baru kali ini saya menemukan dukun yang jujur,jangan anda takut untuk menhubungiya jika anda ingin mendapatkan nomor yang betul2 tembus seperti saya,silahkan hubungi MBAH KABOIRENG DI 082=322=212=111 ingat kesempat tidak akan datang untuk yang kedua kalinga dan perlu anda ketahui kalau banyak dukun yang tercantum dalam internet,itu jangan dipercaya kalau bukan nama MBAH KABOIRENG KLIK TOGEL JITU DISINI

Posting Komentar

Tinggalkan Sedikit Pesan Saran dan Kesan

Follow In Facebook

Tutorial Windows Terbaru

Pembaca Budiman