Pasang Emoticon Pada Komentar Thread Terbaru

Hai sobat blogger... Hampir dua minggu offline dari dunia blog ternyata sudah banyak perubahan yang dialami blogger. yaitu salah satunya komentar thread. Sebenarnya saya punya kepikiran untuk mengganti komentar menjadi thread. Ternyata Blogger sudah memperbaharuinya terlebih dulu. Tetapi jika menggunakan versi komentar terbaru ini maka emoticon yang dulu saya pakai sudah tidak aktif. Karena semua atributnya sudah berbeda. Nah sob, buat kalian yang menggunakan komentar terbaru hapus aja emoticon yang lamanya karena saya sudah membuatkan yang baru :D
http://alprablog.blogspot.com/
Langsung aja deh ke cara Pasang Emoticon Pada Komentar Thread Terbaru. Pastikan kalian sudah login ke akun bloggernya.
http://alprablog.blogspot.com/
Pergi ke Rancangan ~> Edit HTML ~> Caro kode </body>
Copas kode berikut dan letakan tepat di atas kode </body>

<!-- Yahoo Emoticon by Alprablog.blogspot.com -->
<script src='http://js.alpra.co.cc/file/n4296202/yemoticon.js' type='text/javascript'/>

Simpan.

Kode diatas itu hanya javascriptnya saja, jadi tidak ada contoh kodenya. Jika mau pasang contoh kodenya silahkan lanjutkan tutorail berikut. Saya sarankan untuk mendownload back-up template kalian terlebih dulu.

Masih di halaman Edit HTML.

• Silahkan expand template widget terlebih dulu.
• Cari kode <p class='comment-footer'>. Setiap template mungkin kodenya berbeda biasa kode tersebut ada 2. Biasanya terletak pada kode kedua
  Perhatikan kode berikut.
  
  
  <p class='comment-footer'>
        <b:if cond='data:post.allowNewComments'>
          <b:include data='post' name='threaded-comment-form'/>
        <b:else/>
          <data:post.noNewCommentsText/>
        </b:if>
      </p>
  
  
• Pastekan kode berikut tepat di bawah kode <p class='comment-footer'>.
  
  
  <div style='text-align:center;'>
  <img border='0' class='' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' title=':))'/>
  <img border='0' class='' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif' title=':)]'/>
  <img border='0' class='' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif' title=':>'/>
  <img border='0' class='' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' title=';;)'/>
  <img border='0' class='' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' title=':D'/>
  <img border='0' class='' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' title=';)'/>
  <img border='0' class='' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' title=':P'/>
  <img border='0' class='' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' title=':(('/>
  <img border='0' class='' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' title=':)'/>
  <img border='0' class='' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' title=':('/>
  <img border='0' class='' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif' title=':Love'/>
  <img border='0' class='' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif' title='=(('/>
  <img border='0' class='' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif' title=':-o'/>
  <img border='0' class='' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' title=':-/'/>
  <img border='0' class='' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif' title=':-*'/>
  <img border='0' class='' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif' title=':|'/>
  <img border='0' class='' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif' title='8-}'/>
  <img border='0' class='' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif' title='~x('/>
  <img border='0' class='' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif' title=':-t'/>
  <img border='0' class='' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif' title='b-('/>
  <img border='0' class='' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif' title=':-L'/>
  <img border='0' class='' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif' title='x('/>
  <img border='0' class='' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' title='=))'/>
  </div>
  
  
• Simpan. 

Semoga bermanfaat ^^

Posted in: tutorial blog