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.. alasannya postingan hari ini dapat di bilang kelengkapan dari postingan yang kemarin. Ok dech, kmaren saya mebahas bagaimana trik menampilkan comment form (kotak komentar) di bawah postingan blogspot, klik disini untuk melihatnya, sesudah coment form (kotak komentar) yang sudah tampil di bawah postingan, rasanya kurang lengkap kalau tidak di tambahkan pernak pernik emoticon. nah untuk memasang emoticon itu yang sedang akan saya bahas kini ini, hehehe. gtu aja muter muter ga terang yah... hahaha.. yah kita eksklusif lanjut aja, yaitu trik menambahkan emoticon di comment form blog (blogger blogspot) yah ibarat biasa anda disuruh lagi login pake account blogger anda di blogger, sesudah itu carilah dan tekan hidangan "layout", trus tekan lagi "edit html" nah sesudah itu jangan lupa kasih tanda cecklis pada goresan pena "Expand Widget Templates" diatas kotak editor html sebelah kanan atas,setelah itu...
copy dan pastekan code berikut sempurna diatas code ]]></b:skin> di editor html blog anda (pokoknya cari aja code ibarat itu di editor html blog anda, niscaya 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 sesudah code diatas anda copy kemudian pastekan sempurna diatas code ]]></b:skin> , kini 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 ibarat yang itu, kemudian langkah selanjutnya yaitu 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, triknya pastekan code script kedalam kolom yang ada disitus tersebut kemudian tekan tombol PARSE di bawahnya... sesudah itu alhasil anda copy lagi dan gres masukkan ke dalam blog anda.

Atau kalau anda males memparse instruksi script diatas silahkan eksklusif download code script yang sudah saya parse kan klik disini untuk men_DOWNLOAD_nya

nah.. sesudah anda mendapat 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, kini tahap terakhir tinggal memasukkan code script berikut di bawah ini taruh sempurna 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, baiklah sekian dulu yah... selamat mencoba dan moga berhasil... amiiiiiinn

0 Response to "Menampilkan Emoticon Di Form Comment"

Post a Comment