menampilkan emoticon di form comment

haloooo.. pakabar semuanya, sedang sehat semuanyakan..? moga aja sehat selalu. masih inget sama postingan saya yang kemarin barusan kan..? apa hayooo..? coba di lihat postingan di bawah ini pas.. karena postingan hari ini bisa di bilang kelengkapan dari postingan yang kemarin. Ok dech, kmaren saya mebahas bagaimana cara menampilkan comment form (kotak komentar) di bawah postingan blogspot, klik disini untuk melihatnya, setelah coment form (kotak komentar) yang sudah tampil di bawah postingan, rasanya kurang lengkap jika tidak di tambahkan pernak pernik emoticon. nah untuk memasang emoticon itu yang sedang akan saya bahas sekarang ini, hehehe. gtu aja muter muter ga jelas yah... hahaha.. yah kita langsung lanjut aja, yaitu cara menambahkan emoticon di comment form blog (blogger blogspot) yah seperti biasa anda disuruh lagi login pake account blogger anda di blogger, setelah itu carilah dan tekan menu "layout", trus tekan lagi "edit html" nah setelah itu jangan lupa kasih tanda cecklis pada tulisan "Expand Widget Templates" diatas kotak editor html sebelah kanan atas,setelah itu...
copy dan pastekan code berikut tepat diatas code ]]></b:skin> di editor html blog anda (pokoknya cari aja code seperti itu di editor html blog anda, pasti ada)


.ekhan_caem_gituloh {
width:325px;
height:85px;
list-style: none;
border:1px solid #999;
margin: 0;
padding:5px;
}

.ekhan_caem_gituloh li {
margin: 0 2px 5px 0;
padding: 5px auto;
text-align:center;
float: left;
width: 25px;
}

.ekhan_caem_gituloh em {
display: block;
padding: 0;
width: 25px;
background:#DFDFDF;
text-align: center;
font: normal 100% Georgia, "Times New Roman", Times, serif;
color: #333;
}


nah setelah code diatas anda copy kemudian pastekan tepat diatas code ]]></b:skin> , sekarang selanjutnya cari dan temukan code script berikut di blog anda


<p class='comment-footer'>
--- nanti codenya taruh sini ---
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>


sudah ketemu belum..? kalo sudah ketemu code script seperti yang itu, kemudian langkah selanjutnya adalah anda copy code script dibawah ini semuanya..
<ul class='ekhan_caem_gituloh'>
<li><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' width='18'/><em>:))</em></li>
<li><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif' width='18'/><em>;))</em></li>
<li><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' width='18'/><em>;;)</em></li>
<li><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' width='18'/><em>:D</em></li>
<li><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' width='18'/><em>;)</em></li>
<li><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' width='18'/><em>:p</em></li>
<li><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' width='22'/><em>:((</em></li>
<li><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' width='18'/><em>:)</em></li>
<li><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' width='18'/><em>:(</em></li>
<li><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif' width='18'/><em>:X</em></li>
<li><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif' width='18'/><em>=((</em></li>
<li><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif' width='18'/><em>:-o</em></li>
<li><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' width='20'/><em>:-/</em></li>
<li><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif' width='18'/><em>:-*</em></li>
<li><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif' width='18'/><em>:|</em></li>
<li><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif' width='24'/><em>8-}</em></li>
<li><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif' width='31'/><em>:)]</em></li>
<li><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif' width='44'/><em>~x(</em></li>
<li><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif' width='30'/><em>:-t</em></li>
<li><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif' width='18'/><em>b-(</em></li>
<li><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif' width='18'/><em>:-L</em></li>
<li><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif' width='34'/><em>x(</em></li>
<li><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' width='30'/><em>=))</em></li>
<li></em></li>
<li><em><a href='http://master-blog-ayiek.blogspot.com' target='_blank'><span style='color:#000000'>klik ini</span></a></em></li>
</ul>

setelah anda copy semuanya silahkan PASTE kan code tadi yang anda copy ke dalam situs ini http://blogcrowds.com/resources/parse_html.php, caranya pastekan code script kedalam kolom yang ada disitus tersebut kemudian tekan tombol PARSE di bawahnya... setelah itu hasilnya anda copy lagi dan baru masukkan ke dalam blog anda.

Atau jika anda males memparse kode script diatas silahkan langsung download code script yang sudah saya parse kan klik disini untuk men_DOWNLOAD_nya

