الصفحة الرئيسية
TUTORIAL

Twiemoji Emotikon Di Blogger

Cara Pasang Twiemoji Emotikon Di Blogger
Please wait 0 seconds...
Scroll Down and click on Go to Link for destination
Congrats! Link is Generated
Blogger Emotikon


Malam bro 💭 hari hari ini saya berganti domain ke GQ masih gratis 🆓 , soal nya masih sekolah 📖 hehe gak bisa di ajak kompromi orang tua . tapi Bagaimana pun saya akan tetep sharing ke kalian , dan pada waktu nya saya bakal berganti ke COM 📌 . dan sekarang alhamdulilah saya akan berbagi Tutorial cara memasang Emotikon di blog menggunakan Twemoji. yang Notabene Support untuk Wordpress , tapi bingung kalo udah jatuh di tangan designer atau programer , jadi berubah fungsi ke blogger 👤 . oke kita mulai Tutorial nya .

Apa Itu Emoticon ?

Emoticon ‼ adalah suatu ekspresi perasaan atau Feeling berdasarkan si penulis EMOT yang Berati EMOTION atau EMOSI . Nah dengan ini Para Reader akan Segan datang ke website anda , karena begitu banyakan icon ekspresi pada postingan sobat

Kode Emotikon

🚩 Gunakan CTRL+C untuk menyalin kode emotikon.

Taruh di notepad agar pada saat menulis postingan dapat dengan mudah sobat paste &#x1F609

