Memasang Emoticon Facebook pada Blog dengan Mudah

Keren banget ya ngeliat blog-blog orang pada pakai emot facebook di blognya, Duh gimana ya aku kan kepingin  pasang juga tapi gak tau caranya???. Hehe Tenang kali ini saya mau berbagi tutorial bagaimana cara menambahkan emoticons facebook pada blog. Saat ini penggunaan smiley di internet menjadi sangat populer baik itu pada sosmed ataupun pada forum-forum diskusi.

Seperti yang sebelum-sebelumnya saya rekomendasikan anda untuk memback up terlebih dahulu template anda, Untuk antisipasi terhadap hal-hal yang tidak diinginkan. Oke kalo gitu langsung simak saja cara-caranya dibawah ini

1. Seperti biasa, Login ke akun blogger anda terlebih dahulu.
2. Pilh menu Template dan kemudian pilih  Edit HTML untuk membuka Editor Template.
3. Gunakan CTRL + F untuk mencari tag </head> Selanjutnya copy kode di bawah ini dan letakan tepat di atas tag </head>.

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/><b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
/*!
 * Wordpress like emoticons for Blogger Post, a javascript plugin
 * Version v1.0
 * Modified By: www.mybloggerguides.com
 * Licensed under the GNU GPLv3 License.
 */
