Cara Membuat Script Kotak Komentar Sendiri

Assalamualaikum.wr.wb

He'em... Guk2 ( maap saya lagi batuk).

Pada kesempatan ini saya akan menyampaikan bagaimana caranya membuat script sendiri pada emosi di kotak komentar.

Pertama tama kita harus mengucapkan banyak2 terimakasih kepada Alloh yang telah m emberikan kesempatan kepada saya, sehingga saya bisa menulis postingan ini. ( Wah mas kapan ni dimulai tutornya... ) , ( iya- iya sabar dong ).

Ya udah kalo gak sabar ayo kita mulai,....


(hore... )

  • Pertama yang harus dilakukan anda hrus sudah didepan .
  • Kalo udah nya harus terkoneksi dengan internet...( wah mas semua dah tau dudul..)

Kalo uda pada tau ayo kita mulai :
  • Kamu copy file scriptnya dulu, dibawah ini di notepad atau sejenisnya (saya sengaja mengambil salah satu script dari PB:

a = document.getElementById('comments');
if(a) {
b = a.getElementsByTagName("DD");
for(i=0; i < b.length; i++) {
if (b.item(i).getAttribute('CLASS') == 'comment-body') {
_str = b.item(i).innerHTML.replace(/:10/gi, "<img src='http://img7.imageshack.us/img7/5660/pinginbelajar1.gif' alt='' class='smiley'/>");
_str = _str.replace(/:11/gi, "<img src='http://img162.imageshack.us/img162/9828/pinginbelajar2.gif' alt='' class='smiley'/>");
_str = _str.replace(/:12/gi, "<img src='http://img338.imageshack.us/img338/2876/pinginbelajar5.gif' alt='' class='smiley'/>");
_str = _str.replace(/:13/gi, "<img src='http://img178.imageshack.us/img178/4784/pinginbelajar6.gif' alt='' class='smiley'/>");
_str = _str.replace(/:14/gi, "<img src='http://img15.imageshack.us/img15/5646/pinginbelajar7.gif' alt='' class='smiley'/>");
_str = _str.replace(/:15/gi, "<img src='http://img54.imageshack.us/img54/9709/pinginbelajar8.gif' alt='' class='smiley'/>");
_str = _str.replace(/:16/gi, "<img src='http://img228.imageshack.us/img228/2490/pinginbelajar9.gif' alt='' class='smiley'/>");
_str = _str.replace(/:17/gi, "<img src='http://img254.imageshack.us/img254/9241/pinginbelajar10.gif' alt='' class='smiley'/>");
_str = _str.replace(/:18/gi, "<img src='http://img249.imageshack.us/img249/715/pinginbelajar16.gif' alt='' class='smiley'/>");
_str = _str.replace(/:19/gi, "<img src='http://img19.imageshack.us/img19/8225/pinginbelajar20.gif' alt='' class='smiley'/>");
_str = _str.replace(/:20/gi, "<img src='http://img249.imageshack.us/img249/368/pinginbelajar21.gif' alt='' class='smiley'/>");
_str = _str.replace(/:21/gi, "<img src='http://img249.imageshack.us/img249/3122/pinginbelajar23.gif' alt='' class='smiley'/>");
_str = _str.replace(/:22/gi, "<img src='http://img8.imageshack.us/img8/7082/pinginbelajar24.gif' alt='' class='smiley'/>");
_str = _str.replace(/:23/gi, "<img src='http://img249.imageshack.us/img249/9643/pinginbelajar25.gif' alt='' class='smiley'/>");
_str = _str.replace(/:24/gi, "<img src='http://img3.imageshack.us/img3/9077/pinginbelajar26.gif' alt='' class='smiley'/>");
_str = _str.replace(/:25/gi, "<img src='http://img249.imageshack.us/img249/5254/pinginbelajar27.gif' alt='' class='smiley'/>");
_str = _str.replace(/:26/gi, "<img src='http://img8.imageshack.us/img8/4191/pinginbelajar28.gif' alt='' class='smiley'/>");
_str = _str.replace(/:27/gi, "<img src='http://img13.imageshack.us/img13/3637/pinginbelajar29.gif' alt='' class='smiley'/>");
_str = _str.replace(/:28/gi, "<img src='http://img167.imageshack.us/img167/1944/pinginbelajar32.gif' alt='' class='smiley'/>");
_str = _str.replace(/:29/gi, "<img src='http://img53.imageshack.us/img53/61/pinginbelajar33.gif' alt='' class='smiley'/>");
_str = _str.replace(/:30/gi, "<img src='http://img186.imageshack.us/img186/7215/pinginbelajar35.gif' alt='' class='smiley'/>");
_str = _str.replace(/:31/gi, "<img src='http://img106.imageshack.us/img106/7729/pinginbelajar36.gif' alt='' class='smiley'/>");
_str = _str.replace(/:32/gi, "<img src='http://img106.imageshack.us/img106/700/pinginbelajar17.gif' alt='' class='smiley'/>")
_str = _str.replace(/:33/gi, "<img src='http://img231.imageshack.us/img231/4497/pinginbelajar34.gif' alt='' class='smiley'/>");
_str = _str.replace(/:34/gi, "<img src='http://img4.imageshack.us/img4/1805/pinginbelajar31.gif' alt='' class='smiley'/>");
_str = _str.replace(/:35/gi, "<img src='http://img72.imageshack.us/img72/7403/pinginbelajar30.gif' alt='' class='smiley'/>");
_str = _str.replace(/:36/gi, "<img src='http://img249.imageshack.us/img249/5619/pinginbelajar22.gif' alt='' class='smiley'/>");
_str = _str.replace(/:37/gi, "<img src='http://img249.imageshack.us/img249/9919/pinginbelajar15.gif' alt='' class='smiley'/>");
_str = _str.replace(/:38/gi, "<img src='http://img254.imageshack.us/img254/9607/pinginbelajar14.gif' alt='' class='smiley'/>");
_str = _str.replace(/:39/gi, "<img src='http://img19.imageshack.us/img19/6241/pinginbelajar13.gif' alt='' class='smiley'/>");
_str = _str.replace(/:40/gi, "<img src='http://img19.imageshack.us/img19/2213/pinginbelajar12.gif' alt='' class='smiley'/>");
_str = _str.replace(/:41/gi, "<img src='http://img249.imageshack.us/img249/2448/pinginbelajar11.gif' alt='' class='smiley'/>");
_str = _str.replace(/:42/gi, "<img src='http://img162.imageshack.us/img162/6028/pinginbelajar3.gif' alt='' class='smiley'/>");
_str = _str.replace(/:43/gi, "<img src='http://img162.imageshack.us/img162/1236/pinginbelajar4.gif' alt='' class='smiley'/>");
_str = _str.replace(/:44/gi, "<img src='http://img254.imageshack.us/img254/50/pinginbelajar19.gif' alt='' class='smiley'/>");
_str = _str.replace(/:45/gi, "<img src='http://img19.imageshack.us/img19/464/pinginbelajar18.gif' alt='' class='smiley'/>")
b.item(i).innerHTML = _str;
}
}
}

a = document.getElementById('comments');
if(a) {
c = a.getElementsByTagName("DD");
for(i=0; i < c.length; i++) {
if (c.item(i).getAttribute('CLASS') == 'comment-body-author') {
_str = c.item(i).innerHTML.replace(/:10/gi, "<img src='http://img7.imageshack.us/img7/5660/pinginbelajar1.gif' alt='' class='smiley'/>");
_str = _str.replace(/:11/gi, "<img src='http://img162.imageshack.us/img162/9828/pinginbelajar2.gif' alt='' class='smiley'/>");
_str = _str.replace(/:12/gi, "<img src='http://img338.imageshack.us/img338/2876/pinginbelajar5.gif' alt='' class='smiley'/>");
_str = _str.replace(/:13/gi, "<img src='http://img178.imageshack.us/img178/4784/pinginbelajar6.gif' alt='' class='smiley'/>");
_str = _str.replace(/:14/gi, "<img src='http://img15.imageshack.us/img15/5646/pinginbelajar7.gif' alt='' class='smiley'/>");
_str = _str.replace(/:15/gi, "<img src='http://img54.imageshack.us/img54/9709/pinginbelajar8.gif' alt='' class='smiley'/>");
_str = _str.replace(/:16/gi, "<img src='http://img228.imageshack.us/img228/2490/pinginbelajar9.gif' alt='' class='smiley'/>");
_str = _str.replace(/:17/gi, "<img src='http://img254.imageshack.us/img254/9241/pinginbelajar10.gif' alt='' class='smiley'/>");
_str = _str.replace(/:18/gi, "<img src='http://img249.imageshack.us/img249/715/pinginbelajar16.gif' alt='' class='smiley'/>");
_str = _str.replace(/:19/gi, "<img src='http://img19.imageshack.us/img19/8225/pinginbelajar20.gif' alt='' class='smiley'/>");
_str = _str.replace(/:20/gi, "<img src='http://img249.imageshack.us/img249/368/pinginbelajar21.gif' alt='' class='smiley'/>");
_str = _str.replace(/:21/gi, "<img src='http://img249.imageshack.us/img249/3122/pinginbelajar23.gif' alt='' class='smiley'/>");
_str = _str.replace(/:22/gi, "<img src='http://img8.imageshack.us/img8/7082/pinginbelajar24.gif' alt='' class='smiley'/>");
_str = _str.replace(/:23/gi, "<img src='http://img249.imageshack.us/img249/9643/pinginbelajar25.gif' alt='' class='smiley'/>");
_str = _str.replace(/:24/gi, "<img src='http://img3.imageshack.us/img3/9077/pinginbelajar26.gif' alt='' class='smiley'/>");
_str = _str.replace(/:25/gi, "<img src='http://img249.imageshack.us/img249/5254/pinginbelajar27.gif' alt='' class='smiley'/>");
_str = _str.replace(/:26/gi, "<img src='http://img8.imageshack.us/img8/4191/pinginbelajar28.gif' alt='' class='smiley'/>");
_str = _str.replace(/:27/gi, "<img src='http://img13.imageshack.us/img13/3637/pinginbelajar29.gif' alt='' class='smiley'/>");
_str = _str.replace(/:28/gi, "<img src='http://img167.imageshack.us/img167/1944/pinginbelajar32.gif' alt='' class='smiley'/>");
_str = _str.replace(/:29/gi, "<img src='http://img53.imageshack.us/img53/61/pinginbelajar33.gif' alt='' class='smiley'/>");
_str = _str.replace(/:30/gi, "<img src='http://img186.imageshack.us/img186/7215/pinginbelajar35.gif' alt='' class='smiley'/>");
_str = _str.replace(/:31/gi, "<img src='http://img106.imageshack.us/img106/7729/pinginbelajar36.gif' alt='' class='smiley'/>");
_str = _str.replace(/:32/gi, "<img src='http://img106.imageshack.us/img106/700/pinginbelajar17.gif' alt='' class='smiley'/>")
_str = _str.replace(/:33/gi, "<img src='http://img231.imageshack.us/img231/4497/pinginbelajar34.gif' alt='' class='smiley'/>");
_str = _str.replace(/:34/gi, "<img src='http://img4.imageshack.us/img4/1805/pinginbelajar31.gif' alt='' class='smiley'/>");
_str = _str.replace(/:35/gi, "<img src='http://img72.imageshack.us/img72/7403/pinginbelajar30.gif' alt='' class='smiley'/>");
_str = _str.replace(/:36/gi, "<img src='http://img249.imageshack.us/img249/5619/pinginbelajar22.gif' alt='' class='smiley'/>");
_str = _str.replace(/:37/gi, "<img src='http://img249.imageshack.us/img249/9919/pinginbelajar15.gif' alt='' class='smiley'/>");
_str = _str.replace(/:38/gi, "<img src='http://img254.imageshack.us/img254/9607/pinginbelajar14.gif' alt='' class='smiley'/>");
_str = _str.replace(/:39/gi, "<img src='http://img19.imageshack.us/img19/6241/pinginbelajar13.gif' alt='' class='smiley'/>");
_str = _str.replace(/:40/gi, "<img src='http://img19.imageshack.us/img19/2213/pinginbelajar12.gif' alt='' class='smiley'/>");
_str = _str.replace(/:41/gi, "<img src='http://img249.imageshack.us/img249/2448/pinginbelajar11.gif' alt='' class='smiley'/>");
_str = _str.replace(/:42/gi, "<img src='http://img162.imageshack.us/img162/6028/pinginbelajar3.gif' alt='' class='smiley'/>");
_str = _str.replace(/:43/gi, "<img src='http://img162.imageshack.us/img162/1236/pinginbelajar4.gif' alt='' class='smiley'/>");
_str = _str.replace(/:44/gi, "<img src='http://img254.imageshack.us/img254/50/pinginbelajar19.gif' alt='' class='smiley'/>");
_str = _str.replace(/:45/gi, "<img src='http://img19.imageshack.us/img19/464/pinginbelajar18.gif' alt='' class='smiley'/>")
b.item(i).innerHTML = _str;
}
}
}

  • Huh gila capek banget ngeblog warnanya...
  • Yang Perlu kamu edit adalah:

  • Yang berwarna merah kamu ganti dengan code yang sesuai di template kamu, jika di dalam template kamu jika di kode template kamu ada kode itu kamu tidak usah menggantinya... Tapi... jika di kode kamu tidak ada kode itu, dan kodenya adanya 
commenttext


dan
commenttext-admin

Maka kamu harus mengganti kode merah
itu dengan kode diatas, contoh:

comment-body diganti dengan kode 
commenttext
comment-body-author diganti dengan kode
commenttext-admin
  • Yang berwarna hijau kamu ganti dengan URL smile kamu,,, ( Ingat URL yang diatas dan Dibawah harus sama)
  • Yang berwarna biru kamu ganti dengan kode smile kamu,,, yang nantinya akan menjadi kode yang bila ditulis akan keluar gambar itu ( Ingat Kode yang diatas dan Dibawah harus sama)
  • Kalo Uda Kamu Upload Kode Itu di hosting, saya sarankan disini


Cara Masangnya :

  • Kamu Login di blogger
  • Klik Tab Tata Letak
  • Klik Tab Edit HTML
  • Beri tanda centang pada kotak kecil Expand Template Widget
  • Silahkan cari di dalam template anda kode </body>
  • Persis sebelum kode tersebut, pastekan scirpt di bawah ini:
<script src='http://wimg.co.uk/AWE.js' type='text/javascript'/>
  • Ganti Kode URL berwarna kuning itu dengan URL tempat kamu menghosting nya...
  • Silahkan cari lagi di dalam template anda kode
<b:if cond='data:post.embedCommentForm'>
  • Persis sebelum kode tersebut, pastekan script di bawah ini:

<div style='overflow:auto; width:100%px; height:200px; padding:5px 5px 5px 5px; background:#FFFFFF;'>
<center><b>
<img border='0' src='http://img7.imageshack.us/img7/5660/pinginbelajar1.gif'/>:10
<img border='0' src='http://img162.imageshack.us/img162/9828/pinginbelajar2.gif'/>:11
<img border='0' src='http://img338.imageshack.us/img338/2876/pinginbelajar5.gif'/>:12
<img border='0' src='http://img178.imageshack.us/img178/4784/pinginbelajar6.gif'/>:13
<br/>
<img border='0' src='http://img15.imageshack.us/img15/5646/pinginbelajar7.gif'/>:14
<img border='0' src='http://img54.imageshack.us/img54/9709/pinginbelajar8.gif'/>:15
<img border='0' src='http://img228.imageshack.us/img228/2490/pinginbelajar9.gif'/>:16
<img border='0' src='http://img254.imageshack.us/img254/9241/pinginbelajar10.gif'/>:17
<br/>
<img border='0' src='http://img249.imageshack.us/img249/715/pinginbelajar16.gif'/>:18
<img border='0' src='http://img19.imageshack.us/img19/8225/pinginbelajar20.gif'/>:19
<img border='0' src='http://img249.imageshack.us/img249/368/pinginbelajar21.gif'/>:20
<img border='0' src='http://img249.imageshack.us/img249/3122/pinginbelajar23.gif'/>:21
<br/>
<img border='0' src='http://img8.imageshack.us/img8/7082/pinginbelajar24.gif'/>:22
<img border='0' src='http://img249.imageshack.us/img249/9643/pinginbelajar25.gif'/>:23
<img border='0' src='http://img3.imageshack.us/img3/9077/pinginbelajar26.gif'/>:24
<img border='0' src='http://img249.imageshack.us/img249/5254/pinginbelajar27.gif'/>:25
<br/>
<img border='0' src='http://img8.imageshack.us/img8/4191/pinginbelajar28.gif'/>:26
<img border='0' src='http://img13.imageshack.us/img13/3637/pinginbelajar29.gif'/>:27
<img border='0' src='http://img167.imageshack.us/img167/1944/pinginbelajar32.gif'/>:28
<img border='0' src='http://img53.imageshack.us/img53/61/pinginbelajar33.gif'/>:29
<br/>
<img border='0' src='http://img186.imageshack.us/img186/7215/pinginbelajar35.gif'/>:30
<img border='0' src='http://img106.imageshack.us/img106/7729/pinginbelajar36.gif'/>:31
<img border='0' src='http://img106.imageshack.us/img106/700/pinginbelajar17.gif'/>:32
<img border='0' src='http://img231.imageshack.us/img231/4497/pinginbelajar34.gif'/>:33
<br/>
<img border='0' src='http://img4.imageshack.us/img4/1805/pinginbelajar31.gif'/>:34
<img border='0' src='http://img72.imageshack.us/img72/7403/pinginbelajar30.gif'/>:35
<img border='0' src='http://img249.imageshack.us/img249/5619/pinginbelajar22.gif'/>:36
<img border='0' src='http://img249.imageshack.us/img249/9919/pinginbelajar15.gif'/>:37
<br/>
<img border='0' src='http://img254.imageshack.us/img254/9607/pinginbelajar14.gif'/>:38
<img border='0' src='http://img19.imageshack.us/img19/6241/pinginbelajar13.gif'/>:39
<img border='0' src='http://img19.imageshack.us/img19/2213/pinginbelajar12.gif'/>:40
<img border='0' src='http://img249.imageshack.us/img249/2448/pinginbelajar11.gif'/>:41
<br/>
<img border='0' src='http://img162.imageshack.us/img162/6028/pinginbelajar3.gif'/>:42
<img border='0' src='http://img162.imageshack.us/img162/1236/pinginbelajar4.gif'/>:43
<img border='0' src='http://img254.imageshack.us/img254/50/pinginbelajar19.gif'/>:44
<img border='0' src='http://img19.imageshack.us/img19/464/pinginbelajar18.gif'/>:45
</b></center>
</div>
  • Ganti warna merah dan URL lainnya( sengaja tdk saya kasih watna merah karena pegel... ni tangan) dengan URL kamu saat membuat script. dan juga kode angkanya juga harus sama

Dah selesai......

Gila nulisnya capek banget...

ah...

dan




semoga berhasil...




amin...

wassalamualaiku.wr.wb

Related Posts by Categories



at 12:09 AM
Labels: , ,

what is new today




Bookmark and Share