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

Posted by ayiek

Tweet