:@
:p
:$
:#
:D
;)
:)
:/
:(
:3
:x
:o
:x
:k
:!!
:!3
:?
:valid
:idn
:rocket
:thumbsup
:thumbsdown

:a
:g
:i
:e
:l
:love
:baper
:close
:z
:handsup
:quarantine
:music
:yes
:tm
:clock
:warn
:up
:unvalid
:setting
:unitedstates
:japan
:spain
;copyright
;registered
:find
:finishflag
:brokenheart
;mail
:commputer
;phone
;book
;mafia
;lamp
:100
;top
;horn
;comment

Lalu Tambahkan Kode Di Bawah ini di atas kode </body>.

Spoiler
Gunakan CTRL+F untuk mencari kode.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
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(){
  var postBodyClass = (postBodyClass) ? postBodyClass : 'post-body';
  var d = document.getElementsByClassName(postBodyClass);
  for(var i=0;i<d.length;i++){
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*\)/g, ' <img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f600.png"/> ');
        d[i].innerHTML = d[i].innerHTML.replace(/\s;-*\)/g, ' <img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f602.png"/> ');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*\$/g, ' <img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f616.png"/> ');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*\(/g, ' <img draggable="false" class="emoji" alt="☹" src="https://twemoji.maxcdn.com/2/72x72/2639.png"/> ');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*D/g, ' <img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f601.png"/> ');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*p/g, '<img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f61b.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*k/g, ' <img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f643.png"/> ');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*\@/g, ' <img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f621.png"/> ');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*\#/g, ' <img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f603.png"/> ');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*x/g, ' <img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f618.png"/> ');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*o/g, ' <img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f62e.png"/> ');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*\/g, ' <img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f641.png"/> ');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*3/g, ' <img draggable="false" class="emoji" alt="❤" src="https://twemoji.maxcdn.com/2/72x72/2764.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*!!/g, ' <img draggable="false" class="emoji" alt="‼" src="https://twemoji.maxcdn.com/2/72x72/203c.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*!3/g, ' <img draggable="false" class="emoji" alt="❣" src="https://twemoji.maxcdn.com/2/72x72/2763.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*valid/g, ' <img draggable="false" class="emoji" alt="✅" src="https://twemoji.maxcdn.com/2/72x72/2705.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*unvalid/g, ' <img draggable="false" class="emoji" alt="❎" src="https://twemoji.maxcdn.com/2/72x72/274e.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*clock/g, ' <img draggable="false" class="emoji" alt="⏰" src="https://twemoji.maxcdn.com/2/72x72/23f0.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*idn/g, ' <img draggable="false" class="emoji" alt="����" src="https://twemoji.maxcdn.com/2/72x72/1f1f2-1f1e8.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*close/g, ' <img draggable="false" class="emoji" alt="❌" src="https://twemoji.maxcdn.com/2/72x72/274c.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*up/g, ' <img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f199.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*handsup/g, ' <img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f590.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*yes/g, ' <img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f197.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*music/g, ' <img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f3b6.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*rocket/g, ' <img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f680.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*\quarantine/g, ' <img draggable="false" class="emoji" alt="☢" src="https://twemoji.maxcdn.com/2/72x72/2622.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*tm/g, ' <img draggable="false" class="emoji" alt="™" src="https://twemoji.maxcdn.com/2/72x72/2122.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*z/g, ' <img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f634.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*love/g, ' <img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f60d.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*baper/g, ' <img draggable="false" class="emoji" alt="☺" src="https://twemoji.maxcdn.com/2/72x72/263a.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*\?/g, ' <img draggable="false" class="emoji" alt="❓" src="https://twemoji.maxcdn.com/2/72x72/2753.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*warn/g, ' <img draggable="false" class="emoji" alt="⚠" src="https://twemoji.maxcdn.com/2/72x72/26a0.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*thumbsup/g, ' <img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f44d.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*thumbsdown/g, ' <img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f44e.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*a/g, ' <img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f1e6.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*g/g, ' <img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f1ec.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*i/g, ' <img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f1ee.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*e/g, ' <img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f1ea.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:-*l/g, ' <img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f1f1.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:s-*etting/g, ' <img draggable="false" class="emoji" alt="⚙" src="https://twemoji.maxcdn.com/2/72x72/2699.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:united-*states/g, ' <img draggable="false" class="emoji" alt="����" src="https://twemoji.maxcdn.com/2/72x72/1f1fa-1f1f2.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:j-*apan/g, ' <img draggable="false" class="emoji" alt="����" src="https://twemoji.maxcdn.com/2/72x72/1f1ef-1f1f5.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:s-*pain/g, ' <img draggable="false" class="emoji" alt="����" src="https://twemoji.maxcdn.com/2/72x72/1f1ea-1f1e6.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:finish-*flag/g, ' <img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f3c1.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:com-*mputer/g, ' <img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f4bb.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:f-*ind/g, ' <img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f50d.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s;to-*p/g, ' <img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f51d.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:1-*00/g, ' <img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f4af.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s;ph-*one/g, ' <img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f4f1.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s;m-*ail/g, ' <img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f4e7.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s;ho-*rn/g, ' <img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f4e2.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s;bo-*ok/g, ' <img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f4d6.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s:broken-*heart/g, ' <img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f494.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s;com-*ment/g, ' <img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f4ac.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s;la-*mp/g, ' <img draggable="false" class="emoji" alt="��" src="https://twemoji.maxcdn.com/2/72x72/1f4a1.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s;ma-*fia/g, ' <img draggable="false" class="emoji" alt="����‍♀️" src="https://twemoji.maxcdn.com/2/72x72/1f575-1f3fb-200d-2640-fe0f.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s;copy-*right/g, ' <img draggable="false" class="emoji" alt="©" src="https://twemoji.maxcdn.com/2/72x72/a9.png"/>');
        d[i].innerHTML = d[i].innerHTML.replace(/\s;regis-*tered/g, ' <img draggable="false" class="emoji" alt="®" src="https://twemoji.maxcdn.com/2/72x72/ae.png"/>');
    }
}

function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      oldonload();
      func();
    }
  }
}

addLoadEvent(addSmiley);
//]]>
</script>
</b:if>


Lalu Tambahkan Kode Di Bawah ini di atas kode </body>

Gunakan CTRL+F untuk mencari kode.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
function downloadJSAtOnload(){var d=document.createElement("script");d.src="https://cdn.rawgit.com/agiltriono/Blogger-Demo-Templates/master/twemoji2a2.min.js",document.body.appendChild(d)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;
//]]>
</script>
</b:if>

Selesai Simpan templates Dan Lihat Hasil Nya ‼

kode source www.kompiajaib.com
Go to Link

Getting Info...
#TUTORIAL

إرسال تعليق

Agiel Triono Comment Policy

Do not include spam link !
Please read our Comment Policy before commenting.
Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
More Details
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.