Anak MudA Site

Tips-trik kali ini boleh dikatakan masih berhubungan dengan tips sebelumnya tentang Membuat Kotak Komentar di Blogger setelah berhasil menampilkan kotak komentar dibawah postingan, Anda dapat melanjutkan ke tips berikut agar tampilan postingan Anda jadi semakin hidup dengan adanya emoticon smiley yang mewakili perasaan sang komentar yang berkomentar di blog Anda, kalau untuk diwordpress mungkin telah tersedia plug-in seperti ini sehingga tidak perlu repot-repot untuk mengedit source code Html dan segala macemnya, namun berhubung di blogger tidak ada maka Kita perlu sedikit kreatifas untuk mengobrak-abrik kode Htmlnya (baca: Modifikasi) agar emoticon smileynya terpasang dan muncul pada kotak komentar seperti ini:

Emoticon Yahoo :

Emoticon Kucing (Bonus) => anakmuda bae kan ngasih bonus :


untuk itu diperlukan ketelitian dan konsentrasi tingkat tinggi (hayyah so serius) tenang aja itu cuma serius becanda semuanya mudah kok siapa aja bisa mencobanya, yang penting ikuti langkah-langkah yang anakmuda tuliskan sehingga hasilnya akan muncul icon smiley yang kita harapkan dan bukan gambar cewek bugil (censored) pesan error yang muncul. Ok kita mulai saja pelajaran kita kali ini (halah) :

1. Login ke Blogger http://www.blogger.com/
2. Seperti yang sudah-sudah selalu biasakan membackup template Anda sebelum mengedit Source Code HTML, Masuk ke menu Layout => Edit HTML => klik link Download Full Template => Save pada directory yang Anda tentukan
3. Masih dalam Menu Layout, klik/centang Expand Widget Template
4. Kemudian cari kode berikut :
</body>
5. Kalau sudah ketemu, lalu letakkan kode dibawah ini sebelum kode diatas
Untuk Emoticon Yahoo :
<script src='http://kendhin.890m.com/emoticon/smile2.js' type='text/javascript'/>

Untuk Emoticon Kucing :
<script src='http://kendhin.890m.com/emoticon/smile2.js' type='text/javascript'/>


6. Setelah itu cari kode berikut :
   
<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/>
</a>
</b:if>
</b:if>
</p>


7. Kalau sudah ketemu letakkan kode dibawah ini setelah kode cetak tebal seperti diatas atau lebih jelasnya setelah kode ini : <p class='comment-footer'>
   

Untuk Emoticon Yahoo :
<b>
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/> :))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/> :)]
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/> ;))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/> ;;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/> :D
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/> ;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/> :p
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/> :((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/> :)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/> :(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/> :X
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/> =((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/> :-o
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/> :-/
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/> :-*
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/> :|
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/> 8-}
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/> ~x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/> :-t
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/> b-(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/> :-L
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/> x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/> =))
</b>

Untuk Emoticon Kucing :
<b>
<img border='0' src='http://kendhin.890m.com/emoticon/capek.gif'/> :f
<img border='0' src='http://kendhin.890m.com/emoticon/bigsmile.gif'/> :D
<img border='0' src='http://kendhin.890m.com/emoticon/hi.gif'/> :)
<img border='0' src='http://kendhin.890m.com/emoticon/kagum.gif'/> ;;)
<img border='0' src='http://kendhin.890m.com/emoticon/love.gif'/> :x
<img border='0' src='http://kendhin.890m.com/emoticon/malu.gif'/> :$
<img border='0' src='http://kendhin.890m.com/emoticon/marah.gif'/> x(
<img border='0' src='http://kendhin.890m.com/emoticon/bingung.gif'/> :?
</b>
<br/>
<b>
<img border='0' src='http://kendhin.890m.com/emoticon/mumet.gif'/> :@
<img border='0' src='http://kendhin.890m.com/emoticon/muntah.gif'/> :~
<img border='0' src='http://kendhin.890m.com/emoticon/mentok.gif'/> :|
<img border='0' src='http://kendhin.890m.com/emoticon/ngakak.gif'/> :))
<img border='0' src='http://kendhin.890m.com/emoticon/sedih.gif'/> :(
<img border='0' src='http://kendhin.890m.com/emoticon/senang.gif'/> :s
<img border='0' src='http://kendhin.890m.com/emoticon/tolong.gif'/> :((
<img border='0' src='http://kendhin.890m.com/emoticon/wow.gif'/> :o
</b>


8. Kalau sudah kemudian klik button SAVE TEMPLATE

Coba lihat blog Anda, bila tidak ada masalah maka emoticon tersebut akan muncul, tapi bila tidak muncul atau terjadi error, upload template yang sudah Anda backup tadi kemudian ulangi langkah seperti diatas lagi.
Selamat Mencoba dan Semoga Berhasil.