Ikuti langkah-langkah sbb :
1. Siapkan url emotion yang ingin digunakan.
2. Download file .js ini > Onion_emo.js file ini yang nanti akan kita edit untuk menganti emoticon yang di inginkan..
Atau cukup copas isi kode javascript dibawah ini ke dalam notepad lalu simpan dengan format .js dan nama sesuai keinginan.
Atau cukup copas isi kode javascript dibawah ini ke dalam notepad lalu simpan dengan format .js dan nama sesuai keinginan.
function showsbtext(id,index) {
var bookmarktext=document.getElementById(id);
var sbValues= new Array();
sbValues[0] = 'Bookmark:';
sbValues[1] = 'Add to <strong>Digg</strong>';
sbValues[2] = 'Add to <strong>Delicious</strong>';
sbValues[3] = 'Add to <strong>Blinklist</strong>';
sbValues[4] = 'Add to <strong>Yahoo Web</strong>';
sbValues[5] = 'Add to <strong>Netvouz</strong>';
sbValues[6] = 'Add to <strong>Ma.gnolia</strong>';
sbValues[7] = 'Add to <strong>Fark</strong>';
sbValues[8] = 'Add to <strong>Furl</strong>';
sbValues[9] = 'Add to <strong>Technorati</strong>';
sbValues[10] = 'Add to <strong>Simpy</strong>';
sbValues[11] = 'Add to <strong>Spurl</strong>';
sbValues[12] = 'Add to <strong>Newsvine</strong>';
sbValues[13] = 'Add to <strong>Blinkbits</strong>';
sbValues[14] = 'Add to <strong>Smarkings</strong>';
sbValues[15] = 'Add to <strong>Segnalo</strong>';
sbValues[16] = 'Add to <strong>De.lirio.us</strong>';
sbValues[17] = 'Add to <strong>Reddit</strong>';
sbValues[18] = 'Add to <strong>Wists</strong>';
sbValues[19] = 'Add to <strong>Google</strong>';
document.getElementById(bookmarktext.id).innerHTML = sbValues[index];
}
document.getElementsByClassName = function(clsName){
var retVal = new Array();
var elements = document.getElementsByTagName("*");
for(var i = 0;i < elements.length;i++){
if(elements[i].className.indexOf(" ") >= 0){
var classes = elements[i].className.split(" ");
for(var j = 0;j < classes.length;j++){
if(classes[j] == clsName)
retVal.push(elements[i]);
}
}
else if(elements[i].className == clsName)
retVal.push(elements[i]);
}
return retVal;
}
function addSmiley(dummy)
{
var d = [], i=0, def = ['post-body','entry-content','comment-body'];
for(i=0;i<def.length;i++)
{
var content = document.getElementsByClassName(def[i]);
for(var j=0;j<content.length;j++)
d.push(content[j]);
}
for(i=0;i<arguments.length;i++)
{
var content = document.getElementsByClassName(arguments[i]);
for(var m=0;m<content.length;m++)
d.push(content[m]);
}
for(var i=0;i<d.length;i++)
{
d[i].innerHTML = d[i].innerHTML.replace (/\/senyum/ig,"<img style='border: 0; padding:0' src='http://i466.photobucket.com/albums/rr22/wong284/onion%20emo/senyum.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace (/\/kagum/ig,"<img style='border: 0; padding:0' src='http://i466.photobucket.com/albums/rr22/wong284/onion%20emo/Kagum.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace (/\/sip/ig,"<img style='border: 0; padding:0' src='http://i466.photobucket.com/albums/rr22/wong284/onion%20emo/sip.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace (/\/trims/ig,"<img style='border: 0; padding:0' src='http://i466.photobucket.com/albums/rr22/wong284/onion%20emo/thxmale.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace (/\/bingung/ig,"<img style='border: 0; padding:0' src='http://i466.photobucket.com/albums/rr22/wong284/onion%20emo/bingung.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace (/\/pusing/ig,"<img style='border: 0; padding:0' src='http://i466.photobucket.com/albums/rr22/wong284/onion%20emo/Pusing.gif'/>")
}
}
function addLoadEvent(func) {
var oldonload = window.onload;
if (typeof window.onload != 'function') {
window.onload = func;
} else {
window.onload = function() {
oldonload();
func();
}
}
}
addLoadEvent(function(){
addSmiley();
});
var bookmarktext=document.getElementById(id);
var sbValues= new Array();
sbValues[0] = 'Bookmark:';
sbValues[1] = 'Add to <strong>Digg</strong>';
sbValues[2] = 'Add to <strong>Delicious</strong>';
sbValues[3] = 'Add to <strong>Blinklist</strong>';
sbValues[4] = 'Add to <strong>Yahoo Web</strong>';
sbValues[5] = 'Add to <strong>Netvouz</strong>';
sbValues[6] = 'Add to <strong>Ma.gnolia</strong>';
sbValues[7] = 'Add to <strong>Fark</strong>';
sbValues[8] = 'Add to <strong>Furl</strong>';
sbValues[9] = 'Add to <strong>Technorati</strong>';
sbValues[10] = 'Add to <strong>Simpy</strong>';
sbValues[11] = 'Add to <strong>Spurl</strong>';
sbValues[12] = 'Add to <strong>Newsvine</strong>';
sbValues[13] = 'Add to <strong>Blinkbits</strong>';
sbValues[14] = 'Add to <strong>Smarkings</strong>';
sbValues[15] = 'Add to <strong>Segnalo</strong>';
sbValues[16] = 'Add to <strong>De.lirio.us</strong>';
sbValues[17] = 'Add to <strong>Reddit</strong>';
sbValues[18] = 'Add to <strong>Wists</strong>';
sbValues[19] = 'Add to <strong>Google</strong>';
document.getElementById(bookmarktext.id).innerHTML = sbValues[index];
}
document.getElementsByClassName = function(clsName){
var retVal = new Array();
var elements = document.getElementsByTagName("*");
for(var i = 0;i < elements.length;i++){
if(elements[i].className.indexOf(" ") >= 0){
var classes = elements[i].className.split(" ");
for(var j = 0;j < classes.length;j++){
if(classes[j] == clsName)
retVal.push(elements[i]);
}
}
else if(elements[i].className == clsName)
retVal.push(elements[i]);
}
return retVal;
}
function addSmiley(dummy)
{
var d = [], i=0, def = ['post-body','entry-content','comment-body'];
for(i=0;i<def.length;i++)
{
var content = document.getElementsByClassName(def[i]);
for(var j=0;j<content.length;j++)
d.push(content[j]);
}
for(i=0;i<arguments.length;i++)
{
var content = document.getElementsByClassName(arguments[i]);
for(var m=0;m<content.length;m++)
d.push(content[m]);
}
for(var i=0;i<d.length;i++)
{
d[i].innerHTML = d[i].innerHTML.replace (/\/senyum/ig,"<img style='border: 0; padding:0' src='http://i466.photobucket.com/albums/rr22/wong284/onion%20emo/senyum.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace (/\/kagum/ig,"<img style='border: 0; padding:0' src='http://i466.photobucket.com/albums/rr22/wong284/onion%20emo/Kagum.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace (/\/sip/ig,"<img style='border: 0; padding:0' src='http://i466.photobucket.com/albums/rr22/wong284/onion%20emo/sip.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace (/\/trims/ig,"<img style='border: 0; padding:0' src='http://i466.photobucket.com/albums/rr22/wong284/onion%20emo/thxmale.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace (/\/bingung/ig,"<img style='border: 0; padding:0' src='http://i466.photobucket.com/albums/rr22/wong284/onion%20emo/bingung.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace (/\/pusing/ig,"<img style='border: 0; padding:0' src='http://i466.photobucket.com/albums/rr22/wong284/onion%20emo/Pusing.gif'/>")
}
}
function addLoadEvent(func) {
var oldonload = window.onload;
if (typeof window.onload != 'function') {
window.onload = func;
} else {
window.onload = function() {
oldonload();
func();
}
}
}
addLoadEvent(function(){
addSmiley();
});
Ket.
Copas di notepad dan simpan dalam bentuk format .js. File name di isi dengan contoh_1.js dan save as type pilih All Files.
3. Edit file .js tadi mengunakan notepad.
4. Editlah kode yang ditandai warna seperti dibawah ini & simpan dalam format.js
d[i].innerHTML = d[i].innerHTML.replace (/\/senyum/ig,"<img style='border: 0; padding:0' src='http://i466.photobucket.com/albums/rr22/wong284/onion%20emo/senyum.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace (/\kagum/ig,"<img style='border: 0; padding:0' src='http://i466.photobucket.com/albums/rr22/wong284/onion%20emo/Kagum.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace (/\/sip/ig,"<img style='border: 0; padding:0' src='http://i466.photobucket.com/albums/rr22/wong284/onion%20emo/sip.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace (/\/trims/ig,"<img style='border: 0; padding:0' src='http://i466.photobucket.com/albums/rr22/wong284/onion%20emo/thxmale.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace (/\/bingung/ig,"<img style='border: 0; padding:0' src='http://i466.photobucket.com/albums/rr22/wong284/onion%20emo/bingung.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace (/\/pusing/ig,"<img style='border: 0; padding:0' src='http://i466.photobucket.com/albums/rr22/wong284/onion%20emo/Pusing.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace (/\kagum/ig,"<img style='border: 0; padding:0' src='http://i466.photobucket.com/albums/rr22/wong284/onion%20emo/Kagum.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace (/\/sip/ig,"<img style='border: 0; padding:0' src='http://i466.photobucket.com/albums/rr22/wong284/onion%20emo/sip.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace (/\/trims/ig,"<img style='border: 0; padding:0' src='http://i466.photobucket.com/albums/rr22/wong284/onion%20emo/thxmale.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace (/\/bingung/ig,"<img style='border: 0; padding:0' src='http://i466.photobucket.com/albums/rr22/wong284/onion%20emo/bingung.gif'/>")
d[i].innerHTML = d[i].innerHTML.replace (/\/pusing/ig,"<img style='border: 0; padding:0' src='http://i466.photobucket.com/albums/rr22/wong284/onion%20emo/Pusing.gif'/>")
Biru, ganti dengan url gambar emo.gif yang di inginkan.
Merah, ganti dengan nama (misalnya: senyum) atau simbol misalnya: :].
5. Upload file javascriptnya misalnya ke Google Site atau fileave.com.
6. Buka notepad baru tekan windows+R lalu ketik notepad, agar notepad yg sebelumnya tidak tertutup.
Copy kode dibawah ini dan paste di notepad yang baru tadi.
<center>
<table border='0' width='300'><tr>
<td><img alt='' src='http://i466.photobucket.com/albums/rr22/wong284/onion%20emo/senyum.gif' title='Senyum'/>senyum</td>
<td><img alt='' src='http://i466.photobucket.com/albums/rr22/wong284/onion%20emo/Kagum.gif' title='Kagum'/>kagum</td>
<td><img alt='' src='http://i466.photobucket.com/albums/rr22/wong284/onion%20emo/sip.gif' title='Sip'/>sip</td>
<td><img alt='' src='http://i466.photobucket.com/albums/rr22/wong284/onion%20emo/thxmale.gif' title='Terima Kasih'/>trims</td>
<td><img alt='' src='http://i466.photobucket.com/albums/rr22/wong284/onion%20emo/bingung.gif' title='Bingung'/>bingung</td>
<td><img alt='' src='http://i466.photobucket.com/albums/rr22/wong284/onion%20emo/Pusing.gif' title='Pusing'/>pusing</td>
</tr></table>
</center>
<table border='0' width='300'><tr>
<td><img alt='' src='http://i466.photobucket.com/albums/rr22/wong284/onion%20emo/senyum.gif' title='Senyum'/>senyum</td>
<td><img alt='' src='http://i466.photobucket.com/albums/rr22/wong284/onion%20emo/Kagum.gif' title='Kagum'/>kagum</td>
<td><img alt='' src='http://i466.photobucket.com/albums/rr22/wong284/onion%20emo/sip.gif' title='Sip'/>sip</td>
<td><img alt='' src='http://i466.photobucket.com/albums/rr22/wong284/onion%20emo/thxmale.gif' title='Terima Kasih'/>trims</td>
<td><img alt='' src='http://i466.photobucket.com/albums/rr22/wong284/onion%20emo/bingung.gif' title='Bingung'/>bingung</td>
<td><img alt='' src='http://i466.photobucket.com/albums/rr22/wong284/onion%20emo/Pusing.gif' title='Pusing'/>pusing</td>
</tr></table>
</center>
Merah, merapatkan posisi antara emo dan bisa kamu ubah menjadi 200 atau 500.
Hijau, gantilah dengan url image emo (.gif) yang di inginkan.
7. Login ke blogger > tata letak > edit html, centang e.
Ctrl+F cari kode </body> lalu copy link url file javascriptnya di atas kode </body>
Contohnya seperti gambar dibawah ini.
Kemudian kamu cari kode berikut ini,
<p class='comment-footer'>
Paste kode emo html tadi di antara kedua kode ini
<b:if cond='data:post.embedCommentForm'>
Seperti gambar dibawah ini.
8. Simpan template dan lihat hasilnya.
Selamat Mencoba.
mantap sob aku coba dulu ya untuk blog baru aku makasih sob
ReplyDeletekeren sob tutorialnya, ntar saya coba deh kapan2
ReplyDeleteTerimakasih banyak tutorial - nya sobat,
ReplyDeletenice post sobat!!!!!!!
nah yang ini yang saya tunggu - tunggu sob...script emo pada shout widget...
ReplyDeletethank's ya...
@ Asep Canda : eW..bikin Blog baru ya sep.. siip dah ;-)
ReplyDelete@ Ocim : oke.. cobain aja sob kapan2..hehe :-)
@ blog buat bloggers : sama2 sob.. thx jg krn telah komeng.. sung gw balas komeng sob.. ;-)
@ Taris : bukan pada shout widget sob tapi emo yg ditampilkan sebelum kotak komentar postingan blog mu.. :-) ntar gw komeng balik sob
salam sahabat
ReplyDeletesiip...cocok buat aku yg masih belajar,thnxs ya...good luck
Terima kasih ilmunya. Ahli kode HTML nih
ReplyDelete@ Rihardiana : sma2 Dhana..thx krn telah komeng2 sering mampir ya..gw udah komeng duluan di blog mu.. ;-)
ReplyDelete@ Muchlisin : kagak sob masi NewBie gw kalo soal HTML....wkwkwkwk :D
keren sih sob tp ini bikin berat blog kita
ReplyDeleteapalagi gw yg inetnya lemot
hihihih
@ Nada : Bener da... gw aja kagak pasang.. emg berpengaruh ma kecepatan Loading Blog.. hehehe.. gw hanya buat PR-nya aja sob ;-)
ReplyDeletesip mas andi komen jadi lebih hidup :D
ReplyDeleteWah!!! bagus tuh Q coba. Biar lebih keren, n pengunjung lebih betah bercomment-comment posting!!!!!!!
ReplyDelete@ Mas Doyok : Hehe.. hanya buat PR mas.. hanya buat PR .. ;-)
ReplyDeleteWah!!! bagus tuh Q coba. Biar lebih keren, n pengunjung lebih betah bercomment-comment posting!!!!!!!
ReplyDeleteDi blog ini saya banyak dapatkan ilmu. Ini adalah blog masa depan. Share your knowledge for us. Terus berkarya kami menanti. GOD BLESS!
ReplyDeleteWah trik tips untuk blogger ya....
ReplyDelete@ Aku Bisa : Coba aj Sob.. siiip :-)
ReplyDelete@ Yogabama : GOD BLESS U Too Bro.. ;-) sharing your knowledge too for us..
@ Artikel Psikologi : :-) mencoba tuk berbagi pengetahuan sj sob.. maklum gw masih NewBie.. wkwkwkwk ;-)
bagus... udah disenggol kag adsensenya...
ReplyDelete@ iNa : okey Na.. :-) thx bgt yaa .. ;-)
ReplyDeleteWah boleh juga nih triknya...!!!
ReplyDeletewaduh,,,
ReplyDeletekeren sob!!
ntar ku coba!!
thx sobat,,!
btw,,, aku dh pasang linkmu,,,
ReplyDeletelink back yah,,,!!
@ Akhatam : hehe.. di cobain aj sob kapan2.. ;-)
ReplyDelete@ Jamal-home : ya..di cobain aja sob..ntar gw pasang jg Link Text BloG-Mu ;-)
ReplyDeleteartikelnya bermanfaatr sob...
ReplyDelete@ Firex Santos : makasih sob.. Just sharing knowledge.. :-)
ReplyDeleteinfo yg keren sob
ReplyDeleteksh tauya kalo ada update terbaru
wah good infoo, kapan-kapan pengen emoticon yg gambarnya presiden sama mentri2nya deh, hahhahahah
ReplyDeletekeren nich tutor yang gini nich cocok buat pemula seperti saya
ReplyDeletekeren mas banyakin tutor kayak ginian
ReplyDeletesalam kenal dari prafangga
ReplyDelete@ NaDa : okay nada nanti gw kasih tw kalo ada postingan baru ya.. ;-)
ReplyDelete@ Teplok : waah .. eMo Mentri2 yaa.. boleh juga tuch sarannya.. pasti Lucu.. wkwkwkwk :D
@ Download Free : :-) ..gw senang jika kamu menyukai tutor ini..
@ SoloPunya : yups.. gw usahain Mas.. selagi ada waktu luang akan gw posting tutor2 yg lainnya tpi tergantung inspirasi juga.. hehe ;-)
@ Prafangga Permana : SaLam Kenal juga Sob.. Trims krn telah berkunjung & KomenG.. :-)
ya ini yg roomen cari master,,, makasih uda mau berbagi
ReplyDeleteMakasih ya bos... kemarin2 masihh sempat make, pas ganti template hilang, dan dah lupa caranya... ntar kalau sempat mau pasang lagi ah..
ReplyDeletesekali lagi makasih ya...
Ini dia yang lagi aku cari2..
ReplyDeletethanks berat bro...
@ romen : iya sob.. sama2. thx jg krn sdh mampir & komen.. ;-)
ReplyDelete@ ica : silahkam ca.. dicoba lagi pasang emo-nya.. :-)
I2 : sama2 sob..sering2 mampir & komeng ya :-D
Permisi Cuma testing :D
ReplyDeleteterima kasih infonya, mantaplah itu
ReplyDeleteOxa > silahkan sob..
ReplyDeleteBang Adhie > sama2 gan..
mantab juga neh,
ReplyDeletemga aja berhasil
aminn...
thx gan :D
Indra > cobalah gan.. smoga berhasil ya.. :)
ReplyDeletegan klo emoticon d cbox gmana??
ReplyDeletetuh keren bged emotnya kning2
;)
indra > cara menganti emo di cbox ada disini gan..silahkan dibaca tutornya -> http://ecaknyo.blogspot.com/2010/02/emo-untuk-shout-cbox.html DAN smiley emo Big smiley-nya -> http://ecaknyo.blogspot.com/2009/10/berbagi-emo-big-smiles.html ..selamat mencoba.. ;)
ReplyDeletemantap dah,,,
ReplyDeleteKRESEKpikiran > di pahami dulu benar2 gan.. :)
ReplyDeleteThis comment has been removed by the author.
ReplyDeletewach saya sedang mencari yg kya gni mbah..
ReplyDeletemakasih ya...
dicoba nich mbah..
@sibutiz:
ReplyDeletesilahkan dicoba sob.. :)
gk keluar komentar nya :-L
ReplyDelete@eLz.:
ReplyDeleteiya sob... saat ini smiley emotion-nya gk akan tampil krn bentrok dg wigdet Follower google.. jd file javascript smiley-nya sy remove dulu.. :)
keren..!!!!!!
ReplyDeletetp ko waktu saya tes commentnya gk muncul emotionnya
kalo gitu kk bisa bantuin saya gk gimana varanya buat emotions kaya kk gitu
ReplyDeletecontoh :
:))
:)]
;))
@dicky:
ReplyDeletekan udah gw posting cara buatnya..coba deh kamu cari dick di bagian tutorial blogku.. oooh soalnya script js smiley nya sngaja gw del..makanya gk tampil.. :D