Followers

23 September 2010

September 23, 2010 - 3 comments

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 :

<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:

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

@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 :)

Catat Ulasan