Cara Memasang Emoticon Plurk di Blog

Cara Memasang Emoticon Plurk di Blog
Di Posting Oleh : Admin
Kategori : Template Tips-Trik Blog Tutorial, Teknologi dan Kesehatan: Mangaip Blog

Untuk membuat postingan blog anda lebih menarik dan lebih mencerminkan jati diri anda, anda bisa menggunakan emoticon. Kali ini yang akan dipasang adalah emoticon Plurk. Buat anda yang sering ngePlurk pastinya tidak asing lagi dengan emoticon berikut ini: :) (lol) (idiot) (lmao) (blush) (haha) (taser). Nah, kali ini kita akan memasukkannya ke blog. Mulai dari emot standar, emot karma cepek, sampai emot hidden tersedia. (yahoo) Dan juga emot ini bisa masuk ke kolom komentar, lho, dimana memasukkan tag <img src="..."/> dianggap ilegal di kotak komentar Blogger.

Langsung saja...

1. Login ke Blogger, lalu masuk ke menu edit jeroan template anda, yaitu Rancangan > Edit HTML.

2. Cari kode </head>, lalu salin kode berikut diatasnya.

<script type='text/javascript'>
//Author: Gman || http://gman-blog.blogspot.com || Speacial version for Gman only
//Edited by Muhammad Rizki Fadillah || http://gudangilmu.emeref.co.cc

function addSmileyById(str) {
var b = document.getElementById(str);
if(!b) return 0;
GmanSmiley(b);
}

function addSmileyByClass(str) {
var elemts = getElementsByClass(str);
if(elemts.length == 0) return 0;
for(var i=0; i&lt;elemts.length; i++)
GmanSmiley(elemts[i]);

}

