Cara menambahkan Emoticon Di atas Kotak komentar

Assalamualaikum Wr Wb. Hai sahabat blogger pada kesempatan yang berbahagia kali ini Maswid akan menjelaskan sedikit mengenai Tutorial Blogspot yaitu Cara menambahkan Emoticon Di atas kotak komentar anda .nah seperti yang anda lihat Emoticon diatas kotak komentar saya,itulah contohnya,keren kan. Nah langsung saja ikuti Langkah-Langkah menambahkan Emoticon di atas kotak komentar dibawah ini ya.

Langkah Awal
1.Seperti biasa kita harus login blogger terlebih dahulu
2.Pilih Tata Letak -> Edit HTML
3.Sebelum Itu Backup dulu template anda untuk jaga-jaga apabila ada kesalahan
4.Centang Expand Template Widget
5.Cari Kode </body>
6.Jika sudah ketemu, letakkan kode script dibawah ini diatas kode </body> :

<script src='http://luvanis.fileave.com/java/anzu-monyet.js' type='text/javascript'/>

Jika sudah langkah-langkah diatas dilakukan sekarang Anda harus melakukan langkah yang kedua, perhatikan langkah kedua dibawah ini :

Langkah Selanjutnya

1. Lakukan perintah yang sama dari point 1-4 pada langkah pertama
2. Selanjutnya Anda harus mencari kode : <p class='comment-footer'>

Tetapi disini terjadi kendala karena kode diatas terdapat dua kode yang sama sehingga jika Anda melakukan Ctrl+F maka dikawatirkan Anda tidak tahu mana yang harus dipakai. Nah untuk mengetahuinya Anda harus melakukannya secara manual tetapi Anda jangan kawatir saya kasih solusinya yaitu Anda mulai mencarinya dari paling bawah karena kode yang dipakai adalah kode kedua. Anda mulai mencari dengan teliti jika sudah ketemu maka letakkan kode di bawah ini dibawah kode yang diatas tadi.
Kode :

<div style='overflow:auto; height:80px; width:360px'>
<b>
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mBerangan.gif' width='40'/> :a:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mBom.gif' width='40'/> :b:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mCamera.gif' width='40'/> :c:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mCry.gif' width='40'/> :d:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mCubit.gif' width='40'/> :e:
<br/>
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mDarah.gif' width='40'/> :f:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mDuit.gif' width='40'/> :g:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mFlu.gif' width='40'/> :h:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mGelak.gif' width='40'/> :i:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mGergaji.gif' width='40'/> :j:
<br/>
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mGuilty.gif' width='40'/> :k:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mHaha.gif' width='40'/> :l:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mHantuk.gif' width='40'/> :m:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mHihi.gif' width='40'/> :n:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mHurm.gif' width='40'/> :o:
<br/>
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mJahat.gif' width='40'/> :p:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mKanta.gif' width='40'/> :q:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mKening.gif' width='40'/> :r:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mKenyang.gif' width='40'/> :s:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mKipas.gif' width='40'/> :t:
<br/>
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mKorek.gif' width='40'/> :u:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mLove.gif' width='40'/> :v:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mMandi.gif' width='40'/> :w:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mMuka.gif' width='40'/> :x:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mNgumpat.gif' width='40'/> :y:
<br/>
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mNo.gif' width='40'/> :z:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mPanas.gif' width='40'/> :1:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mPeluh.gif' width='40'/> :2:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mPening.gif' width='40'/> :3:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mRambut.gif' width='40'/> :4:
<br/>
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mRempit.gif' width='40'/> :5:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mSad.gif' width='40'/> :6:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mSakit.gif' width='40'/> :7:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mSelam.gif' width='40'/> :8:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mSmoking.gif' width='40'/> :9:
<br/>
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mStudy.gif' width='40'/> :10:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mSurrender.gif' width='40'/> :11:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mThinking.gif' width='40'/> :12:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mTorchlight.gif' width='40'/> :13:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mWekk.gif' width='40'/> :14:
</b>
</div>

3. Jika sudah selesai klik Simpan Template
4. Klik Lihat Blog
Cara menggunakannya Anda tinggal mengetik kode emotion yang berada dikanan emotion.

Semoga Bermanfaat Bagi sahabat blogger yah :)