Pasang Gambar Animasi atau Emoticon pada Kolom Posting Blog
Tips kali ini adalah pasang gambar animasi atau emoticon pada kolom posting blog. Berguna agar tulisan posting kita terlihat lebih hidup dan menarik. Uniknya pemasangan ini cukup menggunakan sebuah karakter, tanpa perlu mengupload gambar animasi yang akan digunakan.
Cara pasang gambar animasi atau emoticon pada kolom posting blog sangat mudah
Untuk mencobanya, silahkan buat posting baru lalu disela-sela tulisan gunakan karakter seperti:
Terbitkan postingan dan lihat hasilnya.
Catatan:
Cara pasang gambar animasi atau emoticon pada kolom posting blog sangat mudah
- Sign in ke Blogger - Rancangan - Edit HTML
- Cari kode </body>, yang biasanya berada paling bawah
- Pasang kode berikut diatasnya
<script src='https://sites.google.com/site/kangcaang/host_script/emoposting2.js' type='text/javascript'></script> - Simpan Template
Untuk mencobanya, silahkan buat posting baru lalu disela-sela tulisan gunakan karakter seperti:
:a: untuk emoticon 
:b: untuk emoticon 
:c: untuk emoticon 
:d: untuk emoticon 
:e: untuk emoticon 
:f: untuk emoticon 
:g: untuk emoticon 
:h: untuk emoticon 
:i: untuk emoticon 
:j: untuk emoticon 
:k: untuk emoticon 
:l: untuk emoticon 
:m: untuk emoticon 
:n: untuk emoticon 
Terbitkan postingan dan lihat hasilnya.
Catatan:
- Tips ini akan berhasil bila template mempunyai kode <div class='post-body entry-content'>
- Lebih baik dipasang juga emoticon pada kolom komentar, biar sample gambar emoticonnya terlihat.
:a:
BalasHapuskunjung balik blog saya yah... :g:
BalasHapuswah infonyanbagus sob.. saya coba langsung nihh..
BalasHapus:c: semoga bisa ya..
BalasHapus:j:
BalasHapuswahh,,
BalasHapuskereeen :k:
makasih ya kk :h:
aku coba ya
:a:
BalasHapustawt
BalasHapuskeren...:f::f::f::f::f:
BalasHapusmantap..gan
BalasHapus:f:
BalasHapusaku kagak bisaa mulu :a: :e:
BalasHapusaku udah nyoba berkali2 tapi ttp ga bisa mulu :h
BalasHapus:f:
BalasHapusThanks, it's works! :a: *terharu*
BalasHapusMau nanyaaaaa... bisa nggak saya utak-atik kode javascript-nya? Saya pengen nambahin kode seperti :) :-) :smile: :mrgreen: (ini kode smiley wp). Sudah dibuat tapi nggak berhasil. Mohon bantuannyaaa... Apakah harus diawali dan diakhiri dengan titikdua?
BalasHapusSaya buat ini: https://fauzi-p.googlecode.com/files/post_emoticon__.js
BalasHapusdan https://fauzi-p.googlecode.com/files/emoticones__.js
tolong kasih tahu dong, mananya yang salah.
Bisa ga diutak-atik kode javascript-nya? bisa gan, lah saya juga itu hasil utak atik :c:
BalasHapusAgan ngedit kode javascript-nya dimana? atau pake software apa? Kalo saya biasanya pake Gedit, silahkan lihat di
Software Pengedit Bahasa Html, Javascript, atau Css Bagi Blogger Pemula
http://planetcaang.blogspot.com/2011/11/software-pengedit-bahasa-html.html
Pokoknya, coba terus dan jangan menyerah
Gan, nanya dong... kenapa js saya nggak main. Biasanya saya utak-atik pakai notepad. Sekarang sudah pakai gedit tapi nggak ada perubahan.
BalasHapusKode saya ini:
https://fauzi-p.googlecode.com/files/post_emoticon_without8.js
https://fauzi-p.googlecode.com/files/emoticones_without8.js
Script agan dah saya coba, emang ga muncul :g:
BalasHapusSebagai koreksinya, coba gunakan link js dibawah ini
http://moalmules.googlecode.com/files/post_emoticon_v01.js
contoh aplikasinya, silahkan lihat di blog Bumi Caang
http://bumicaang.blogspot.com/2009/10/selamat-datang.html
Bandingkan, lalu silahkan ambil kesimpulannya
Bang, sudah saya bandingkan... Tapi masih belum mengerti. *oh god, why?
BalasHapus:g:
Jadi kira-kira kesimpulannya begini, untuk editing script emoticon kolom posting seperti yang ada disini, tidak mengizinkan penggunaan karakter-karakter special, seperti :?, :|, :(, :-), ;- dsb sebagai karakter pengganti emoticon, kalo ya digunakan, maka tidak akan berhasil :c:
BalasHapus