Cara Memasang Emoticon Facebook di Blog

Sahabat Andelaice BLOG, kali ini gue akan membahas cara untuk memasang emoticon pada Komentar Blog, fungsi ini untuk mempercantik tampilan Komentar blog. Mari kita bahas berikut ini :

Cari kode </script> (gunakan CTRL+F), Lalu letakkan kode dibawah ini tepat dibawah kode </script>

<script type='text/javascript'>
//<![CDATA[
ki = document.getElementById('comment-holder');
if (ki) {
    zx = ki.getElementsByTagName("p");
    for (i = 0; i < zx.length; i++) {
        if (zx.item(i).getAttribute('CLASS') == 'comment-content') {
            ki_emo = zx.item(i).innerHTML.replace(/:\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcog8WJZpCvjdl8LaXSl_e_ydb2m16EEY2ztVmcdxcFt6IbfUWh0YnDg0fiqmqVsq5F-mnKEt1USLf8rHkk3muQNfsnFFMoStFyZS03HCZVEAiybV-nDwGXQx5tfMYgSzH4td3DmEm-US_/s14/smile.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/\^_\^/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizWo_6m3n1h-SRyJko1rRM3ebKgCiiXy9YgoiNgoDyAk2ZtXYE_We1oJGEQnRcxHQmXYRN1zL6WZTmcBmMBB-1EvOedjdkUhRhdcqNglv6xZauHRp95ChsUIp7lGOSqC6yrB0OTXdKgrh-/s14/kiki.gif' alt='' class='comment_emo'/>");
           ki_emo = ki_emo.replace(/:o/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgprQjeDQXYHJfvxOE4DsKLL4SzPs8FPlEZF1oPwl_d-h3AhYaU9azibdrRUDOH9j74vI8UnFHCL46ZKoNvZcyGehlQGq8hbESxHShBb8ZvxfZmQdVzb4YdZEV9RkUTRTgd_7o00_kmj7P-/s14/gasp.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/-\_\-/gi, "<img src='http://s14.postimg.org/y3b4ki1el/image.png' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/\\o\//gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi16Mvb5x6QTafbUgCD4g9eMrzwq7MkpcTkm7Q69LBghnmbQh4i_CxaJX70sLo-3btebi93kr4Q4blUFYL-rzsCzmFOCqbxkbnncPxJ3xD4_OSGFA4seXgsW1zIT8KJ4qyc7foUNNUVQ3E/s1600/applause.gif' alt='' class='comment_emo'/>");
          ki_emo = ki_emo.replace(/:'\(/gi, "<img src='http://s15.postimg.org/5e01j4n5z/image.png' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:\(/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitQZh3S319QQ0NNuJXxPn3_2nAjs93KOkdSequ1wjoJaDmBFGV_IDACaZ-XEH8cMpPCilnPBs6-WXn_8sWKrQ8UFYj8nRPacNTzCF4cB_ZxOVxRRdO6a3W4aXiusxo4CDYwN_CeXz8aMij/s14/frown.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/\;\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwJyqLED6oAvYg00qpA1g-gaKACDndc6E-SbffI8fYH9oiBeEyZyYseVTgK3IR5_Q6f9pWOs4fDlNN1pxsOePCDh_XTKW1pLCTI9wryZtXgry13eI1HjtjKVy8LHf48BECqJWM5RvLDtTl/s14/wink.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:D/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0TXRbxysGoraKt7ZgkbNJdd8pQdwbHQHcCr4dqwgFBRB0bf4D0BvuvQyfnsvQ1LhQzK1A7aKwJdMUifkbbRVg8bh-l2TR312k9gdKfJFXit6i6oLCy29zr_jBqIEJFbBxHLB7_-aMzjqI/s14/grin.gif='' class='comment_emo'/>");
          ki_emo = ki_emo.replace(/:\*/gi, "<img src='http://s27.postimg.org/y6wwflrm7/Untitled_4.png' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:\p/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWrFyZeVEgkCFRjx3cZZB1M9CEDqm088m2RepPRgBompvo7PMFQh-X4XuWKoNHcYk891e_k72JT02ewbqUjVX30HPWUwPlnDAeARXKPPeEaUGytyk9FLCN_KcliF60iRbcGhP-vyvtw4oX/s14/tongue.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:3/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQDn5BcEeB33iKDesnqXQ-SboyBfgRu5CwED14d1HGCNPcpo7v7oov_xtUis3WZxgQl_o3rMDZvP60T8R1j52aK4QSGfXFfm2-8RAcGmqtHqZxmDmyRROi_bcvZtx3NDZSRBKMhb6G11w_/s14/colonthree.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:v/gi, "<img src='http://s7.postimg.org/9m9uqu5af/Untitled_4.png' alt='' class='comment_emo'/>");
            zx.item(i).innerHTML = ki_emo;
        }
    }
}
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
var ww=document.body.clientWidth;$(document).ready(function(){$(".nav li a").each(function(){if($(this).next().length>0){$(this).addClass("parent")}});$(".toggleMenu").click(function(e){e.preventDefault();$(this).toggleClass("active");$(".nav").toggle()});adjustMenu()});$(window).bind("resize orientationchange",function(){ww=document.body.clientWidth;adjustMenu()});var adjustMenu=function(){if(ww<768){$(".toggleMenu").css("display","inline-block");if(!$(".toggleMenu").hasClass("active")){$(".nav").hide()}else{$(".nav").show()}$(".nav li").unbind("mouseenter mouseleave");$(".nav li a.parent").unbind("click").bind("click",function(e){e.preventDefault();$(this).parent("li").toggleClass("hover")})}else if(ww>=768){$(".toggleMenu").css("display","none");$(".nav").show();$(".nav li").removeClass("hover");$(".nav li a").unbind("click");$(".nav li").unbind("mouseenter mouseleave").bind("mouseenter mouseleave",function(){$(this).toggleClass("hover")})}}
//]]>
</script>

Ini Contohnya :

Untuk pemasangan di dalam postingan, cukup ketikan kode berikut :

Nama Emotions	Icon  =>	Kode	Nama Emotions	Icon    =>	Kode
Angel		o:)	Colonthree		:3
Confused		o.O	Cry		:'(
Devil		3:)	Frown		:(
Gasp		:O	Glasses		8)
Grin		:D	Grumpy		>:(
Heart		<3	Kiki		^_^
Kiss		:*	PacMan		:v
Smile		:)	Squint		-_-
Sun Glasses		8|	Toungue		:p
Unsure		:-/	Upset		>:O
Wink		;)	Like		(y)

Gimana mudah bukan ? Semoga bermanfaat, Jangan Lupa Berkomentar !

Share on Facebook

Share on Twitter

Share on Google+

Share on LinkedIn

Subscribe to receive free email updates: