Saturday, October 1, 2016

Twiemoji Emotikon Di Blogger

Tags

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 😉

:@
: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>.

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

Penggunaan Markup
  • Untuk memasukan gambar dan youtube link silahkan taruh link gambar dan youtube link tanpa tag <img> dan <iframe>.
  • Untuk menulis huruf bold silahkan gunakan [strong]KONTEN[/strong] atau [b]KONTEN[/b].
  • Untuk menulis huruf italic silahkan gunakan [em]KONTEN[/em] atau [i]KONTEN[/i].
  • Untuk menulis huruf underline silahkan gunakan [u]KONTEN[/u].
  • Untuk menulis huruf strikethrought silahkan gunakan [strike]KONTEN[/strike].
  • Untuk menulis kode HTML silahkan gunakan [code]KONTEN[/code] atau [pre]KONTEN[/pre] atau [pre][code]KONTEN[/code][/pre], dan silahkan parse dulu kodenya pada kotak parser di bawah ini.

Penggunaan Parse Kode Dan Emoticon Tidak Berlaku Di Ponsel.
Show EmoticonHide Emoticon Off Topic