Home » » Membuat Emoticon di Kotak Komentar Blogger

Membuat Emoticon di Kotak Komentar Blogger

Apa itu Emoticon? Itu lho icon2 lucu yang isinya berbagaimacam ekspresi yang menggemaskan, dan yang ingin kita bahas sekarang yaitu cara menampilkan icon2 lucu tersebut berada di kotak komen blogger kita. Oya sebelumnya, tutorial ini saya ambil dari blog tutorialnya Mas Uda, jadi ini hanya pemostingan ulang aja, serta file JS emoticon/smile-nya saya upload ulang di web hosting saya, masalhnya kemarin mas Uda bilang JS-nya over load, krn mas Uda tlah menyediakan yg baru ya dah saya upload ulang aj, buat jaga2 kalau overload lagi...
^

Sebagai gambaran bagaimana tampilan imoticon yang dimaksud, silahkan teman-teman tengok di bagian bawah postingan ini tepatnya di atas kotak komentar. nah menarik bukan?

Cara membuatnya:

1. Login ke Blogger >> Klik Tata Letak >> Edit HTML

2. Jangan lupa centang kotak "expand widget template" yaaa..

3. Selanjutnya carilah kode: </body>

4. klau dah ketemu lettakan script berikut sebelum kode no.3

<script src='http://oktri.googlecode.com/files/y-emo.js ' type='text/javascript'/>



5. Lalu carilah kode <b:if cond='data:post.embedCommentForm'>

6. Dan letakkan kode berikut sebelum kode pada no.5





