Visitor Counter dengan StatCounter

Penghitung pengunjung (Visitor counter atau Hit Counter) digunakan sebagai penghitung pengunjung yang browsing di website atau blog kita.

Hampir semua website atau blog memiliki Visitor counter atau hit counter untuk mengontrol perkembangan pengunjung yang datang ke websitenya dan di gunakan sebagai indikator website itu sendiri.

Ada beberapa website menyediakan layanan hit counter gratis

Visitor Counter dengan StatCounter

Posted by rike No comments

Penghitung pengunjung (Visitor counter atau Hit Counter) digunakan sebagai penghitung pengunjung yang browsing di website atau blog kita.

Hampir semua website atau blog memiliki Visitor counter atau hit counter untuk mengontrol perkembangan pengunjung yang datang ke websitenya dan di gunakan sebagai indikator website itu sendiri.

Ada beberapa website menyediakan layanan hit counter gratis

Membuat Menu Vertikal (Vertical)

Sebelumnya kita pernah membahas tentang membuat menu horizontal, nha sekarang mari kita mencoba membuat menu vertikal. Menu vertikal ini cocok kalau dipasang di sidebar karena bentuknya berjajar sevara vertikal (ya iyalah). Contohnya seperti gambar disamping itu. Beginilah cara membuatnya :

1. Login ke blogger trus pilih "Layout-->Edit HTML"
2. Masukkan kode berikut sebelum kode ]]></b:skin> atau sebelum kode </style> . Pokoknya ditaruh di dalam Barisan kode CSS deh.

.glossymenu, .glossymenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 185px; /*WIDTH OF MAIN MENU ITEMS*/
border: 1px solid black;
}
.glossymenu li{
position: relative;
}
.glossymenu li a{
background: white url('http://kendhin.890m.com/blog/vertical/blue1.gif') repeat-x bottom left;
font: bold 12px Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 5px 0;
padding-left: 10px;
text-decoration: none;
}
.glossymenu li ul{
position: absolute;
width: 190px;
left: 0;
top: 0;
display: none;
}
.glossymenu li ul li{
float: left;
}
.glossymenu li ul a{
width: 180px;
}
.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}
.glossymenu li a:hover{
background-image: url('http://kendhin.890m.com/blog/vertical/blue2.gif');
}

* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }

Untuk memilih warna menu, perhatikan kode2 yang berwarna merah (blue1.gif dan blue2.gif). Ganti kode tersebut dengan pilihan warna dibawah ini. Misal jika kamu ingin memilih menu warna merah maka kodenya menjadi seperti ini :

.glossymenu li a{
background: white url('http://kendhin.890m.com/blog/vertical/red1.gif') repeat-x bottom left;

dan

.glossymenu li a:hover{
background-image: url('http://kendhin.890m.com/blog/vertical/red1.gif');

Pilihan Warna menu vertikal :

	blue1.gif blue2.gif
	green1.gif green2.gif
	red1.gif red2.gif
	pink1.gif pink2.gif
	black1.gif black2.gif

3. Kemudian di save.
4. Lalu pergi ke menu "Page Elements"
5. Pilih "Add a Gadget -->HTML/JavaScript" kemudian masukkan kode berikut kedalamnya:

<ul id="verticalmenu" class="glossymenu">
<li><a href="/">Home</a></li>
<li><a href="http://trik-tips.blogspot.com">Trik Blog</a></li>
<li><a href="http://x-template.blogspot.com" >Free Template</a></li>
<li><a href="http://getebook.co.cc">Free Ebook</a></li>
</li>
</ul>

Kode yang berwarna merah adalah linknya dan yg warna biru adalah teks yang ditampilkan. Kalau mau menambahkan menu tingal buat lagi kode seperti yg berkedip2 dibawahnya.

Dah gitu aja. Gampang kan???? :D

Membuat Menu Vertikal (Vertical)

Posted by rike No comments

Sebelumnya kita pernah membahas tentang membuat menu horizontal, nha sekarang mari kita mencoba membuat menu vertikal. Menu vertikal ini cocok kalau dipasang di sidebar karena bentuknya berjajar sevara vertikal (ya iyalah). Contohnya seperti gambar disamping itu. Beginilah cara membuatnya :

1. Login ke blogger trus pilih "Layout-->Edit HTML"
2. Masukkan kode berikut sebelum kode ]]></b:skin> atau sebelum kode </style> . Pokoknya ditaruh di dalam Barisan kode CSS deh.

