Saturday, November 6, 2010

Membuat Reply Button kat Ruangan Komen..(Blogspot)..

Assalamualaikum semua,..Semoga sihat disamping keluarga,isteri@suami tersayang..(bagi yang dah kawin la..)Sebenarnya semalaman waveX bermain dengan koding semalam sampai mata pun dah berkod-kod..Terhasillah template baru..Fuhh..Penat la jugak..

Berbalik kepada tajuk kita..Reply button kat blogspot ni cuma blogger tricks biasa je..(x wujud pun function tu,just kita tambah nama orang tu kat depan je)..Tapi ruangan komen kita akan nampak lebih menarik..Tengok screenshot sikit..



Ha..kan ada button reply tu..Macam mana nak buat ?? Mudah je..Jom kita buat sekarang..

Langkah 1..

Log in blog kemudian pergi ke dashboard,pas tu klik Design > Edit Html > Tick pada 'Expand Widget templates' .

Langkah 2..

Gunakan keyboard, tekan Ctrl + F dan kemudian search kod di bawah.
<data:commentPostedByMsg/>
Langkah 3..

Copy kod di bawah ini dan kemudian letakkan selepas kod pada langkah 2..(.letak bawah kod tadi la maksudnya..)
<span><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=YOUR-BLOG-ID&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;,
&quot;toolbar=0,location=0,statusbar=1,menubar=0,
scrollbars=yes,width=450,height=450&quot;); return false;'>[Reply]</a></span>
Lepas tu korang tukar kod YOUR-BLOG-ID tu dengan ID blog korang..Nak ambik kat mana id blog tu..
Masuk Dashboard > Design > Page Elements..Lepas tu tengok kat address bar browser korang..

 
Ambil kod seperti yang dalam gambar, kemudian gantikan pada kod YOUR-BLOG-ID di atas.Sekarang korang dah siap dan klik SAVE..Sekarang button reply dah ada kat setiap komen dalam blog korang..

Nak cantikkan lagi ker?? 

Sesetengah orang dia just nak perkataan [Reply] je kan..Bagi yang nak tukar letak image yang lebih menarik adalah dialu-alukan..Jadi, gantikan kod [Reply] yang berwarna merah di atas dengan kod di bawah ni.
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhepj1IWeTQix_MIq92etF8WDPT1FygBttrJ6uUlgB7j1q2OkIj6a-RPv-EDaJZxUfIJbTG5lSL8Ifaq8d-V-C3gimWmZwOCWJUz1Rix-DIv0i0KoJXdn2biPM80K3324ZnjuUyXyckuN-K/s1600/reply%5B1%5D.gif"/>
Ataupun korang boleh guna reply button korang sendiri..Just tukar link pada kod ini..Kemudian klik SAVE..Dah siap..cantik punya..hikhik..

Kalau ada sebarang pertanyaan atau ada yang tidak kena, boleh komen kat bawah..Apa?? Nak cantik lagi..Nak macam waveX tu ke?? Ada ballon, numbering semua..Em,InsyaAllah lepas ni waveX buat tutorial kat korang..Tunggu..

12 comments:

  1. haha..bleh pulak testing2.saya dh ckp dia mcm hack je la..cuma kita letak nama org tu kat depan..tapi nampak style la ckit ruangan komen kita..hik2..

    ReplyDelete
  2. waaa bez2...trimas ye!!

    http:/www.duniakiesya.blogspot.com

    ReplyDelete
  3. yeay~ da buat..sng sket nk reply..

    thankz yer :)

    ReplyDelete
  4. cikwan rujuk tutorial ni.thanks ek :)

    ReplyDelete
  5. yeay ! suda jadi..thanx for da tuto. :D

    jom jenguk blog sy ^^

    ReplyDelete
  6. tq tips................

    ReplyDelete
  7. tq..sy dh berjaya buat button reply kt blog...i follow

    ReplyDelete
  8. thanks bro, ini time baru menjadi, macam taik kucing, sebelum aku buat tak menjadi..hahha

    ReplyDelete