skip to main | skip to sidebar

Pages

30 Jul 2010

Membuat Emoticon di Kotak Komentar

Posted by KumpulanNote at 10:51


Setelah saya melakukan blogwalking, ternyata pake emoticon di kotak komentar bagus juga ya..^;^ Jadi, gak ada salahnya jika kita mencoba utk menaruh emoticon di kotak komentar kita, ya kan??Langsung aja yuk..

Berikut adalah langkah-langkahnya:

1. Pertama-tama, login ke akun blogger anda
2. Pilih Layout(Tata Letak) -> Edit HTML, centang kotak Expand Widget Template
3. Jangan lupa Download Template Lengkap buat jaga-jaga..
4. Cari kode bercetak tebal berikut dengan menekan Ctrl+F di keyboard


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

<b:else/>
<b:if
cond='data:post.allowComments'>
<a
expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>

NB:
-Kode <p class='comment-footer'> ada 2 di
kode HTML kita, pilih kode yang kedua sesuai dengan tampilan di atas
-Jika anda tidak menemukan
kode <p class='comment-footer'&gt, maka coba dengan menggunakan
kode
<p
class="comment-footer"> 

5.
Letakkan kode-kode berikut setelah kode <p
class='comment-footer'>

<b><img

src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04210.gif'
width='40'/>
:a:
<img

src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04212.gif'
width='40'/>
:b:
<img

src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04213.gif'
width='40'/>
:c:
<img

src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04219.gif'
width='40'/>
:d:
<img

src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04220.gif'
width='40'/>
:e:
<img

src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04224.gif'
width='40'/>
:f:
<img

src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04231.gif'
width='40'/>
:g:
<br/><img

src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04233.gif'
width='40'/>
:h:
<img

src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04247.gif'
width='40'/>
:i:
<img
src='http://sites.google.com/site/diesilversite/smileys/Ad
dEmoticons04235.gif'
width='40'/>
:j:
<img

src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04241.gif'
width='40'/>
:k:
<img

src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04236.gif'
width='40'/>
:l:
<img

src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04217.gif'
width='40'/>
:m:
<img

src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04237.gif'
width='40'/>
:n:
</b>


Hasilnya:



:a:

:b:

:c:

:d:

:e:

:f:

:g:

:h:

:i:

:j:

:k:

:l:

:m:

:n:


6. Letakkan kode berikut sebelum kode </head>




<script
src='http://ardi33.fileave.com/smileyyahoo.js'
type='text/javascript'/><br /><script
src='http://ardi33.fileave.com/smileyturtle.js'
type='text/javascript'/><br /><script
src='http://h1.ripway.com/pinginbelajar/042009/emoticon_yahoo.js'
type='text/javascript'/><br /><script
src='http://h1.ripway.com/pinginbelajar/042009/comment_emoticon.js'
type='text/javascript'/>
 
7. Klik Simpan Template dan lihat perubahan di kotak komentar anda..^^


Selamat mencoba,

0 comments:

Post a Comment

Subscribe to: Post Comments (Atom)