.glossymenu, .glossymenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 185px; /*WIDTH OF MAIN MENU ITEMS*/
border: 1px solid black;
}
.glossymenu li{
position: relative;
}
.glossymenu li a{
background: white url('http://kendhin.890m.com/blog/vertical/blue1.gif') repeat-x bottom left;
font: bold 12px Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 5px 0;
padding-left: 10px;
text-decoration: none;
}
.glossymenu li ul{
position: absolute;
width: 190px;
left: 0;
top: 0;
display: none;
}
.glossymenu li ul li{
float: left;
}
.glossymenu li ul a{
width: 180px;
}
.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}
.glossymenu li a:hover{
background-image: url('http://kendhin.890m.com/blog/vertical/blue2.gif');
}

* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }

Untuk memilih warna menu, perhatikan kode2 yang berwarna merah (blue1.gif dan blue2.gif). Ganti kode tersebut dengan pilihan warna dibawah ini. Misal jika kamu ingin memilih menu warna merah maka kodenya menjadi seperti ini :

.glossymenu li a{
background: white url('http://kendhin.890m.com/blog/vertical/red1.gif') repeat-x bottom left;

dan

.glossymenu li a:hover{
background-image: url('http://kendhin.890m.com/blog/vertical/red1.gif');

Pilihan Warna menu vertikal :

	blue1.gif blue2.gif
	green1.gif green2.gif
	red1.gif red2.gif
	pink1.gif pink2.gif
	black1.gif black2.gif

3. Kemudian di save.
4. Lalu pergi ke menu "Page Elements"
5. Pilih "Add a Gadget -->HTML/JavaScript" kemudian masukkan kode berikut kedalamnya:

<ul id="verticalmenu" class="glossymenu">
<li><a href="/">Home</a></li>
<li><a href="http://trik-tips.blogspot.com">Trik Blog</a></li>
<li><a href="http://x-template.blogspot.com" >Free Template</a></li>
<li><a href="http://getebook.co.cc">Free Ebook</a></li>
</li>
</ul>

Kode yang berwarna merah adalah linknya dan yg warna biru adalah teks yang ditampilkan. Kalau mau menambahkan menu tingal buat lagi kode seperti yg berkedip2 dibawahnya.

Dah gitu aja. Gampang kan???? :D

Proteksi Sheet pada Microsoft Office Excel

Setiap perusahaan besar maupun kecil tentu mempunyai privatisasi, atau batasan-batasan tertentu dalam mengakses data berdasarkan jabatan yang seseorang atau hak akses yang di berikan kepada sorang karyawan.


Seperti contoh misalnya pada perusahaan perdagangan atau kita ambil contoh yang sederhana saja misalnya di sebuah toko penjualan alat-alat tulis kantor, tentu tidak semua orang boleh

Proteksi Sheet pada Microsoft Office Excel

Posted by rike No comments

Setiap perusahaan besar maupun kecil tentu mempunyai privatisasi, atau batasan-batasan tertentu dalam mengakses data berdasarkan jabatan yang seseorang atau hak akses yang di berikan kepada sorang karyawan.


Seperti contoh misalnya pada perusahaan perdagangan atau kita ambil contoh yang sederhana saja misalnya di sebuah toko penjualan alat-alat tulis kantor, tentu tidak semua orang boleh

Mengenal File dan Folder

Kadang para pengguna komputer yang masih pemula masih bingung dengan folder dan file untuk itu saya mencoba memberikan pengertian tentang file dan folder agar para sobatku bis amembedakan file dengan folder.

Bagi rekan yang sudah sering menggunakan komputer sudah tentu tidak asing lagi dengan file dan folder tapi bagaimana dengan para sobat yang masih pemula, tak terkecuali para pengguna

Mengenal File dan Folder

Posted by rike No comments

Kadang para pengguna komputer yang masih pemula masih bingung dengan folder dan file untuk itu saya mencoba memberikan pengertian tentang file dan folder agar para sobatku bis amembedakan file dengan folder.

Bagi rekan yang sudah sering menggunakan komputer sudah tentu tidak asing lagi dengan file dan folder tapi bagaimana dengan para sobat yang masih pemula, tak terkecuali para pengguna

Cara Cepat Membuat Blog dengan Blogger

Posting artikel ini merupakan jawaban saya atas semua pertanyaan yang pernah di sampekan teman-teman chating, kadangkala saya harus menuntun langsung rekan-rekan yang ingin sekali membuat blog dari forum komunikasi dengan kata ini (chat).


Membuat sebuah blog tidak membutuhkan atau tidak harus menguasai bahasa pemrograman tetapi paling tidak sudah terbiasa menggunakan komputer agar lebih mudah

Cara Cepat Membuat Blog dengan Blogger

Posted by rike No comments

Posting artikel ini merupakan jawaban saya atas semua pertanyaan yang pernah di sampekan teman-teman chating, kadangkala saya harus menuntun langsung rekan-rekan yang ingin sekali membuat blog dari forum komunikasi dengan kata ini (chat).


Membuat sebuah blog tidak membutuhkan atau tidak harus menguasai bahasa pemrograman tetapi paling tidak sudah terbiasa menggunakan komputer agar lebih mudah

Hardware Computer

Dalam bahasa indonesia di sebut Perangkat Keras Komputer yaitu semua yang berhubungan dengan komponen-komponen yang dirangkai menjadi satu kesatuan membentuk satu unit komputer.



Hardware memiliki bentuk fisik beragam yang bisa dibeadakan dengan cara melihat secara langsung komponen tersebut.



Bila anda sudah pernah lihat yang di sebut komputer maka sudah tentu anda sudah melihat

Hardware Computer

Posted by rike No comments

Dalam bahasa indonesia di sebut Perangkat Keras Komputer yaitu semua yang berhubungan dengan komponen-komponen yang dirangkai menjadi satu kesatuan membentuk satu unit komputer.



Hardware memiliki bentuk fisik beragam yang bisa dibeadakan dengan cara melihat secara langsung komponen tersebut.



Bila anda sudah pernah lihat yang di sebut komputer maka sudah tentu anda sudah melihat

Cara Membuat Menu Tab View

Karena sering ditanya tentang bagaimana caranya membuat Tab VIew (Biasanya nanyanya gini: "Mas cara membuat menu yg kayak punya mas gmn? yg ada "Tips & Trik", "Lain-lain", "Terbaru", "Komentar" itu lho). Ya kan? hayo ngaku... Tabview itu sangat berguna sekali, karena dengan ukuran kotak yang relatif kecil tapi bisa memuat isi yang buanyak. Sebenarnya dah dari dulu pingin posting tentang itu, tp karena yg dulu cara pasanganya sulit jadi belum bisa aku jelaskan. Trus akhirnya aku menemukan metode baru dalam pembuatannya. Cara yang ini mungkin mirip dengan punyanya o-om, tp scriptnya agak beda. Dan aku dapet script ini juga bukan dari o-om lho :D
Tab view itu contohnya seperti ini :

Beginilah cara untuk membuat menu tab view tersebut

1. Login ke blogger trus pilih menu "Layout --> Edit HTML"
2. Kemudian cari kode ini ]]></b:skin>
3. Kemudian masukkan kode berikut ini sebelum kode ]]></b:skin> atau kedalam tag CSS.

