Blog Tutorial:Letakkan Yahoo Emotikon Pada Borang Komen
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 :
Dan sekarang,dekat TENGAH/DI ANTARA dua kod tersebut,letakkan kesemua baris kod ni
LANGKAH #2
Sekarang cari kod ni dalam template korang:
Dan SEBELUM/DI ATAS kod tu,letakkan kod ni:
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...
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'/>
<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>
<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
8-}~x(b-( =))
Replysalam.. sy xfaham direct link tu la.. cmne tu??
Reply@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 :)
ReplyNota: Hanya ahli blog ini sahaja yang boleh mencatat ulasan.