Posting Script/Kode Dalam Artikel Blog

Kalangan blogger pemula yang sudah pernah mencoba menulis kode html / javascript di posting dan ingin kode tersebut tampil seperti waktu ditulis mungkin merasa heran karena setelah dipublish jadi berbeda. Contoh, umpamanya Anda menulis kode <> dan ingin tampil persis seperti itu diposting Anda, kenyataannya kode tersebut malah hilang. Ikuti tutorial praktis berikut, oh ya tip ini berlaku baik di posting wordpress atau blogger / blogspot.

A. Konversi Online

1. Kunjungi Encode Decode HTML Converter di sini.

2. Masukkan kode html / javascript yang ingin Anda tampilkan di posting di kotak yang tersedia, terus klik menu “Encode”

3. Copy dan paste hasil encode yang ada dalam kotak ke posting Anda. Selesai.

Catatan: Jangan lupa klik menu “Kode” atau “Code” sebelum memasukkan kode html yang sudah di-encode tadi.

(bersambung) :) :) :) :@

Menghilangkan Navbar

:@ Sebelum menghilangkan navbar blogger (Navigation Bar) ada baiknya saya informasikan bahwa cara ini salah satu pelanggaran TOS Blogger, jika tetap ingin menghilangkannya bisa gunakan script dibawah ini:

/* CSS to hid navigation bar */

#navbar {
height:10px;
visibility:hidden;
display:none;
}

atau

}
div#navbar{
display:none;
}

Cara pasang:

Masuk Kotrol Panel > Layout > Edit HTML kemudian letakan kode tadi tepat diatas kode ]]></b:skin> kemudian simpan template.

Sekian dan selamat mencoba :)

Pasang icon smile (emoticon) di blogger

Pengguna blogger pasti udah mengetahui icon smile yang banyak digunakan oleh pengguna wordpress atau pengguna blog lain, dimana setiap ada kode teks icon smile maka kode tersebut akan berganti dengan icon smile secara visual. Namun sayangnya blogger tidak support untuk icon smile ini :o Ups jangan berkecil hati..banyak jalan menuju roma, semua pasti ada solusinya.

Coba lihat contohnya di blog ini, setiap ada penulisan text yang mengacu kepada code smile pasti akan berubah secara visual. Sebagai contoh, saya mengetikan icon senyum :) dan tertawa :D dan ketika saya tersipu malu :$ yang jelas Icon smile ini akan tampil pada semua text yang ada pada blog kita di manapun letaknya (Nb: bukan dalam shoutbox, link dan gambar), yang paling menguntungkan icon smile ini dapat memberikan keterangan emoticon pengujung ketika sedang memberikan komentar :o.

3 langkah mudah pasang icon smile di blogger :

1. Masuk ke template > edit HTML > Expand Widget Templates dan cari kode dibawah ini:
]]></b:skin>

2. Jika sudah ketemu copy kode javascript ini tepat dibawah kode no.1
<script src="'http://bani.jk.googlepages.com/addSmiley.js" type="'text/javascript'/"></script>

3. Simpan dan lihat hasilnya. :)

Icon smile ini akan tampil secara otomatis pada blog kita setiap kali kita mengetikan kode dari icon tersebut.

kode smile yang bisa digunakan :

:) or :-)
:D or :-D
:$ or :-$
:( or :-(
:p or :-p
;) or ;-)
:k or :-k
:@ or :-@
:# or :-#
:x or :-x
:o or :-o

Nb : setiap menambahkan kode smile anda harus menekan spasi diawal&akhir kode.