div.TabView div.Tabs
{
height: 24px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 90px; /* Lebar Menu Utama Atas */ text-align: center;
height: 24px; /* Tinggi Menu Utama Atas */
padding-top: 3px;
vertical-align: middle;
border: 1px solid #000; /* Warna border Menu Atas */
border-bottom-width: 0;
text-decoration: none;
font-family: "Times New Roman", Serif; /* Font Menu Utama Atas */
font-weight: 900;
color: #000; /* Warna Font Menu Utama Atas */
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #FF9900; /* Warna background Menu Utama Atas */
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #6E6E6E; /* Warna border Kotak Utama */
overflow: hidden;
background-color: #FF9900; /* Warna background Kotak Utama */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}

4. Perhatikan text-text yang berwarna merah, itu adalah keterangan untuk pengaturan Tab View. Ada ukuran warna dll. Untuk mengetahui kode2 warna silahkan lihat DISINI
5. Langkah selanjutnya yaitu pasang kode berikut ini sebelum kode </head>

<script src='http://kendhin.googlepages.com/tabview.js' type='text/javascript'/>

6. Kemudian "Di save"
7. Lalu pergi ke menu "Page Elements"
8. Trus PIlih "Add a Gadget" --> "HTML/Javascript" di tempat yg akan km letakkan Manu Tab View ini.
9. Inilah script yg harus kamu pasang :

<form action="tabview.html" method="get">
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 350px;">
<a>Tab 1</a>
<a>Tab 2</a>
<a>Tab 3</a>
</div>
<div class="Pages" style="width: 350px; height: 250px;">

<div class="Page">
<div class="Pad">
Tab 1.1 <br />
Tab 1.2 <br />
Tab 1.3 <br />
</div>
</div>

<div class="Page">
<div class="Pad">
Tab 2.1 <br />
Tab 2.2 <br />
Tab 2.3 <br />
</div>
</div>

<div class="Page">
<div class="Pad">
Tab 3.1 <br />
Tab 3.2 <br />
Tab 3.3 <br />
</div>
</div>

</div>
</div>
</form>

<script type="text/javascript">
tabview_initialize('TabView');
</script>

Keterangan :
- Angka2 atau text yang berwarna biru (350px) adalah ukuran tinggi dan lebar tabview.
- Kode yang berwarna Hijau Adalah text yang di Menu utama (Menu Atas).
- Kode yang berwarna merah adalah isi dari tabvie tsb. Kamu bisa mengisinya dengan link, gambar, banner, script dll.
- Untuk menmbahkan jumlah menu maka perhatikanlah text yang berkedip2. tambahkan menu tersebut dibawahnya.

Cara Membuat Menu Tab View

Posted by rike No comments

Karena sering ditanya tentang bagaimana caranya membuat Tab VIew (Biasanya nanyanya gini: "Mas cara membuat menu yg kayak punya mas gmn? yg ada "Tips & Trik", "Lain-lain", "Terbaru", "Komentar" itu lho). Ya kan? hayo ngaku... Tabview itu sangat berguna sekali, karena dengan ukuran kotak yang relatif kecil tapi bisa memuat isi yang buanyak. Sebenarnya dah dari dulu pingin posting tentang itu, tp karena yg dulu cara pasanganya sulit jadi belum bisa aku jelaskan. Trus akhirnya aku menemukan metode baru dalam pembuatannya. Cara yang ini mungkin mirip dengan punyanya o-om, tp scriptnya agak beda. Dan aku dapet script ini juga bukan dari o-om lho :D
Tab view itu contohnya seperti ini :

Beginilah cara untuk membuat menu tab view tersebut

1. Login ke blogger trus pilih menu "Layout --> Edit HTML"
2. Kemudian cari kode ini ]]></b:skin>
3. Kemudian masukkan kode berikut ini sebelum kode ]]></b:skin> atau kedalam tag CSS.

div.TabView div.Tabs
{
height: 24px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 90px; /* Lebar Menu Utama Atas */ text-align: center;
height: 24px; /* Tinggi Menu Utama Atas */
padding-top: 3px;
vertical-align: middle;
border: 1px solid #000; /* Warna border Menu Atas */
border-bottom-width: 0;
text-decoration: none;
font-family: "Times New Roman", Serif; /* Font Menu Utama Atas */
font-weight: 900;
color: #000; /* Warna Font Menu Utama Atas */
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #FF9900; /* Warna background Menu Utama Atas */
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #6E6E6E; /* Warna border Kotak Utama */
overflow: hidden;
background-color: #FF9900; /* Warna background Kotak Utama */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}

4. Perhatikan text-text yang berwarna merah, itu adalah keterangan untuk pengaturan Tab View. Ada ukuran warna dll. Untuk mengetahui kode2 warna silahkan lihat DISINI
5. Langkah selanjutnya yaitu pasang kode berikut ini sebelum kode </head>

<script src='http://kendhin.googlepages.com/tabview.js' type='text/javascript'/>

6. Kemudian "Di save"
7. Lalu pergi ke menu "Page Elements"
8. Trus PIlih "Add a Gadget" --> "HTML/Javascript" di tempat yg akan km letakkan Manu Tab View ini.
9. Inilah script yg harus kamu pasang :

<form action="tabview.html" method="get">
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 350px;">
<a>Tab 1</a>
<a>Tab 2</a>
<a>Tab 3</a>
</div>
<div class="Pages" style="width: 350px; height: 250px;">

<div class="Page">
<div class="Pad">
Tab 1.1 <br />
Tab 1.2 <br />
Tab 1.3 <br />
</div>
</div>

<div class="Page">
<div class="Pad">
Tab 2.1 <br />
Tab 2.2 <br />
Tab 2.3 <br />
</div>
</div>

<div class="Page">
<div class="Pad">
Tab 3.1 <br />
Tab 3.2 <br />
Tab 3.3 <br />
</div>
</div>

</div>
</div>
</form>

<script type="text/javascript">
tabview_initialize('TabView');
</script>

Keterangan :
- Angka2 atau text yang berwarna biru (350px) adalah ukuran tinggi dan lebar tabview.
- Kode yang berwarna Hijau Adalah text yang di Menu utama (Menu Atas).
- Kode yang berwarna merah adalah isi dari tabvie tsb. Kamu bisa mengisinya dengan link, gambar, banner, script dll.
- Untuk menmbahkan jumlah menu maka perhatikanlah text yang berkedip2. tambahkan menu tersebut dibawahnya.

Rx Commission Affiliate Program

Rx Commission is an Affiliate program to guarantee your long term income. You will receive commission up to 40% of the initial order value, plus Full Commissions on future purchases, your potential to earn money is unlimited . Commission percentage is based on product type and sales volume. You will benefit from a full range of products at unbeatable price, as well as guaranteed weekly payouts, an established support and payment processing infrastructure, and world-class affiliate program management. Rx Affiliate have an extensive range of medication and many more products at 80% below retail price. No Hidden Fees whatsoever! Int'l Orders are Welcome! Genuine FDA Approved Meds; returning customers will receive an additional 10% discount on their order. No Minimum Order & No Membership or Subscription Fees!

Rx affiliate offer full customer service on all orders, attentive Rx affiliate program management, and some of the highest converting templates on the market. It also have a full range of quality products, ensuring the success of any potential Rx affiliate. Rx Affiliate all over the web have been reporting growing sales on a daily basis. Rx Commission program has a Uniquely Robust Logistics, Support & Payment Processing infrastructure, coupled with a proactive marketing and customer retention service package. Guaranteeing Long term income and On time Payments every time! with no dragging of the payments, and other inconveniences. It support many different payment methods, including Epassporte Rx Affiliate, wire transfers, and more. Your long-term income is guaranteed. With 40% commission and more guaranteed for the first two months of an affiliate's career, it would be your potential and promising you a constant residual income. for informative articles and pointers on how to get started making money with affiliate programs and implementing an affiliate strategy on your site go to Rx Affiliate Resources

Rx Commission Affiliate Program

Posted by rike No comments

Rx Commission is an Affiliate program to guarantee your long term income. You will receive commission up to 40% of the initial order value, plus Full Commissions on future purchases, your potential to earn money is unlimited . Commission percentage is based on product type and sales volume. You will benefit from a full range of products at unbeatable price, as well as guaranteed weekly payouts, an established support and payment processing infrastructure, and world-class affiliate program management. Rx Affiliate have an extensive range of medication and many more products at 80% below retail price. No Hidden Fees whatsoever! Int'l Orders are Welcome! Genuine FDA Approved Meds; returning customers will receive an additional 10% discount on their order. No Minimum Order & No Membership or Subscription Fees!

Rx affiliate offer full customer service on all orders, attentive Rx affiliate program management, and some of the highest converting templates on the market. It also have a full range of quality products, ensuring the success of any potential Rx affiliate. Rx Affiliate all over the web have been reporting growing sales on a daily basis. Rx Commission program has a Uniquely Robust Logistics, Support & Payment Processing infrastructure, coupled with a proactive marketing and customer retention service package. Guaranteeing Long term income and On time Payments every time! with no dragging of the payments, and other inconveniences. It support many different payment methods, including Epassporte Rx Affiliate, wire transfers, and more. Your long-term income is guaranteed. With 40% commission and more guaranteed for the first two months of an affiliate's career, it would be your potential and promising you a constant residual income. for informative articles and pointers on how to get started making money with affiliate programs and implementing an affiliate strategy on your site go to Rx Affiliate Resources

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

Mengganti Kotak Komentar Haloscan menjadi Commentbox Blogspot

Posted by rike No comments

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

Contest on Jackbook.com

This contest will not be determined by a draw like most contests. Luck will absolutely play no role here whatsoever as the top thee (3) contestants with the most number of points on July 10 (12:00am Jack's Time) will automatically go home with the price. Basically, what you have to do is collect all the points that you can get.

Prizes up for Grabs

• 1st Place : $50 hard cash + 10,000 EntreCard Credits


• 2nd Place : 1 month 125�125 Banner ad on Jackbook.com (On the sidebar) value $50 + 5,000 EntreCard Credits


• 3rd Place : 5,000 EntreCard Credits

How to Earn Points

2 Points x The Blog's Pagerank ? Placing a blogroll link from your blog to www.JackBook.com. 1 Point for a Zero pagerank Blog

2 Points x The Blog's Pagerank ? Placing a blogroll link from your blog to RomeUy.com. 1 Point for Zero pagerank Blog

5 Points x The Blog's Pagerank ? 5 points for every blog post. Jackbook will not set a requirement for how many words your blog post should contain for as long as three (3) links be present on it and the links will be on a paragraph. (2 Points for Zero pagerank Blog)

• One (1) link to www.Jackbook.com


• One (1) link to RomeUy.com


• One (1) link to this contest post

Again, that is 5 points for every blog post. The more blogs you make with three links on it, the more points you get.

Jackbook will not count links from newly created blogs to avoid the creation of new blogs for the sole purpose of gaming this contest. Also reserve the right not to count links from blogs that do not qualify for the contest. Don't worry, if this will ever happen, jackbook will make sure to inform the contestant including the reason why they were not able to accept the entry so that he/she could take the links down ASAP.

Copied from Jackbook.com Contest

Contest on Jackbook.com

Posted by rike No comments

This contest will not be determined by a draw like most contests. Luck will absolutely play no role here whatsoever as the top thee (3) contestants with the most number of points on July 10 (12:00am Jack's Time) will automatically go home with the price. Basically, what you have to do is collect all the points that you can get.

Prizes up for Grabs

• 1st Place : $50 hard cash + 10,000 EntreCard Credits


• 2nd Place : 1 month 125�125 Banner ad on Jackbook.com (On the sidebar) value $50 + 5,000 EntreCard Credits


• 3rd Place : 5,000 EntreCard Credits

How to Earn Points

2 Points x The Blog's Pagerank ? Placing a blogroll link from your blog to www.JackBook.com. 1 Point for a Zero pagerank Blog

2 Points x The Blog's Pagerank ? Placing a blogroll link from your blog to RomeUy.com. 1 Point for Zero pagerank Blog

5 Points x The Blog's Pagerank ? 5 points for every blog post. Jackbook will not set a requirement for how many words your blog post should contain for as long as three (3) links be present on it and the links will be on a paragraph. (2 Points for Zero pagerank Blog)

• One (1) link to www.Jackbook.com


• One (1) link to RomeUy.com


• One (1) link to this contest post

Again, that is 5 points for every blog post. The more blogs you make with three links on it, the more points you get.

Jackbook will not count links from newly created blogs to avoid the creation of new blogs for the sole purpose of gaming this contest. Also reserve the right not to count links from blogs that do not qualify for the contest. Don't worry, if this will ever happen, jackbook will make sure to inform the contestant including the reason why they were not able to accept the entry so that he/she could take the links down ASAP.

Copied from Jackbook.com Contest