Menambahkan Naruto Emoticon di Kotak Komentar Blogspot

Setelah memposting tutorial Cara Menambahkan Yahoo Emoticon di Kotak Komentar Blogspot, sekarang ada tutorial baru lagi mengenai Cara Menambahkan Naruto Emoticon di Kotak Komentar Blogspot. Emoticon ini lebih keren, apalagi bagi rekan-rekan blogger yang menyukai anime naruto. Proses pemasangan tidak berbeda dengan postingan sebelumnya. Hanya isinya saja yang sedikit berubah.

Nah bagaimana ? Penasarankan dengan emoticonnya ? Sekarang mari kita coba menerapkannya pada blog sobat blogger.

Langkah-langkah Menambahkan Naruto Emoticon di Kotak Komentar Blogspot :

Ingin Menambahkan Naruto Emoticon di Kotak Komentar Blogspot anda ? Jika iya, silahkan baca kelanjutannya :

1. Login ke blogger dashboard, klik Design -> Edit HTML. Jangan lupa untuk mengklik Expand Widget Templates.

2. Carilah tag <p class=’comment-footer’> .

3. Hapus semua tag yang dimulai dari tag <b:if cond….> sampai </b:if>. Atau seperti yang terlihat pada tag dibawah ini :

<b:if cond=’data:post.embedCommentForm’>
<b:include data=’post’ name=’comment-form’/>
<b:else/>
<b:if cond=’data:post.allowComments’>
<h3><a expr:href=’data:post.addCommentUrl’
expr:onclick=’data:post.addCommentOnclick’>
<data:postCommentMsg/></a></h3>
</b:if>
</b:if>
</p>
</b:if>

4. Ganti dan copy kode dibawah ini dan pastekan tepat dibawah tag <p class=’comment-footer’> :

<b:if cond=’data:post.embedCommentForm’>
<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′ src=’https://lh5.googleusercontent.com/_FuXX2m46MaY/TdUltF3f_gI/AAAAAAAABEQ/FzPGPEX3Svs/naruto.gif’ /> :hai:
<img border=’0′ src=’https://lh4.googleusercontent.com/_FuXX2m46MaY/TdUltJw2ANI/AAAAAAAABEM/g84lFq-C414/naruto_brosse.gif’ /> :suit:
<img border=’0′ src=’https://lh4.googleusercontent.com/_FuXX2m46MaY/TdUltbPlE8I/AAAAAAAABEc/mhddULzL4LE/naruto_choc.gif’ /> :angry:
<img border=’0′ src=’https://lh6.googleusercontent.com/_FuXX2m46MaY/TdUlteILweI/AAAAAAAABEU/HjG-pvP3fOI/naruto_clapclap.gif’ /> :clap:
<img border=’0′ src=’https://lh6.googleusercontent.com/_FuXX2m46MaY/TdUltqRmDRI/AAAAAAAABEY/FF6gXxP1mh0/naruto_cool.gif’ /> 😎
<img border=’0′ src=’https://lh3.googleusercontent.com/_FuXX2m46MaY/TdUlt-OC04I/AAAAAAAABEg/z4Rlkrj8Deg/naruto_cry.gif’ /> 😥
<img border=’0′ src=’https://lh5.googleusercontent.com/_FuXX2m46MaY/TdUluENfpjI/AAAAAAAABEk/r4q4VpYOPQQ/naruto_doigt.gif’ /> :doit:
<img border=’0′ src=’https://lh3.googleusercontent.com/_FuXX2m46MaY/TdUluc30vuI/AAAAAAAABEo/WZCOwE-Oc5Y/naruto_happy.gif’ /> :happy:
<img border=’0′ src=’https://lh3.googleusercontent.com/_FuXX2m46MaY/TdUluth7dDI/AAAAAAAABEs/wbBUHG_OMsc/naruto_kiss.gif’ /> :kiss:
<img border=’0′ src=’https://lh5.googleusercontent.com/_FuXX2m46MaY/TdUluxeAWmI/AAAAAAAABEw/vIh123kiSsA/naruto_langue.gif’ /> :cibir:
<img border=’0′ src=’https://lh3.googleusercontent.com/_FuXX2m46MaY/TdUlu_KGPiI/AAAAAAAABE0/qaY59EB3g-I/naruto_lol.gif’ /> 😆
<img border=’0′ src=’https://lh5.googleusercontent.com/_FuXX2m46MaY/TdUlvJ0nGOI/AAAAAAAABE4/-9tb_L9Nirw/naruto_nothappy.gif’ /> :bad:
<img border=’0′ src=’https://lh5.googleusercontent.com/_FuXX2m46MaY/TdUlvXbmhiI/AAAAAAAABE8/sbTd6nz_3_Y/naruto_ok.gif’ /> :oke:
<img border=’0′ src=’https://lh6.googleusercontent.com/_FuXX2m46MaY/TdUlvi1u5_I/AAAAAAAABFA/FUoYm-f1AaI/naruto_pff.gif’ /> :puff:
<img border=’0′ src=’https://lh4.googleusercontent.com/_FuXX2m46MaY/TdUlvqDYFwI/AAAAAAAABFM/jLvrK-xmDZA/naruto_question.gif’ /> :tanya:
<img border=’0′ src=’https://lh4.googleusercontent.com/_FuXX2m46MaY/TdUlvzzfsZI/AAAAAAAABFE/o9bbdk45hzQ/naruto_smile.gif’ /> :senyum:
<img border=’0′ src=’https://lh6.googleusercontent.com/_FuXX2m46MaY/TdUlvwSVA5I/AAAAAAAABFI/e_gCb6sig2k/naruto_venere.gif’ /> :geram:
<img border=’0′ src=’https://lh6.googleusercontent.com/_FuXX2m46MaY/TdUlwFNELlI/AAAAAAAABFQ/jjhubD5B050/naruto_victoire.gif’ /> :piss:
<img border=’0′ src=’https://lh4.googleusercontent.com/_FuXX2m46MaY/TdUltJ4-P_I/AAAAAAAABEI/SgTNX98RkUo/naruto_zzz.gif’ /> :zzz:
</b>
</div>
<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>
</b:if>

5. Lalu cari tag </body>, copykan kode dibawah ini sebelum tag tersebut.

<script src=’http://piliang.googlecode.com/files/naruto-emo.js’ type=’text/javascript’/><noscript><a href="http://www.belajarpc.com" target="_blank"><span style="font-size: x-small;">Add Emoticon</span></a></noscript>

6. Klik tombol Save untuk menyimpan perubahan.

Hasilnya bisa dilihat pada DEMO blog. Jika terjadi kendala, silahkan kontak saya di kolom komentar.