Cara menampilkan kode HTML di postingan Blog dengan fitur view print

Sekilas judul nya terkesan membingungkan ya..  jangan khawatir, setelah melihat gambar di bawah ini, elu pasti akan paham.. selama blogwalking pernahkah kalian melihat postingan blog yang memberikan informasi kode html nya dengan tampilan seperti ini, dan jika kita klik view plain maka jendala baru akan muncul dengan menyajikan script HTML nya tersebut, dengan mudah bisa langsung kita copy paste.  gimana cara nya agar dalam memposting kode HTML di blog kita lantas kode HTML tersebut tampil seperti itu?




1. Pergi ke Menu TEMPLATES, kemudian pilih EDIT HTML

2. Cari kode , biar mudah dalam melakukan pencarian gunakan CTRL+F.

3. Copy Kode di yang berada di bawah ini tepat di bawah nya kode tadi.


4. Cari kode setelah ketemu letakan kode di bawah ini tepat di ATAS kode


5. cari Kode letakan kode di bawah ini tepat di atas


6. SAVE Template kalian

apakah dengan cara begini kode HTML yang gw copy paste kan ke dalam postingan akan otomatis muncul seperti yang kita inginkan tadi..??

BELUM,

langkah selanjutnya agar kode HTML kita bisa muncul di postingan seperti yang kita harapkan tadi, maka untuk itu ikuti cara sederhana ini :

1. Coba NEW POST / ENTRI BARU,

2. pilih EDIT HTML, lalu masukan contoh kode HTML yang ingin elu tampilkan di postingan blog lu nanti.

3. di depan kode HTML yang barusan elu pastekan tadi, tambahkan kode berikut


4. PUBLIKASIKAN

lihat hasil nya jons, bagaimana?? Ribet kah? yups, sangat ribet sekali... :D

1 komentar: