Menampilkan / Pasang Emoticon di Kotak Komentar

Dengan adanya emoticon di kotak komentar tentunya akan membuat blog menjadi lebih hidup. Para komentator menjadi lebih bisa mengekspresikan perasaannya melalui icon2 (emoticon). Kalau di wordpress mungkin feature ini sudah tersedia. Tapi untuk blogspot kita harus mengotak-atik dan mengakalinya supaya bisa menampilkan emoticon di area komentar. Gimana? kamu mau memasang emoticon ini?

Seperti biasanya, di trik ini akan diberikan dua macam emoticon, yaitu emoticon kucing (seperti punyaku ini) dan emoticon yahoo. Kamu tinggal pilih mana yang kamu suka.

Emoticon Yahoo :



Emoticon Kucing :



Gini nih cara membuatnya :

1. Pertama login ke blogger, trus ke "Layout (Tataletak) --> Edit HTML "
2. Beri tanda centang pada kotak "expand widget template"
3. Lalu letakkan script berikut sebelum kode </body>

Untuk Emoticon Yahoo :

<script src='http://kendhin.890m.com/emoticon/smile1.js' type='text/javascript'/>

Untuk Emoticon Kucing :

<script src='http://kendhin.890m.com/emoticon/smile2.js' type='text/javascript'/>

4. Kemudian cari kode berikut ini :

<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>

5. Kalo sudah ketemu letakkan kode2 berikut setelah kode <p class='comment-footer'>

Ini untuk Yahoo emoticon :

<b><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/>
:))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/>
:)]
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/>
;))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/>
;;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/>
:D
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/>
;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>
:p
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/>
:((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/>
:)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/>
:(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/>
:X
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/>
=((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/>
:-o
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/>
:-/
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/>
:-*
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/>
:|
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/>
8-}
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/>
~x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/>
:-t
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/>
b-(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/>
:-L
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/>
x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/>
=))
</b>

Kalo mo yang emoticon kucing pake yang ini :

<b><img border='0' src='http://kendhin.890m.com/emoticon/capek.gif'/>
:f
<img border='0' src='http://kendhin.890m.com/emoticon/bigsmile.gif'/>
:D
<img border='0' src='http://kendhin.890m.com/emoticon/hi.gif'/>
:)
<img border='0' src='http://kendhin.890m.com/emoticon/kagum.gif'/>
;;)
<img border='0' src='http://kendhin.890m.com/emoticon/love.gif'/>
:x
<img border='0' src='http://kendhin.890m.com/emoticon/malu.gif'/>
:$
<img border='0' src='http://kendhin.890m.com/emoticon/marah.gif'/>
x(
<img border='0' src='http://kendhin.890m.com/emoticon/bingung.gif'/>
:?
</b>
<br/>
<b>
<img border='0' src='http://kendhin.890m.com/emoticon/mumet.gif'/>
:@
<img border='0' src='http://kendhin.890m.com/emoticon/muntah.gif'/>
:~
<img border='0' src='http://kendhin.890m.com/emoticon/mentok.gif'/>
:|
<img border='0' src='http://kendhin.890m.com/emoticon/ngakak.gif'/>
:))
<img border='0' src='http://kendhin.890m.com/emoticon/sedih.gif'/>
:(
<img border='0' src='http://kendhin.890m.com/emoticon/senang.gif'/>
:s
<img border='0' src='http://kendhin.890m.com/emoticon/tolong.gif'/>
:((
<img border='0' src='http://kendhin.890m.com/emoticon/wow.gif'/>
:o </b>

6. Kalo sudah trus di "save" dan coba lihat hasilnya

Tambahan
* Kadang-kadang ada beberapa template memiliki kode yang beda. Kalau caranya sudah dilaksanakan dengan benar tapi hasilnya tidak terjadi apa2 atau kodenya tidak berubah menjadi emoticon, kemungkinan itu karena Kode untuk templatenya berbeda atau bisa juga karena mugnkin hosting untuk menaruh file emoticon dan javascriptnya sedang bermasalah.

Highlight Author Comment

Highlight Author Comment fungsinya adalah supaya komentar author (pemilik blog) berbeda dengan komentar orang lain . Contohnya bisa dilihat di blog ini. Untuk komentar pemilik blog akan ada bordernya dan ada efek lainnya. Nha berikut ini akan aku beberkan cara untuk membuat Highlight Author Comment ini. Dah siap semuanya ? OK lets dance togather :D

1. Login ke blogger trus ke menu "Layout --> Edit HTML"
2. Beri tanda centang pada kotak "Expand Widget Templates"
3. Copy script berikut ini sebelum kode ]]></b:skin> atau copy ke dalam kode CSS.

.comment-body-author {
background: #E6E6E6; /* Warna Background */
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;
margin:0;
padding:0 0 0 20px;
}

4. Kemudian cari kode2 seperti berikut. Mungkin kode yg ada di HTML kamu akan beda, tp walaupun beda usahakan semirip mungkin dengan kode berikut ini :

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
said...
</dt>

<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/>

<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>

</b:if>

<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>

5. Kode yang berwarna merah adalah kode yang harus kamu tambahkan di HTML kamu. Posisinya harus benar, ingat itu.
6. Kalo sudah terus disave template kamu.

Comment author ini berdasarkan profil dari pemilik blog tsb. Jadi supaya efeknya muncul sebelum memberi komentar kamu harus login dulu di blogger. OK.
Oh ya ini bukan untuk komentar dari haloscan lho. Tapi hanya untuk kotak komentar yg dari blogger murni

Mengganti Kotak Komentar Haloscan menjadi Commentbox Blogspot

Dulu sebelum kotak komentar blogger/blogspot bisa muncul dibawah postingan, banyak yang menganti kotak komentarnya dengan commentbox dari pihak ketiga, misalnya dari haloscan. Namun setelah blogger merilis kotak komentar yg dibawah postingan maka kini banyak yg berbondong beralih ke kotak komentar original dari blogspot ini. Tapi bagi yg sudah terlanjur memakai haloscan dan sudah terlanjur mengobrak-abrik templatenya tentu akan sayang jika harus mengganti templatenya demi mendapatkan kotak original blogspot ini. Nha berikut ini akan aku ulas bagaimana cara mengembalikan kotak komentar haloscan menjadi kotak komentar original dari blogger.
Ikuti tutorial berikut:

1. Login ke blogger, kemudian pilih menu"Layout--> Edit HTML"
2. Beri tanda centang pada kotak "Expand widget template"
3. Kemudian cari kode berikut :

<!-- start haloscan (part 1) -->
<script src='http://www.haloscan.com/load/kendhin' type='text/javascript'> </script>
<span class='post-comment-link'>
<a class='comment-link' expr:href='&quot;http://www.haloscan.com/comments/kendhin/&quot; + data:post.id + &quot;/&quot;' expr:onclick='&quot;HaloScan(&quot; + &quot;\&quot;&quot;+ data:post.id + &quot;\&quot;&quot; + &quot;);return false;&quot;'>
<script type='text/javascript'>postCount(&#39;<data:post.id/>&#39;);</script>
</a> |
<a class='comment-link' expr:href='&quot;http://www.haloscan.com/tb/kendhin/&quot; + data:post.id + &quot;/&quot;' expr:onclick='&quot;HaloScanTB(&quot; + &quot;\&quot;&quot;+ data:post.id + &quot;\&quot;&quot; + &quot;);return false;&quot;'>
<script type='text/javascript'>postCountTB(&#39;<data:post.id/>&#39;);</script>
</a>
</span>
<!-- end haloscan -->

4. Kalo sudah ketemu maka gantilah dengan kode dibawah ini :

<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>

5. Kemudian cari kode berikut ini :

<!-- start haloscan (part 2 - post) -->
<script src='http://www.haloscan.com/load/kendhin' type='text/javascript'> </script>
<span class='post-comment-link'>
<p><a class='comment-link' expr:href='&quot;http://www.haloscan.com/comments/kendhin/&quot; + data:post.id + &quot;/&quot;' expr:onclick='&quot;HaloScan(&quot; + &quot;\&quot;&quot;+ data:post.id + &quot;\&quot;&quot; + &quot;);return false;&quot;'>
<script type='text/javascript'>postCount(&#39;<data:post.id/>&#39;);</script>
</a> |
<a class='comment-link' expr:href='&quot;http://www.haloscan.com/tb/kendhin/&quot; + data:post.id + &quot;/&quot;' expr:onclick='&quot;HaloScanTB(&quot; + &quot;\&quot;&quot;+ data:post.id + &quot;\&quot;&quot; + &quot;);return false;&quot;'>
<script type='text/javascript'>postCountTB(&#39;<data:post.id/>&#39;);</script>
</a></p>
<script expr:src='&quot;http://www.haloscan.com/comments/kendhin/&quot; + data:post.id + &quot;/?m=1&quot;' type='text/javascript'/>
<noscript><a expr:href='&quot;http://www.haloscan.com/comments/kendhin/&quot; + data:post.id + &quot;/&quot;'>Comments</a> | <a expr:href='&quot;http://www.haloscan.com/tb/kendhin/&quot; + data:post.id + &quot;/&quot;'>Trackback</a></noscript><br/>
</span>
<!-- end haloscan -->

6. Kalo sudah ketemu trus ganti dengan kode dibawah ini:

<h4>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>
<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
<p class='comment-footer'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</p>

7. Trus simpan template kamu.
8. Jika inging menampilkan kotak komentar blogger/blogspot dibawah postingan maka ikutilah LANGKAH DISINI

Semoga beruntung....

Membuat Kotak Komentar Blogger di Bawah Postingan

Akhirnya datang juga....
Setelah lama ditunggu-tunggu oleh para penggemar setianya, akhir blogger/blogspot menerbitkan juga comment box atau kotak komentar yang langsung muncul berada dibawah postingan. Kalau dulu hanya berupa link "Post a Comment", maka yang sekarang lain, yg sekarang kotak komentarnya langsung muncul persis dibawah postingan (seperti kotak komentar dibawah ini). Dengan adanya kotak komentar yang seperti ini, akupun rela mengganti kotak komentarku yang dulu (haloscan) dengan comentbox yang ini. Walaupun kotak komentar ini masih dalam draft tapi sudah bisa dinikmati.

Begini nih cara membuat kotak komentar blogger yang berada dibawah postingan.

1. Login ke http://draft.blogger.com, Ingat yang http://draft.blogger.com bukan blogger.com.
2. Trus ke menu Setting-->Comments. Kemudian ganti "Comment Form Placement" menjadi "Embedded below post" (lihat gambar dibawah)



3. Kemudian klik "Save Setting"

Sekarang coba kamu lihat blogmu dan coba di klik salah satu postinganmu kemudian lihat hasilnya, apakah sudah ada kotak komentarnya yg dibawah postingan atau belum. kalau sudah berarti langkahnya cukup disini. Kalau belum ikuti langkah berikut ini.
(ini karena kode HTML tiap2 template itu berbeda. Untuk template default dari blogger yang baru, kode HTMLnya sudah berubah, sedangkan template yg lama atau ambil dari luar ada yg belum dan ada juga yg sudah).

4. Selanjutnya pergi ke menu "Layout-->Edit HTML"
5. Beri tanda centang kotak "Expand widget templates".
6. Trus cari kode berikut ini :

<p class='comment-footer'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a>
</p>
</b:if>

7. Kemudian ganti kode tersebut dengan kode dibawah ini:

<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> </b:if>

8. Lalu simpan template kamu.

Lihat deh hasilnya, coba kamu klik salah satu postingan kamu, maka dibawahnya akan muncul kotak komentar seperti punyaku ini (Bagi yang berhasil).

Membuat Kotak Komentar Intensedebate

Bagi pengguna blogger tentunya sudah tahu kan kalo kotak komentar yang ada di blogger tidak langsung berada dibawah postingan, tapi harus nge-klik link dulu baru akan muncul pop-up kotak buat ngisi komentar. Nha dulu kita kan pernah mengakali hal ini dengan memakai jasa pihak kedua yaitu dengan menggunakan kotak komentar dari haloscan, tapi ternyata banyak pemakai yang komplain karena hasilnya tidak seperti yang diharapkan mungkin karane tidak sesuai dengan template yang digunakan. Nha ketika aku jalan-jalan di blog orang lain trus aku baca-baca (sebenarnya sih nggak bisa bacanya, lha wong tulisanya pake tulisan campur ama tulisan cina :p ). Aku lihat dibagian bawah ada kotak komentar yang sepertinya asing, trus aku selidiki, akhirnya ketemu deh cara buatnya. Nha bagi yang kemarin gagal makai kotak haloscan mungkin yang ini bisa jadi alternatif. Mau tahu cara buatnya?

Cara buatnya sangat mudah,
1. Login ke blogger, trus pilih "Layout --> Edit HTML", Nha kamu klik link "Download Full Template", untuk membackup template kamu.
2. Trus kamu datangi situs ini intensedebate.com trus daftar disana, cara daftarnya gampang kok. kalo udah daftar trus login ya. Trus masuk ke menu "dashboard"
3. Di sebelah kanan atas ada sebuah tombol biru yang ada tulisannya "add blog", klik tombol tersebut.
4. Trus akan muncul kota untuk mengisikan alamat blog kamu, isi kotak tersebut dengan alamat blogmu trus klik tombol dibawahnya.
5. Kemudian akan muncul pemandangan seperti ini :



6. Pilih yang "Widget (Recomended)" aja biar mudah.
7. Trus dibawahnya kan ada beberapa pilihan untuk "Replace Comment System", Pilih "On post without comments" jika kamu pingin kotaknya muncul dalam postingan yang belum ada komentarnya (komentar-komentar kamu yang sebelumnya masih tetap ada tapi pada postingan yang sudah ada komentarnya kotak komentar ini tidak muncul). jika km pingin semua postingan menggunakan kotak komentar ini maka pilih yang "On all blog post" (semua komentar kamu yang sebelumnya akan hilang).
8. Kalo sudah klik tombol "Complete Installation"
9. Maka kamu akan melihat halaman seperti ini :



10. Klik tombol "ADD WIDGET". Trus langsung jadi deh kotak komentar kamu.

Coba dilihat blog kamu, trus coba pilih salah satu postingan kamu dan lihat dibawahnya, Insya'Allah kamu akan melihat kotak komentar seperti ini :



Oh ya, satu lagi nih kelebihannya, kamu bisa dengan mudah menghapus kotak komentar ini karena ini bebrbentuk widget, caranya seperti biasa kalo kamu menghapus element.
Nah, SELAMAT MENCOBA ..**>...*>>$%##@

Cara Membuat Kotak Ngoceh (Shout Box)

Kotak ngoceh atau istilah lainnya shout box, Say Box, Tag Board, dan Chatter Box adalah suatu kotak yang berfungsi untuk mengirimkan pesan-pesan pendek, namun bisa juga berfungsi sebagai tempat ngobrol (chatting). Dengan shoutbox, kita juga bisa mempromosikan blog kita, misalnya nih, kita datangi blog orang yang menyediakan kotak ini kemudian kita kasih komentar atau cuma sekedar salam di shoutbox mereka, lalu yang punya blog akan melihat di shoutbox, biasanya meraka akan balas mengunjungi blog kita. Nha gitu ceritannya. Biasanya kotak ngoceh diselipkan kedalam halaman web/blog dengan bahasa java Script. Bagi kamu yang jago pemrograman java script mungkin bisa membuatnya sendiri dengan membuat kode-kode yang memusingkan kepala. Namun buat kamu yang nggak jago nggak usah kuatir karena sekarang ini banyak situs internet yang menyediakan layanan ini, salah satunya yaitu Shoutmix . Caranya adalah sebagai berikut :

1. Buka situs Shoutmix Kamu harus mendaftar di situs tersebut, cara daftarnya gampang kok.
2. Jika pendaftarannya berhasil kamu langsung disuruh milih type shoutbox yang disediakan, terserah kamu milih bentuknya yang gimana. Klik tombol Continue
3. Setelah itu kamu akan mendapat ucapan "Terima Kasih" :D lalu klik link Go to My Control Panel Now
4. Disitu kamu bisa mensetting terlebih dahulu shoutbox kamu, misalnya Style & Color, Date & Time, dan lain-lain.
5. Jika sudah selesai klik menu Get Codes
6. Jika kamu pingin menaruh shoutbox di blog kamu pilih "Place Shoutbox on Webpage"
7. Atur lebar dan tinggi shoutbox di kolom widht dan hight
8. Kemudian Copy kode yang ada di dalam kotak "generated Codes"
9. Login ke blogger.com lalu pilih Layout kemudian Add Page Elements
11. Tambahkan element HTML/Javascript.
12. Paste Kode yang telah kamu copy dari shoutbox.com tadi di kotak "Content" lalu simpan.
13. Jadi deh.....

Cara Membuat Commments Box (Kotak Komentar) Haloscan

Sebelum baca artikel ini disarankan untuk membaca YANG INI dulu

Comments Box atau Kotak Komentar adalah suatu kotak yang berfungsi untuk memberikan komentar terhadap isi dari suatu artikel dalam sebuah weblog. Jika di Wordpress.com kotak komentar tersebut akan langsung muncul tepat di bawah artikel. Namun tidak halnya di Blogspot/Blogger, kotak komentar dilayanan blog ini hanya berupa link yang kemudian baru akan muncul kotak komentar bagi pengunjung yang mau memberikan komentar terhadap artikel tersebut, hal ini menyebabkan para komentator sedikit enggan untuk melakukannya karena merasa malas untuk membuka window baru yang tentu saja akan memerlukan sedikit waktu untuk membukanya. Sehingga para pengguna layanan Blogspot lebih sedikit menerima komentar dibanding dengan para pengguna layanan Wordpress.

WARNING : KARENA BANYAK BLOGGER YANG GAGAL MENGGUNAKAN TRIK INI DAN JUGA ADA YANG KEHILANGAN POSTINGNYA, JADI ANDA HARUS MEMBACKUP DULU TEMPLATE ANDA. YANG GAGAL MEMAKAI INI MUNGKIN KARENA ADANYA KETIDAKCOCOKAN DENGAN TEMPLATE YANG DIGUNAKAN. JIKA TERJADI HAL-HAL YANG TIDAK DIINGIINGINKAN SEGERA KEMBALIKAN TEMPLATE ANDA YANG LAMA. TAPI BANYAK JUGA KOK YANG BERHASIL, SEMOGA BERUNTUNG

Tapi bagi kamu yang memakai layanan Blogspot tidakperlu khawatir lagi karena trik berikut ini akan mengulas bagaimana caranya menambahkan kotak komentar atau comments box sehingga menjadi kotak komentar yang ada di Wordpress yaitu persis berada dibawah artikel caranya adalah dengan menggunakan layanan di http://www.haloscan.com. Satu hal yang perlu diperhatikan sebelum kamu menggunakan layanan ini yaitu "komentar-komentar terdahulu akan hilang", jadi pikirkanlah dulu sebelum kamu memakai layanan ini. Kalau kamu sudah yakin mau menerapkannya maka berikut ini dalah caranya:

1. Buka website http://www.haloscan.com.


2. Daftarkan diri kamu di website tersebut.


3. Setelah selesai lalu Login dengan username dan password yang sama dengan pada saat mendaftar.


4. Setelah login berhasil maka akan muncul beberapa menu. Pertama-tama pilih menu setting. Didalam menu Setting ada beberapa pengaturan yang harus disi silahkan atur sesuai dengan keinginanmu. Supaya kotak komentarnya muncul dibawah postingan, ganti status "open in popup window" menjadi "off". kamudian simpan.


5. Langkah selanjutnya yaitu pilih menu Template. Silahkan pilih mana yang kamu sukai, sebaiknya sesuaikan dengan warna blog kamu kemudian simpan.


6. Langkah berikutnya yaitu pilih menu Install


7. Beri tanda pada radio button di samping tulisan Blogger or Blogspot lalu klik Tombol Next


8. Klik Tombol Brows , silahkan pilih file template yang sudah dibackup. Kalau belum silahkan backup dulu. Jika belum tahuh caranya backup klik disini


9. Klik tombol Upload Blogger Template.


10. Jika sudah berhasil klik tombol Download New Template kemudian di save.


11. Login ke Blogger/Blogspot


12. Pilih Template kemudian klik menu Edit HTML


13. Untuk Upload template klik tombol Brows. Masukkan template yang sudah didownload dari haloscan tadi lalu Upload kemudian simpan setting.


14. Coba buka buka web blog kamu dan lihat hasilnya. Sekarang kamu sudah mempunya kotak komentar seperti yang ada di wordpress.
15. Trus gimana caranya nampilin komen-komen terbaru biar bisa kelihatan di sidebar? caranya gampang, yiatu kembali ke haloscan trus pilih dashbord nha disitu kan ada recent comments trus dibawahnya ada link tulisannya gini "put this widget on your site" nha kamu klik link tersebut, setelah itu dibawahnya akan muncul kotak yang berisi kode. Copy kode tersebut dan pasang di blog kamu, gampang to?
    


16. Selamat Mencoba... SEMOGA BERHASIIIIILLLLLL :y