Cumulus swf - flash

Bru masuk angin!

Arsip...

Flag Counters

Flag Counter

Pengikut

Recent Comments plus Kode CSS Box Gelap

Recent Comments

blog-indonesia.com

Vertical Menu

CLICK any categories for open!
Gubhug Reyot

Sobat Ngeblogh

Sobat Ngeblogh

Buat sobat blogger yang mau ikutan jadi follower silahkan KLIK link Follower (Follow) di ujung kanan-bawah. Dari hasil monitoring, ternyata yang link-nya telah dimasukkan ke "Sobat Ngeblogh" mengalami pertambahan pengunjung secara signifikan!
Terima kasih .: Salam :.
gubhug reyot

Syntax Highlighter for Blogger: Tutorial BloGGeR Posting Kode

Keterbatasan akan syntax highlighter (Teks berwarna-warni pada penulisan KODE CSS, Javascript, atau html seperti terlihat di blog ini !) untuk blogger memang sangat membuat prihatin. Inovasi dan kreatifitas sungguh sangat diperlukan untuk semakin memperkaya property yang memungkinkan blogger untuk tampil lebih atraktif. Syntag Highlighter yang pertama ini merupakan hasil modifikasi dari karya Dr. Nic yang alumnus University of Queensland. Apabila ingin mengunjungi websitenya kamu bisa buka di sini !. KODE CSS ataupun javascript yang diperlukan untuk membangun syntax highlighter Dr Nic ini cukup simple dengan hasil output yang memuaskan. Untuk menuliskan dalam posting kita cukup bedakan menjadi tiga kategori :
  1. Posting KODE CSS dalam bentuk : <pre><code class="css">
  2. Posting Javascript dalam bentuk : <pre> <code class "javascript"> dan
  3. Posting KODE HTML dalam bentuk : <pre> <code class="html"> yang semuanya ditutup dengan </code></pre>

D E M O

D E M O

Langkah untuk membuat Syntax Highlighter :
  1. Login ke Blogger.
  2. Amankan template terlebih dahulu. Caranya lihat di sini !
  3. Lihat DEMO ! Semua KODE CSS, javascript dan Cara menggunakan saat posting sudah disertakan pada box 1, 2 dan 3.
  4. Simpan KODE CSS di atas KODE ]]></b:skin> dan javascript di atas KODE tersebut.
  5. Gunakan xHTML untuk melakukan posting.
  6. Tuliskan setiap syntax pada KODE CSS dalam posisi berurutan dari atas ke bawah, seperti :
  7. #main-wrapper{
            width:60%;
            background:#fff;
            margin:5px;
            padding:15px 8px;
            border:2px solid #000;
    }

Silahkan juga buka Tutorial lain yang sangat menarik dan patut di ikuti sampeyan semua. Akses melalui link di bawah ini :




» Happy Blogging - gubhugreyot «

3 komentar:

  1. Om yang punya ni blog saya kasih jempol 2 deh .
    Blog kamu bagus banget +++ .
    Tolong bantuin blog reyotane dong seperti blog ente . ( sama percis )
    Saya kasih Uang deh untuk imbalan nya .
    Tolong add saya di facebook : reza_irawan007@rocketmail.com
    Untuk lebih jelas gan = 0856 9356 8151

    BalasHapus

 
GR | Edited by | gubhug reyot