<div style='overflow:auto; width:100%px; height:200px; padding:5px 5px 5px 5px; background:#FFFFFF;'>
<center><b>
<img border='0' src='http://lh6.ggpht.com/_RVpTV2JOOxA/SztHyX2Ze9I/AAAAAAAABao/CZ6YDse9ejM/s128/t4belajarblogger1.gif'/>:10
<img border='0' src='http://lh5.ggpht.com/_RVpTV2JOOxA/SztHyX-wYRI/AAAAAAAABas/USuci1JVIrs/s128/t4belajarblogger2.gif'/>:11
<img border='0' src='http://lh6.ggpht.com/_RVpTV2JOOxA/SztHyixUP3I/AAAAAAAABaw/mZlxZdzuq_k/s128/t4belajarblogger3.gif'/>:12
<img border='0' src='http://lh6.ggpht.com/_RVpTV2JOOxA/SztHyjBwlKI/AAAAAAAABa0/c_FWbxGt_CI/s128/t4belajarblogger4.gif'/>:13
<br/>
<img border='0' src='http://lh3.ggpht.com/_RVpTV2JOOxA/SztHyq0V96I/AAAAAAAABa4/RzH1gc6k3g4/s128/t4belajarblogger5.gif'/>:14
<img border='0' src='http://lh4.ggpht.com/_RVpTV2JOOxA/SztIIm0qZbI/AAAAAAAABa8/p30-zUnT0D0/s128/t4belajarblogger6.gif'/>:15
<img border='0' src='http://lh3.ggpht.com/_RVpTV2JOOxA/SztIIyFMy3I/AAAAAAAABbA/sWigzDFeWDE/s128/t4belajarblogger7.gif'/>:16
<img border='0' src='http://lh3.ggpht.com/_RVpTV2JOOxA/SztII9pc1RI/AAAAAAAABbE/VoDch8St4JU/s128/t4belajarblogger8.gif'/>:17
<br/>
<img border='0' src='http://lh3.ggpht.com/_RVpTV2JOOxA/SztIJYpOafI/AAAAAAAABbI/tYDYhaCIQ6Q/s128/t4belajarblogger9.gif'/>:18
<img border='0' src='http://lh4.ggpht.com/_RVpTV2JOOxA/SztIJUYbhZI/AAAAAAAABbM/LhMrEVxrqlQ/s128/t4belajarblogger10.gif'/>:19
<img border='0' src='http://lh3.ggpht.com/_RVpTV2JOOxA/SztIZ-eUFOI/AAAAAAAABbQ/GC8f4I0gmgM/s128/t4belajarblogger11.gif'/>:20
<img border='0' src='http://lh3.ggpht.com/_RVpTV2JOOxA/SztIaAcXyFI/AAAAAAAABbU/dHAFWwQebAA/s128/t4belajarblogger12.gif'/>:21
<br/>
<img border='0' src='http://lh5.ggpht.com/_RVpTV2JOOxA/SztIaFSRpyI/AAAAAAAABbY/zDALzv43SZs/s128/t4belajarblogger13.gif'/>:22
<img border='0' src='http://lh5.ggpht.com/_RVpTV2JOOxA/SztIaTL0_GI/AAAAAAAABbc/MnN4YBb8D8E/s128/t4belajarblogger14.gif'/>:23
<img border='0' src='http://lh6.ggpht.com/_RVpTV2JOOxA/SztIaWmpfsI/AAAAAAAABbg/TThmMvn_tCE/s128/t4belajarblogger15.gif'/>:24
<img border='0' src='http://lh6.ggpht.com/_RVpTV2JOOxA/SztJAGZOHII/AAAAAAAABbk/xXFsactngjg/s128/t4belajarblogger16.gif'/>:25
<br/>
<img border='0' src='http://lh3.ggpht.com/_RVpTV2JOOxA/SztJAJ4LrMI/AAAAAAAABbo/QfDuPzjb4Cw/s128/t4belajarblogger17.gif'/>:26
<img border='0' src='http://lh4.ggpht.com/_RVpTV2JOOxA/SztJAQCT22I/AAAAAAAABbs/8U12Hzn7DKA/s128/t4belajarblogger18.gif'/>:27
<img border='0' src='http://lh6.ggpht.com/_RVpTV2JOOxA/SztJAjx0ShI/AAAAAAAABbw/YnvepN8jwMc/s128/t4belajarblogger19.gif'/>:28
<img border='0' src='http://lh4.ggpht.com/_RVpTV2JOOxA/SztJAky-9UI/AAAAAAAABb0/kW1WLKjSV_U/s128/t4belajarblogger20.gif'/>:29
<br/>
<img border='0' src='http://lh6.ggpht.com/_RVpTV2JOOxA/SztJWmoAq7I/AAAAAAAABb4/Lpvaa6vTcFU/s128/t4belajarblogger21.gif'/>:30
<img border='0' src='http://lh5.ggpht.com/_RVpTV2JOOxA/SztJWtzHmDI/AAAAAAAABb8/4SYONBU3r3A/s128/t4belajarblogger22.gif'/>:31
<img border='0' src='http://lh6.ggpht.com/_RVpTV2JOOxA/SztJW2vDcHI/AAAAAAAABcA/mP1rpA6j9dU/s128/t4belajarblogger23.gif'/>:32
<img border='0' src='http://lh5.ggpht.com/_RVpTV2JOOxA/SztJXKEVrUI/AAAAAAAABcE/aiKzmU3cr0k/s128/t4belajarblogger24.gif'/>:33
<br/>
<img border='0' src='http://lh6.ggpht.com/_RVpTV2JOOxA/SztJXL26tOI/AAAAAAAABcI/A8rEMBijSq4/s128/t4belajarblogger25.gif'/>:34
<img border='0' src='http://lh5.ggpht.com/_RVpTV2JOOxA/SztJ-HWZ8lI/AAAAAAAABcM/SwybElvh0yI/s128/t4belajarblogger26.gif'/>:35
<img border='0' src='http://lh3.ggpht.com/_RVpTV2JOOxA/SztJ-bniLhI/AAAAAAAABcQ/wQF4x4BDhO8/s128/t4belajarblogger27.gif'/>:36
<img border='0' src='http://lh4.ggpht.com/_RVpTV2JOOxA/SztJ-RazsvI/AAAAAAAABcU/2AACqPsySpQ/s128/t4belajarblogger28.gif'/>:37
<br/>
<img border='0' src='http://lh5.ggpht.com/_RVpTV2JOOxA/SztJ-4qiQRI/AAAAAAAABcY/4iyv2ZromUM/s128/t4belajarblogger29.gif'/>:38
<img border='0' src='http://lh5.ggpht.com/_RVpTV2JOOxA/SztJ-8vuytI/AAAAAAAABcc/B7ZAyQ0Aanc/s128/t4belajarblogger30.gif'/>:39
<img border='0' src='http://lh4.ggpht.com/_RVpTV2JOOxA/SztKNHg8z8I/AAAAAAAABcg/SsXT6xljXnE/s128/t4belajarblogger31.gif'/>:40
<img border='0' src='http://lh5.ggpht.com/_RVpTV2JOOxA/SztKNVtYWEI/AAAAAAAABck/SLe8Ex3DiM8/s128/t4belajarblogger32.gif'/>:41
<br/>
<img border='0' src='http://lh4.ggpht.com/_RVpTV2JOOxA/SztKNZQ_4RI/AAAAAAAABco/3TxVNKssKds/s128/t4belajarblogger33.gif'/>:42
<img border='0' src='http://lh4.ggpht.com/_RVpTV2JOOxA/SztKNb4b17I/AAAAAAAABcs/g7BVkqkOJu4/s128/t4belajarblogger34.gif'/>:43
<img border='0' src='http://lh4.ggpht.com/_RVpTV2JOOxA/SztKNg_SdXI/AAAAAAAABcw/5vNkatb32JI/s128/t4belajarblogger35.gif'/>:44
<img border='0' src='http://lh4.ggpht.com/_RVpTV2JOOxA/SztKVNIsbRI/AAAAAAAABc0/07xItbO84Bg/s128/t4belajarblogger36.gif'/>:45
</b></center>
</div>


7. Simpan hasil kerjaan anda, dan selesai...



Coba sekarang setelah anda menerapkan langkah2 di atas untuk mengklik judul postingan mana aja yang ada di blognya teman2, insyaAllah bakal ada imoticon seperti di bagian bawah postingan2 blog ini





Semoga Bermanfaat[]

Sumber trik: Mas Uda




Artikel Terkait:

1 komentar:

Fivers

Selamat Datang Di OKTRI BLOG

Selamat datang di Blog saya, semoga saja kalian bisa mendapatkan apa yang kalian butuhkan diblog saya ini. Terima kasih Telah Berkunjung Di Blog saya,apabila berkenan silahkan berkomentar dan follow blog saya,mari kita saling berbagi ilmu tentang apa saja...Selengkapnya tentang Tutorial Ini

Sekilas tentang penulis

Nama saya Oktri darmadi,saya seorang Mahasiswa S1 Teknik Informatika Di IBI DARMAJAYA Bandar Lampung.

Social Stuff

  • RSS
  • Twitter
  • Facebook
  • HOME
Oktri