Aug 6
Menambahkan Emoticon Smiley di Blogger / Blogspot
Ternyata dari beberapa teman-teman blog banyak yang menanyakan cara menambahkan Emoticon Smiley yang diinginkan ke dalam blogger ataupun blogspot. Sebenarnya hal ini tidak bisa dilakukan tetapi ini bisa diakali. Setelah googling dan mencari2 cara menambahkan emoticon, saya menemukan beberapa cara yang bisa digunakan untuk menambahkan emoticon dengan cara memodifikasi template blogger. Sebetulnya ada plugins tambahan seperti greasemonkey, tetapi plugins ini masih belum sempurna dan berdasarkan pengalaman pengguna plugins ini bisa membuat glitch berupa hilangnya komentar. Saya sarankan membackup atau meng-save template yang akan diedit sebelumnya agar nantinya bisa dikembalikan seperti semula bila ada kesalahan.
Saya mendapatkan cara ini dari bang Arfian, jadi untuk penjelasan lebih lengkap bisa dihubungi aja via blognya.
Cara menambahkan emoticon :
1. Copy Paste kode dibawah setelah <head> tag :
<!–BloggerEmoticons–>
<script type=”text/javascript”>
<!–function replaceText() {
// no support
if(!document.getElementById) {
return;
}bodyText = document.getElementById(”body”;
theText = bodyText.innerHTML;
// replacetheText = theText.replace(/;\)/g,’<img src=”http://photos1.blogger.com/blogger/7678/802/1600/wink.gif” alt=”” />’;
theText = theText.replace(/;-\)/g,’<img src=”http://photos1.blogger.com/blogger/7678/802/1600/wink.gif” alt=”;-)” />’;
theText = theText.replace(//g,’<img src=”http://photos1.blogger.com/blogger/7678/802/1600/biggrin.gif” alt=”” />’;
theText = theText.replace(/:-D/g,’<img src=”http://photos1.blogger.com/blogger/7678/802/1600/biggrin.gif” alt=”:-D” />’;
theText = theText.replace(/B\)/g,’<img src=”http://photos1.blogger.com/blogger/7678/802/1600/cool.gif” alt=”B)” />’;
theText = theText.replace(/B-\)/g,’<img src=”http://photos1.blogger.com/blogger/7678/802/1600/cool.gif” alt=”B-)” />’;
theText = theText.replace(/:x/g,’<img src=”http://photos1.blogger.com/blogger/7678/802/1600/mad.gif” alt=”:x” />’;
theText = theText.replace(/:X/g,’<img src=”http://photos1.blogger.com/blogger/7678/802/1600/mad.gif” alt=”:X” />’;
bodyText.innerHTML = theText;
}–>
</script>
<!–BloggerEmoticons–>
2. Ubah tag <body> menjadi
<body id=”body” onload=”replaceText();”>
3. Save Templates
Kegunaan tiap kode :
theText = theText.replace(/;\)/g,’<img src=”http://photos1.blogger.com/blogger/7678/802/1600/wink.gif” alt=”ahhh” />’;
1. berwarna hijau : bisa dirubah terserah, ni yang biasanya muncul di komentar dalam bentuk :marah3: atau :-0
2. berwarna merah : sumber website gambar, biasanya ada disini dan disini, klik aja.
3. berwarna kuning : nama gambar
Untuk kode diatas ttg gimana ngelinknya bisa dibuat sebanyak apa kita pengen masukin emoticonnya. Hanya sebatas ini saya bisa jelaskan, tapi harap disave dulu template atau di backup agar bila terjadi kesalahan bisa di restore. Jadi Ingak… Ingak segera disave terlebih dahulu sebelum diedit.
Comments: 1414 Comments so far
Leave a comment
Waduh ga paham juga non….
soalnya blogger mank susah kalo mau ngasih smileynya, caranya yang masukin kode diatas di templatesnya.
kalo dijelasin memang susah.. harus praktek, makanya aku sarankan untuk membackup dahulu atau paling ga save kode awal di notepad utk disimpen…
tapi kalo ga paham….
sama bingung nya nh mau jelasin nya….
Info bagus sih.. tapi takut candu, masukin kebanyakan emoticon trus kasian yg baca mas, jadi lambat ntar, ya ga? tapi gw akuin ini lucu2 banget, minta ijin ngambil buat msn gw ya..
ya emang si bikin candu…
silahken ambil buat msn… sekedar have fun aja. la ini aja blognya masih baru tar kalo rame baru kuhilangkan
makasih bro sarannya, aku tahu kok bikin lambat ya sekedar iseng… huehuehue…
waduh aku juga beru belajar nih… jadi sama dah
waduw,,,msh blum mudeng,,,bs diperjelas ga?
pengen nih klo di postingan ada emotionnya,,hehe….^^
klo gw sih upload emoticon2 itu ke photobucket dulu, baru masukin url-nya…
nggak bakal ada glitch dan error..
nggak susah juga kok…
cuma perlu register di photobucket aj.. (gratis)
nice tips.. i’ll try.. thanks :D
i try it.. but result:
Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
:(
waduh aku kurang paham ttg blogger/ blogspot.
coba masuk aja ke sumbernya. sori yah aku ga bisa banyak bantu2 :)
kayanya di posting ku ada yang kurang, jadi segera ke sumbernya….
okey2.. im watching it.. thanks :D