Emoticon pada blogger, gampang-gampang susah

EmotIcon (EI) siapa yang tidak tahu dengan icon ini, ??? semua orang yang senang dengan chatt ala YM pasti mengenal EI ini, ya EI ini memang sangat bisa mewakili emosi kita dalam menuliskan sesuatu di tulisan yang sedang kita tulis. Dengan adanya EI ini kita dapat merasakan kepuasan dalam menulis, karena kata-kata kita bisa menjadi lebih hidup dengan adanya EI ini. Lalu bagaimanakah caranya apabila anda ingin menyertakan Emoticon ini pada Blog anda? Mungkin bagi anda pecinta blog produk Wordpress tidak perlu terlalu pusing dengan proses penyertaan EI, tetapi berbeda dengan Blogger. Pada Blogger kita harus membuat sendiri script untuk EI ini agar bisa ditampilkan pada Blogger.

Banyak kok tutorial yang mengajarkan teknik-teknik untuk ini, salah satunya di www.o-om.com/...-kotak-komentar.html , Silahkan anda merujuk pada website milik o-om itu.Lah terus anda menulis tentang EI di blog tujuannya untuk apa ? :p Tenang-tenang jangan panik dulu. Di sini saya hanya ingin berbagi pengalaman, Apabila anda mungkin sudah mengikuti langkah-langkah yang dijelaskan pada tutorial yang anda ikuti tetapi EI ini belum mau muncul juga di bagian tulisan pada blog anda ataupun pada bagian Komentar dari blog anda.Pertanyaan yang sering muncul kok di bagian tulisan sudah muncul akan tetapi di bagian komentar masih belum itu kenapa yahh ?? Yang perlu anda lakukan dan perhatikan adalah
Pastikan file javascript (smile.js or nama yang lain) anda hanya satu, kenapa tidak boleh lebih dari satu?? Karena bisa menyebabkan adanya bentrokan antara satu fungsi (REGEX) yang satu dengan Fungsi yang sama antara file yang satu dengan file yang lain. Kejadian tidak munculnya EI ini pada bagian Komentar mungkin bisa disebabkan karena template yang anda pilih sebagai default template blogger anda tidak sesuai dengan fungsi yang ada pada file javascript anda.
Sebagai contoh file js anda dari oom mungkin seperti ini :

document.getElementsByClassName = function(clsName){

var retVal = new Array();

var elements = document.getElementsByTagName("*");

for(var i = 0;i <>

if(elements[i].className.indexOf(" ") >= 0){

var classes = elements[i].className.split(" ");

for(var j = 0;j <>

if(classes[j] == clsName)

retVal.push(elements[i]);

}

}

else if(elements[i].className == clsName)

retVal.push(elements[i]);

}

return retVal;

}

function addSmiley(){

var postBodyClass = (postBodyClass) ? postBodyClass : 'post-body';

var d = document.getElementsByClassName(postBodyClass);

for(var i=0;i{

d[i].innerHTML = d[i].innerHTML.replace(/\s:-*\)/g, ' ');

d[i].innerHTML = d[i].innerHTML.replace(/\s;-*\)/g, ' ');

…………… Dan Seterusnya ……….

}

var d = document.getElementsByClassName('widget-content');

for(var i=0;i

d[i].innerHTML = d[i].innerHTML.replace(/\s:-*\)/g, ' ');

…………… Dan Seterusnya ……….

}

Tambahkan dan edit file di atas menjadi sbb :

var e = document.getElementsByClassName('comment-body');

for(var i=0;i<e.length;i++){

e[i].innerHTML = e[i].innerHTML.replace(/\s:-*\)/g, ' ');

…………………….. Dan Seterusnya ………………

}

}

function addLoadEvent(func) {

var oldonload = window.onload;

if (typeof window.onload != 'function') {

window.onload = func;

} else {

window.onload = function() {

oldonload();

func();

}

}

}

addLoadEvent(addSmiley);

Pastikan tanda penutup ( }) dari masing-masing tag telah berpasangan dan jumlahnya sama dengan tang pembukanya ( { ).

Oh ya pastikan nama class yang anda tambahkan

var e = document.getElementsByClassName('comment-body');

sesuai dengan tag

pada template anda.

Untuk melihatnya anda bisa menuju view blog anda setelah tampilan blog anda terbuka secara sempurna, klik kanan pada sekitar tampilan anda (jangan klik kanan digambar), setelah itu pilih view Page source, akan tampil sebuah window baru yang berisi sintaks dari blog anda setelah itu tekan ctrl+F ketikan di box comments windows itu “comment”.

Cari

yang berisi body dari komentar anda setelah itu sesuaikan dengan yang ada di source code blog anda

var e = document.getElementsByClassName(‘Diganti ');

Setelah anda edit file javascriptnya upload ulang dehh.

Selamat Mencoba ……..

  Programming, Tutorial Blog       Edit