23 September 2010

Blog Tutorial:Letakkan Yahoo Emotikon Pada Borang Komen

3 ulasan:
 
Kalau korang dah letak borang komen di bawah pos,apa kata korang letak beberapa smiley juga,untuk digunakan oleh pembaca semasa komen

Borang komen dengan smiley,akan kelihatan seperti ni:



























Korang boleh lihat pada blog ni[tinggalkanla komen dengan smiley],kat bawah pos ni !

Untuk meletakkan smiley ni,ikut arahan ni:

LANGKAH #1
Memula log in ke Blogger
Lepas tu pergi ke Layout ->klik pada tab"Edit HTML", dan tandakan pada kotak "Expand Widget Templates".

Ok,pastu cari kod ni :

<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>

Dan sekarang,dekat TENGAH/DI ANTARA dua kod tersebut,letakkan kesemua baris kod ni

<div style='-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 369; text-align: left; border: 1px solid #cccccc; padding: 5px; background: #eeeddf; height:86'>
<b>
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' width='18'/> :))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif' width='18'/> ;))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' width='18'/> ;;)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' width='18'/> :D
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' width='18'/> ;)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' width='18'/> :p
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' width='22'/> :((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' width='18'/> :)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' width='18'/> :(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif' width='18'/> :X
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif' width='18'/> =((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif' width='18'/> :-o
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' width='20'/> :-/
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif' width='18'/> :-*
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif' width='18'/> :|
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif' width='24'/> 8-}
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif' width='31'/> :)]
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif' width='44'/> ~x(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif' width='30'/> :-t
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif' width='18'/> b-(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif' width='18'/> :-L
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif' width='34'/> x(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' width='30'/> =))
</b>
</div>

LANGKAH #2

Sekarang cari kod ni dalam template korang:

</body>

Dan SEBELUM/DI ATAS kod tu,letakkan kod ni:

<script src='http://aidealfitri.webs.com/smiley.js' type='text/javascript'/><noscript><a href="http://fitri1986.blogspot.com/" target="_blank"><span style="font-size: x-small;">Add Smilies</span></a></noscript>

Walaupun link kaler MERAH juga berfungsi,tapi gunakan DIRECT LINK/link korang sendiri,yang korang dapat semasa upload download file di mydatanest.

Akhir sekali,save template.

Download Fail:(Sekiranya ingin Backup)

Smiley.js ( Sebagai fail zip )

Dan upload fail (smiley.js)ke MyDataNest.com

NOTA: Edit dan save properties  folder (dekat akaun MyDataNest.com korang sebagai "Hidden" dan BUKAN sebagai "Private"), dimana korang upload fail smiley.js tu.

Itu jela

Sekarang korang boleh lihat smiley,pada kotak komen...



3 ulasan:

  1. salam.. sy xfaham direct link tu la.. cmne tu??

    BalasPadam
  2. @Norziea AfiQah Klau awak tak pham yang tu,awak boleh guna je link yang kaler merah yng saya punya^^Direct link tu maksudnya,link secara terus ke fail awak sendiri pula.^^Tu javascript :)

    BalasPadam

TERIMA KASIH UNTUK KOMENKOMEN TERBARU

 
© 1986. Aideal Fitri - fitri1986 Malaysian Blogger