nah.. setelah anda mendapatkan code script hasil PARSEan , silahkan pastekan code script hasil PARSE_an tersebut kedalam blog anda dan taruh di antara code script di bawah ini (codenya taruh ditulisan ==> --- code script taruh sini --- )
<p class='comment-footer'>
--- code script taruh sini ---
<b:if cond='data:post.embedCommentForm'>

sudah di paste belom...? kalo sudah bilang dunk.. hehehe, sekarang tahap terakhir tinggal memasukkan code script berikut di bawah ini taruh tepat di atas code script
</body>

<script src='http://ekhan.gitar1stindo.googlepages.com/ekhanscript.js' type='text/javascript'/>

abis itu... tekan tombol save template di bawah editor html anda ( dibawah sebelah kanan itu loh...) tau kan..?
yah segini dulu yah, tangan saya pegel nulis code script dalam postingan (ribet bgd) , kalo ada diantara anda masih ada yang belum berhasil, silahkan PM saya di yahoo messenger yah, atau kalau penegn pesannya tersimpan selamanya di blog ini silahkan tinggalkan pesan di post comment di bawah artikel ini, oke sekian dulu yah... selamat mencoba dan moga berhasil... amiiiiiinn

23 Responses to "menampilkan emoticon di form comment"

  1. thanks deh, makasih banyak infonya mau tak cobain juga neh :D

    ReplyDelete
  2. numpang nanya mas... aku cobain, pasang di blogku kok gag bisa yah... hiks... :((

    mohon bantuannya.... :D

    ReplyDelete
  3. haloooo.....mas,,,ajarin gw donk ngedit blog supaya bagus kya blog mas,,,,
    please

    ReplyDelete
  4. bozz buat seluruh isi blog melebar kanan kiri monitor atau tidak hanya di bagian tengah kaya ini gimana ?

    ReplyDelete
  5. om kalo yang template classic gimana y...?

    ReplyDelete
  6. wah icon yg gw cari ga ketemu2, itu lho icon orang lg beol di atas laptop :D =))

    ReplyDelete
  7. om...di edit html saya kaga ada....

    ----yang ini p class='comment-footer kaga ada om-----

    jadi ga bisa nampilin kotak comment,,...

    gimna crnya biar bisa nampilin kotak comment????

    apa setting htl templatenya beda????help me please...:((:((:((

    reply ke 085780636045..thankzz...

    ReplyDelete
  8. om gimana ya namabah widget di paling bawah gitu?
    selama ini kan hanya ada di kiri kanan aja, tapi pengen nya ada di bawah juga
    cara nya gimnaa ya?
    tolong ajarin ya mas ke alamat email
    rob3rt_li3m@yahoo.com
    makasi banyak ya

    ReplyDelete
  9. okey terima ksh banget sekr dah berhasil,,he..he...:))

    ReplyDelete
  10. http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif cara bikin comment kayak gini gimana ya?? keren pisan euy

    ReplyDelete
  11. Mantap banget boss... Makasih
    http://www.bisnis-dolar-gratis.blogspot.com

    ReplyDelete
  12. Kok di blogku gak ada script diatas ya..?? http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif

    http://klikoms.blogspot.com/

    ReplyDelete
  13. Saya akan coba tipsnya gan, terima kasih atas sharing ilmunya, salam persahabatan...

    ReplyDelete
  14. thanks banget infonya jadi tambah keren blog saya ;) kunjungi jga blog saya gan http://followyuk.blogspot.com/

    ReplyDelete
  15. permisiii
    maaff niie yang punya blog niee maff saya udahh lancang
    saya cuma mau promo'a nieeee
    bagi yang lagi cari perlengkapan alat-alat listrik maupun untuk yang lagi cari untuk usaha'a d'bidang listrik
    ayoo kunjungi saja katalog kami
    http://www.rajalistrik.com

    ReplyDelete
  16. Your content so unique and informative and here the free social bookmarking sites list and high da pa website list 2021 so you can easy way share your link in this website easy way to register and submit link and social bookmarking sites.

    ReplyDelete

Berkomentar sambil beriklan ( iklan baris ), mau ga..?
So.. jadilah orang PERTAMA yang berkomentar, blog anda akan di lihat banyak orang.....
Tapi perlu diingat,.. DILARANG SPAM / KOMENTAR SAMPAH, bercanda / guyonan oke.. spam no...!
Spam / Sampah akan saya hapus tanpa ampun...

+--+