function addSmiley(){var e=e?e:"post-body";var t=document.getElementsByClassName(e);for(var n=0;n<t.length;n++){t[n].innerHTML=t[n].innerHTML.replace(/\s:-*\)/g,' <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzxCiVRfJaOR3J19xCQCLgfbNEWBdot3lXjEU9mNZ6w0DLkZMuahmkFTPEZLJnPGNEhpJADaFFMmmmLd8lgofr6d9fGe9bAYq4dwRtNtTuSQd8TKf51BIGmMSDivgwQ4bCPq_fZsH7Kzvv/s1600/icon_smile.gif" style="border:0; margin:0; padding:0;" id="new" /> ');t[n].innerHTML=t[n].innerHTML.replace(/\s;-*\)/g,' <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaXr_Ey87FcLCvZWx8AupJSOY1QcE0Ep9UhJUs3TiqV-f_YJg1UDq-8rBRnMC-behDGYEaeQYiSkMcuQAMYRVx6s4PoL6QM0gVfouTsOqfc0GrPD1Yllci08yC_U6fYVfdWed7Oc0njfjn/s1600/icon_wink.gif" style="border:0; margin:0; padding:0;" id="new" /> ');t[n].innerHTML=t[n].innerHTML.replace(/\s:-*\(/g,' <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg67MIpaoZjMFIAIt46wD50iPXJ-RtmSJ23kDlG1gFfP4hQ5xbekJ1KrGtURKVnZG4n_73CkgpoglzD-oKth1JeJr1k0zHURl6Gl7G8N_ItdA8QfFSgbLMRAYFjF00ye2qjWx8DNtE98ony/s1600/icon_sad.gif" style="border:0; margin:0; padding:0;" id="new" /> ');t[n].innerHTML=t[n].innerHTML.replace(/\s:-*D/g,' <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJu7QL5jDzyYQzestV2mwHxBaDgxD-TrnYrRoA1ylq_UOO1pd06c9MzQAvl4sI8E12qlyce6IheVOFo47zEKgsRTVyPvLQSAbMa8aWI65xc8YNNGiODw66jb6vnCmoJWPHnJODN3FeCp7R/s1600/icon_biggrin.gif" style="border:0; margin:0; padding:0;" id="new" /> ');t[n].innerHTML=t[n].innerHTML.replace(/\s:-*P/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQeQ7HkbtpNgAE-lGGae_njefguSrRpJJLf8meGGEFLLj1ZMC4WbjZzB-2ayVWaPqU9ieTWEfCQOV3La4vkK1vs_O8_zkd2aSel3mmgC-xhZZ8wRYkSN-Vd5noGyguAdfcmAEeEynLz5FK/s1600/icon_razz.gif" style="border:0; margin:0; padding:0;" id="new" /> ');t[n].innerHTML=t[n].innerHTML.replace(/\s:-*o/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj15s_CuuxNXdqcjdr3IQAIdeiRKIwq9wAADXeTS_Y3Iaz6Y0EGu051DUO6yi_92PijacEUsnFdgAhGhMoVKauydzpJG7keziTO0FB5_BNQLBFMbcrmJnBqcbVs4uhMSUATVPmLUKHxM31s/s1600/icon_surprised.gif" style="border:0; margin:0; padding:0;" id="new" /> ');t[n].innerHTML=t[n].innerHTML.replace(/\s:-*\?/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsXaUj5-ZyLKG1cWtovZGPU0I0A3qK2-vSPSOfdf_D6fW3PRibBLY6sFBu_chnXPFPJel7CzMQSAWtkebnwP6zG-Mg0GQ4a8rXcb3oyHtIALL6cbA63RzQlE3ar9Dd5XCAJSg7ISy0pjra/s1600/icon_confused.gif" style="border:0; margin:0; padding:0;" id="new" /> ');t[n].innerHTML=t[n].innerHTML.replace(/\s8-*\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh79XReFInZFjvaOCgNTxDDhXp_wPbRqsOOGp050VdDQ1eC66g0_T8cHH6bsah90ImwAnPA-3LI3Zuwatrv27qdTT5iZ8opdOf_1vUGt4miIlxfW2gFS-C-9vTtQc_R5uIS3tWMDg_4cJ_R/s1600/icon_cool.gif" style="border:0; margin:0; padding:0;" id="new" /> ');t[n].innerHTML=t[n].innerHTML.replace(/\s:-*\|/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj38xdvSsAL9XWbClZzi208VDp-jxN9oKOv2KSlZn5CwneRzOt7YxDx8igKp0BSVTORWqoIS6TBglW2ba6AlYHMqi0HtkapPrsSlWPOfW7p9GIp-FCPbZohykHlfVmT_SYL5umXLqeMngLz/s1600/icon_neutral.gif" style="border:0; margin:0; padding:0;" id="new" /> ');t[n].innerHTML=t[n].innerHTML.replace(/\s8-*O/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgq3sYiSp94iQ3gBdVczRiPq1Bn071yT5IYwAHS_tiECJzTH3dGp5tz1rLL0InHyTkD4k6cb7GhauiHO1WpFQeFb70xJViGjN2Bvy6I8EVZCo6gJORLv_DA5uM8Vf7VQ1D2iGomtDjzlgg8/s1600/icon_eek.gif" style="border:0; margin:0; padding:0;" id="new" /> ');t[n].innerHTML=t[n].innerHTML.replace(/\s:-*x/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiimtQ76qKySskLYA3y-npwmPt7kA13vF-szO-jAspbjc4r9SVtIpPMaszzcnjYlOduLGtjIN0rDjnWzoed6_qhs1zmoFA3JuYhQeF1qw0uM3XWmUtKUm_xar-yufD9p0FQZpnrtbSjiuoO/s1600/icon_mad.gif" style="border:0; margin:0; padding:0;" id="new" /> ')}var t=document.getElementsByClassName("comment-body");for(var n=0;n<t.length;n++){t[n].innerHTML=t[n].innerHTML.replace(/\s:-*\)/g,' <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzxCiVRfJaOR3J19xCQCLgfbNEWBdot3lXjEU9mNZ6w0DLkZMuahmkFTPEZLJnPGNEhpJADaFFMmmmLd8lgofr6d9fGe9bAYq4dwRtNtTuSQd8TKf51BIGmMSDivgwQ4bCPq_fZsH7Kzvv/s1600/icon_smile.gif" style="border:0; margin:0; padding:0;" id="new" /> ');t[n].innerHTML=t[n].innerHTML.replace(/\s;-*\)/g,' <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaXr_Ey87FcLCvZWx8AupJSOY1QcE0Ep9UhJUs3TiqV-f_YJg1UDq-8rBRnMC-behDGYEaeQYiSkMcuQAMYRVx6s4PoL6QM0gVfouTsOqfc0GrPD1Yllci08yC_U6fYVfdWed7Oc0njfjn/s1600/icon_wink.gif" style="border:0; margin:0; padding:0;" id="new" /> ');t[n].innerHTML=t[n].innerHTML.replace(/\s:-*\(/g,' <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg67MIpaoZjMFIAIt46wD50iPXJ-RtmSJ23kDlG1gFfP4hQ5xbekJ1KrGtURKVnZG4n_73CkgpoglzD-oKth1JeJr1k0zHURl6Gl7G8N_ItdA8QfFSgbLMRAYFjF00ye2qjWx8DNtE98ony/s1600/icon_sad.gif" style="border:0; margin:0; padding:0;" id="new" /> ');t[n].innerHTML=t[n].innerHTML.replace(/\s:-*D/g,' <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJu7QL5jDzyYQzestV2mwHxBaDgxD-TrnYrRoA1ylq_UOO1pd06c9MzQAvl4sI8E12qlyce6IheVOFo47zEKgsRTVyPvLQSAbMa8aWI65xc8YNNGiODw66jb6vnCmoJWPHnJODN3FeCp7R/s1600/icon_biggrin.gif" style="border:0; margin:0; padding:0;" id="new" /> ');t[n].innerHTML=t[n].innerHTML.replace(/\s:-*P/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQeQ7HkbtpNgAE-lGGae_njefguSrRpJJLf8meGGEFLLj1ZMC4WbjZzB-2ayVWaPqU9ieTWEfCQOV3La4vkK1vs_O8_zkd2aSel3mmgC-xhZZ8wRYkSN-Vd5noGyguAdfcmAEeEynLz5FK/s1600/icon_razz.gif" style="border:0; margin:0; padding:0;" id="new" /> ');t[n].innerHTML=t[n].innerHTML.replace(/\s:-*o/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj15s_CuuxNXdqcjdr3IQAIdeiRKIwq9wAADXeTS_Y3Iaz6Y0EGu051DUO6yi_92PijacEUsnFdgAhGhMoVKauydzpJG7keziTO0FB5_BNQLBFMbcrmJnBqcbVs4uhMSUATVPmLUKHxM31s/s1600/icon_surprised.gif" style="border:0; margin:0; padding:0;" id="new" /> ');t[n].innerHTML=t[n].innerHTML.replace(/\s:-*\?/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsXaUj5-ZyLKG1cWtovZGPU0I0A3qK2-vSPSOfdf_D6fW3PRibBLY6sFBu_chnXPFPJel7CzMQSAWtkebnwP6zG-Mg0GQ4a8rXcb3oyHtIALL6cbA63RzQlE3ar9Dd5XCAJSg7ISy0pjra/s1600/icon_confused.gif" style="border:0; margin:0; padding:0;" id="new" /> ');t[n].innerHTML=t[n].innerHTML.replace(/\s8-*\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh79XReFInZFjvaOCgNTxDDhXp_wPbRqsOOGp050VdDQ1eC66g0_T8cHH6bsah90ImwAnPA-3LI3Zuwatrv27qdTT5iZ8opdOf_1vUGt4miIlxfW2gFS-C-9vTtQc_R5uIS3tWMDg_4cJ_R/s1600/icon_cool.gif" style="border:0; margin:0; padding:0;" id="new" /> ');t[n].innerHTML=t[n].innerHTML.replace(/\s:-*\|/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj38xdvSsAL9XWbClZzi208VDp-jxN9oKOv2KSlZn5CwneRzOt7YxDx8igKp0BSVTORWqoIS6TBglW2ba6AlYHMqi0HtkapPrsSlWPOfW7p9GIp-FCPbZohykHlfVmT_SYL5umXLqeMngLz/s1600/icon_neutral.gif" style="border:0; margin:0; padding:0;" id="new" /> ');t[n].innerHTML=t[n].innerHTML.replace(/\s8-*O/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgq3sYiSp94iQ3gBdVczRiPq1Bn071yT5IYwAHS_tiECJzTH3dGp5tz1rLL0InHyTkD4k6cb7GhauiHO1WpFQeFb70xJViGjN2Bvy6I8EVZCo6gJORLv_DA5uM8Vf7VQ1D2iGomtDjzlgg8/s1600/icon_eek.gif" style="border:0; margin:0; padding:0;" id="new" /> ');t[n].innerHTML=t[n].innerHTML.replace(/\s:-*x/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiimtQ76qKySskLYA3y-npwmPt7kA13vF-szO-jAspbjc4r9SVtIpPMaszzcnjYlOduLGtjIN0rDjnWzoed6_qhs1zmoFA3JuYhQeF1qw0uM3XWmUtKUm_xar-yufD9p0FQZpnrtbSjiuoO/s1600/icon_mad.gif" style="border:0; margin:0; padding:0;" id="new" /> ')}var t=document.getElementsByClassName("comment-body-author");for(var n=0;n<t.length;n++){t[n].innerHTML=t[n].innerHTML.replace(/\s:-*\)/g,' <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzxCiVRfJaOR3J19xCQCLgfbNEWBdot3lXjEU9mNZ6w0DLkZMuahmkFTPEZLJnPGNEhpJADaFFMmmmLd8lgofr6d9fGe9bAYq4dwRtNtTuSQd8TKf51BIGmMSDivgwQ4bCPq_fZsH7Kzvv/s1600/icon_smile.gif" style="border:0; margin:0; padding:0;" id="new" /> ');t[n].innerHTML=t[n].innerHTML.replace(/\s;-*\)/g,' <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaXr_Ey87FcLCvZWx8AupJSOY1QcE0Ep9UhJUs3TiqV-f_YJg1UDq-8rBRnMC-behDGYEaeQYiSkMcuQAMYRVx6s4PoL6QM0gVfouTsOqfc0GrPD1Yllci08yC_U6fYVfdWed7Oc0njfjn/s1600/icon_wink.gif" style="border:0; margin:0; padding:0;" id="new" /> ');t[n].innerHTML=t[n].innerHTML.replace(/\s:-*\(/g,' <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg67MIpaoZjMFIAIt46wD50iPXJ-RtmSJ23kDlG1gFfP4hQ5xbekJ1KrGtURKVnZG4n_73CkgpoglzD-oKth1JeJr1k0zHURl6Gl7G8N_ItdA8QfFSgbLMRAYFjF00ye2qjWx8DNtE98ony/s1600/icon_sad.gif" style="border:0; margin:0; padding:0;" id="new" /> ');t[n].innerHTML=t[n].innerHTML.replace(/\s:-*D/g,' <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJu7QL5jDzyYQzestV2mwHxBaDgxD-TrnYrRoA1ylq_UOO1pd06c9MzQAvl4sI8E12qlyce6IheVOFo47zEKgsRTVyPvLQSAbMa8aWI65xc8YNNGiODw66jb6vnCmoJWPHnJODN3FeCp7R/s1600/icon_biggrin.gif" style="border:0; margin:0; padding:0;" id="new" /> ');t[n].innerHTML=t[n].innerHTML.replace(/\s:-*P/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQeQ7HkbtpNgAE-lGGae_njefguSrRpJJLf8meGGEFLLj1ZMC4WbjZzB-2ayVWaPqU9ieTWEfCQOV3La4vkK1vs_O8_zkd2aSel3mmgC-xhZZ8wRYkSN-Vd5noGyguAdfcmAEeEynLz5FK/s1600/icon_razz.gif" style="border:0; margin:0; padding:0;" id="new" /> ');t[n].innerHTML=t[n].innerHTML.replace(/\s:-*o/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj15s_CuuxNXdqcjdr3IQAIdeiRKIwq9wAADXeTS_Y3Iaz6Y0EGu051DUO6yi_92PijacEUsnFdgAhGhMoVKauydzpJG7keziTO0FB5_BNQLBFMbcrmJnBqcbVs4uhMSUATVPmLUKHxM31s/s1600/icon_surprised.gif" style="border:0; margin:0; padding:0;" id="new" /> ');t[n].innerHTML=t[n].innerHTML.replace(/\s:-*\?/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsXaUj5-ZyLKG1cWtovZGPU0I0A3qK2-vSPSOfdf_D6fW3PRibBLY6sFBu_chnXPFPJel7CzMQSAWtkebnwP6zG-Mg0GQ4a8rXcb3oyHtIALL6cbA63RzQlE3ar9Dd5XCAJSg7ISy0pjra/s1600/icon_confused.gif" style="border:0; margin:0; padding:0;" id="new" /> ');t[n].innerHTML=t[n].innerHTML.replace(/\s8-*\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh79XReFInZFjvaOCgNTxDDhXp_wPbRqsOOGp050VdDQ1eC66g0_T8cHH6bsah90ImwAnPA-3LI3Zuwatrv27qdTT5iZ8opdOf_1vUGt4miIlxfW2gFS-C-9vTtQc_R5uIS3tWMDg_4cJ_R/s1600/icon_cool.gif" style="border:0; margin:0; padding:0;" id="new" /> ');t[n].innerHTML=t[n].innerHTML.replace(/\s:-*\|/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj38xdvSsAL9XWbClZzi208VDp-jxN9oKOv2KSlZn5CwneRzOt7YxDx8igKp0BSVTORWqoIS6TBglW2ba6AlYHMqi0HtkapPrsSlWPOfW7p9GIp-FCPbZohykHlfVmT_SYL5umXLqeMngLz/s1600/icon_neutral.gif" style="border:0; margin:0; padding:0;" id="new" /> ');t[n].innerHTML=t[n].innerHTML.replace(/\s8-*O/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgq3sYiSp94iQ3gBdVczRiPq1Bn071yT5IYwAHS_tiECJzTH3dGp5tz1rLL0InHyTkD4k6cb7GhauiHO1WpFQeFb70xJViGjN2Bvy6I8EVZCo6gJORLv_DA5uM8Vf7VQ1D2iGomtDjzlgg8/s1600/icon_eek.gif" style="border:0; margin:0; padding:0;" id="new" /> ');t[n].innerHTML=t[n].innerHTML.replace(/\s:-*x/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiimtQ76qKySskLYA3y-npwmPt7kA13vF-szO-jAspbjc4r9SVtIpPMaszzcnjYlOduLGtjIN0rDjnWzoed6_qhs1zmoFA3JuYhQeF1qw0uM3XWmUtKUm_xar-yufD9p0FQZpnrtbSjiuoO/s1600/icon_mad.gif" style="border:0; margin:0; padding:0;" id="new" /> ')}}function addLoadEvent(e){var t=window.onload;if(typeof window.onload!="function"){window.onload=e}else{window.onload=function(){t();e()}}}document.getElementsByClassName=function(e){var t=new Array;var n=document.getElementsByTagName("*");for(var r=0;r<n.length;r++){if(n[r].className.indexOf(" ")>=0){var i=n[r].className.split(" ");for(var s=0;s<i.length;s++){if(i[s]==e)t.push(n[r])}}else if(n[r].className==e)t.push(n[r])}return t};addLoadEvent(addSmiley)
//]]></script><a href='http://www.mybloggerguides.com//p/blogger-widgets-gadgets-and-plugins.html' style='display:none;'>blogger widgets</a><style type='text/css'>img#new{box-shadow:none!important; border:none!important;}</style></b:if>

4. Setelah selesai di copy simpan template.


Oke sudah selesai kini blog anda sudah terpasang emoticon facebook, mudah bukan caranya.
Terima kasih yang sudah berkunjung di blog saya, semoga bermanfaat.

Comments

Popular posts from this blog

Mengukur Panjang Garis yang Melengkung pada Autocad

SWEET FX VERY LOW SPEK PES 2017

SweetFX full HD For PES 2017