Cara menambahkan Emoticon Di atas Kotak komentar

Kamis, 19 Agustus 2010

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 :)



Baca Juga Artikel Yang ini yah..

9 komentar:

Lemari Cinta 28 Agustus 2010 pukul 08.10  
Komentar ini telah dihapus oleh pengarang.
Lemari Cinta 28 Agustus 2010 pukul 08.12  

makasih buat tipsnya, om.
udah dicoba.
en ternyata bisa.
sebelumnya pernah pake onion emoticon.
tapi, tiba-tiba sourcenya ga ditemukan.
akibatnya onion emoticonnya ga muncul lagi.
nah, yg saya pengen tanyain.
gimana biar sourcenya ga ilang ?
atau ga gimana sourcenya bisa kita backup ?
jadi, kalo tiba-tiba sourcenya ga ditemuin.
source kita sendiri masih ada.
mohon bantuannya.
terima kasih ... :n:

redhy 10 Januari 2011 pukul 20.06  

makasih infonya...sangat bermanfaat buatku yg newbie ini hehe..salam

cwiter 15 November 2011 pukul 15.02  

om kog gag bisa,, :h:

http://cwiter.blogspot.com

:a: :b: :c: :d: :e: :f: :g: :h:
:i: :j: :k: :l: :m: :n: :o:
:p: :q: :r: :s: :t: :u: :v: :w:
:x: :y: :z: :1: :2: :3: :4:
:5: :6: :7: :8: :9: :10: :11: :12:
:13: :14:
Posting Komentar

Posting Komentar

Masukan Email Anda Untuk Berlangganan Artikel Terbaru:

Delivered by FeedBurner

Follow MaswidBlog

Komentar Terkini

Berita Terkini

  © MaswidBlog.blogspot.com On The Road by Ourblogtemplates.com 2009

Back to TOP