function GmanSmiley(b) {
var s = b.innerHTML;

// Kocok vuvuzela
var vuvuzela=new Array()
vuvuzela[0]="<img id='new' src='http://statics.plurk.com/e3481a0219283c49455d8af6012980ea.png' style='border:0; margin:0; padding:0;'/>";
vuvuzela[1]="<img id='new' src='http://statics.plurk.com/7bd4d66256fc805da4dd178b9fdbe3ce.png' style='border:0; margin:0; padding:0;'/>";
vuvuzela[2]="<img id='new' src='http://statics.plurk.com/5a2a63fa773e68797ec69a1303bfa3b9.png' style='border:0; margin:0; padding:0;'/>";
vuvuzela[3]="<img id='new' src='http://statics.plurk.com/129b757f2346a6e5ea782c79f0337ba9.png' style='border:0; margin:0; padding:0;'/>";
var kocok=Math.floor(4*Math.random());

s = s.replace(/:-\)\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/joyful.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/:-\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/smile.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/:-D/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/grin.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(lol\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/laugh.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/:-p/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/tongue.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(woot\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/w00t.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/;-\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/wink.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/:-o/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/surprised.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/X-\(/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/angry_002.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/:-\(/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/sad.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/:'-\(/g, "<img id='new' src='http://statics.plurk.com/72ddf2c585fe77dd0be731b19624d8cb.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/:-&amp;amp;/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/sick.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(K\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/kiss.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(angry\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/angry.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(annoyed\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/annoyed.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(wave\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/bye.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(bye\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/bye.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/B-\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/cool.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(cozy\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/cozy.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(sick\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/fever.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(:/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/tired.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(goodluck\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/fingerscrossed.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(griltongue\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/gril_toungue.png' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(mmm\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/like_food.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(hungry\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/hungry.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(music\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/listening_music.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(tears\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/tears.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(tongue\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/tongue_002.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(unsure\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/unsure_002.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(highfive\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/wave.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(dance\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/dance.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(blush\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/blush.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(bigeyes\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/big_eyed.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(funkydance\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/dance_moves.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(idiot\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/idiot.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(lonely\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/lonely.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(scenic\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/scenic.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(hassle\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/silly_couple.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(panic\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/startled.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(okok\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/unsure.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(yahoo\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/yupi.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(cry\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/cry.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(doh\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/doh.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(brokenheart\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/broken_heart.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(drinking\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/drinking.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(girlkiss\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/girl_kiss.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(rofl\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/lol.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(money\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/money.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(rock\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/rock_n_roll.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(nottalking\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/not_talking.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(party\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/party.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(sleeping\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/sleeping.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(thinking\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/thinking.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(bringit\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/bring_it_on.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(worship\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/worship.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(applause\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/applause.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/8-\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/nerd.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(gym\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/gym.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(heart\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/heart.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(devil\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/devil.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(lmao\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/lmao.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(banana_cool\)/g, "<img id='new' src='http://statics.plurk.com/4f01bac8a707e5450307f97065ec0fa7.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(banana_rock\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/banana_rock.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(evilgrin\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/evil_grin.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(headspin\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/headspin.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(heart_beat\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/heart_beat.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(ninja\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/ninja.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(haha\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/haha.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(evilsmirk\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/evilsmirk.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(eyeroll\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/eyeroll.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(muhaha\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/muhaha.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(taser\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/taser.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(rammi\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/taser.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(banana_ninja\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/banana_ninja.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(beer\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/beer.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(coffee\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/coffee.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(fish_hit\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/fish_hit.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(muscle\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/muscle.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(smileydance\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/smileydance.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(fireworks\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/fireworks.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(goal\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/47d20905d017c396d67b4a30c9ac9b10.png' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(bzzz\)/g, vuvuzela[kocok]);
s = s.replace(/\(dance_bzz\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/4ad099fba019942f13058610ff3fc568.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(Русский\)/g, "<img id='new' src='http://forum.plurk-id.org/Smileys/default/rusia.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(code\)/g, "<img id='new' src='http://statics.plurk.com/0efc4d55d28704f4370ef874ae906161.gif' style='border:0; margin:0; padding:0;'/>");
s = s.replace(/\(morning\)/g, "<img id='new' src='http://statics.plurk.com/91cf07e3aa16738943fa1147940b48ea.gif' style='border:0; margin:0; padding:0;'/>");
b.innerHTML = s;
}


function getElementsByClass(getClass,tag,node)
{

// Set optional defaults
if (tag == null)
tag = '*';
if (node == null)
node = document;

// Load constants
// const allElements2 = document.getElementsByTagName('*');
const allElements = node.getElementsByTagName(tag);
const elements = new Array();
const pattern = new RegExp("(^|\\s)"+getClass+"(\\s|$)");

// Loop allElements
var e = 0;
for (var i=0; i&lt;allElements.length; i++)
{
if (pattern.test(allElements[i].className) ) {
elements[e] = allElements[i];
e++;
}
}

// Return elemnts array
return elements;

}


addSmileyById('emoticon');
</script>

3. Lalu cari kode </html>, lalu ketikkan kode berikut diatasnya.

<script type='text/javascript'>
addSmileyById(&#39;comments-block&#39;);
addSmileyByClass(&#39;entry-content&#39;);
</script>

4. Lalu simpan template anda. Gimana caranya??? (okok) Klik tombol Simpan Template.

Untuk mengetikkannya, tinggal ketikkan saja kode emotikon yang ingin anda gunakan. Misalnya anda ingin menggunakan emoticon (lmao) maka silakan ketik (lmao).

Ini dia kumpulan kode emoticon plurk.

:-) -> :-)
:-)) -> :-))
:-D -> :-D
(lol) -> (lol)
:-p -> :-p
(woot) -> (woot)
;-) -> ;-)
:-o -> :-o
X-( -> X-(
:-( -> :-(
:'-( -> :'-(
:-& -> :-&
(K) -> (K)
(angry) -> (angry)
(annoyed) -> (annoyed)
(wave) -> (wave) | (bye)
B-) -> B-)
(cozy) -> (cozy)
(sick) -> (sick)
(: -> (:
(goodluck) -> (goodluck)
(griltongue) -> (griltongue)
(mmm) -> (mmm)
(hungry) -> (hungry)
(music) -> (music)
(tears) -> (tears)
(tongue) -> (tongue)
(unsure) -> (unsure)
(highfive) -> (highfive)
(dance) -> (dance)
(blush) -> (blush)
(bigeyes) -> (bigeyes)
(funkydance) -> (funkydance)
(idiot) -> (idiot)
(lonely) -> (lonely)
(scenic) -> (scenic)
(hassle) -> (hassle)
(panic) -> (panic)
(okok) -> (okok)
(yahoo) -> (yahoo)
(cry) -> (cry)
(doh) -> (doh)
(brokenheart) -> (brokenheart)
(drinking) -> (drinking)
(girlkiss) -> (girlkiss)
(rofl) -> (rofl)
(money) -> (money)
(rock) -> (rock)
(nottalking) -> (nottalking)
(party) -> (party)
(sleeping) -> (sleeping)
(thinking) -> (thinking)
(bringit) -> (bringit)
(worship) -> (worship)
(applause) -> (applause)
8-) -> 8-)
(gym) -> (gym)
(heart) -> (heart)
(devil) -> (devil)
(lmao) -> (lmao)
(banana_cool) -> (banana_cool)
(banana_rock) -> (banana_rock)
(evilgrin) -> (evilgrin)
(headspin) -> (headspin)
(heart_beat) -> (heart_beat)
(ninja) -> (ninja)
(haha) -> (haha)
(evilsmirk) -> (evilsmirk)
(eyeroll) -> (eyeroll)
(muhaha) -> (muhaha)
(taser) -> (taser) | (rammi)
(banana_ninja) -> (banana_ninja)
(beer) -> (beer)
(coffee) -> (coffee)
(fish_hit) -> (fish_hit)
(muscle) -> (muscle)
(smileydance) -> (smileydance)
(morning) -> (morning)
(fireworks) -> (fireworks)
(goal) -> (goal)
(bzzz) -> (bzzz)
(dance_bzz) -> (dance_bzz)
(Русский) -> (Русский)
(code) -> (code)

Escaping Trick (ninja)

Jika anda suatu saat ingin menggunakan kode emot diatas tetapi tidak ingin berubah menjadi emot, caranya begini.

Tambahkan tag diantara kode emot tersebut. Misal jika ingin menulis (lmao) tetapi tidak ingin menjadi (lmao) caranya, tambahkan tag apasaja ditengah kodenya. Misalnya menjadi (lm<b></b>ao) atau (lm<i></i>ao). Tetapi jangan sampai potongan tersebut menghasilkan emot baru. Misalnya: :-)<b></b>) Karena akan menjadi :-)).

Note:

1. Meskipun sudah mencakup emot hidden, bukan tidak mungkin pengembang Plurk menambah koleksi emoticon. Kalau ada emoticon yang tidak masuk kedalam daftar, silakan lapor di kolom komentar ini.
2. Jika ada bug, kritik, atau saran, silakan kirim lewat komentar atau lewat halaman email me. (goodluck)
3. Jika trik ini tidak berhasil, silahkan kunjungi halaman berikut untuk troubleshooting: http://www.gudangilmu.emeref.co.cc/2010/09/troubleshooting-cara-memasang-emot.html

Selamat mencoba dan buat postingan anda jauh lebih menarik dimata pengunjung!!! (funkydance)