Cara Membuat List Komentator Terbanyak

MIRROR LINK DARI HTTP://WAWANWAE.BLOGSPOT.COM

Beberapa hari lalu ada pertanyaan dari Mas Roni di shoutbox yang menanyakan bagaimana cara membuat top comment (di blog ini saya beri judul 'Commentholic') yang ngelink ke blog yang bersangkutan. Kalau boleh meluruskan, sebenarnya fitur ini tidak ngelink langsung ke blog komentator, melainkan harus 'melewati' dulu profile si komentator. Fitur ini bisa dibilang selangkah lebih maju dibanding fitur lama yang jika diklik larinya ke Google SERP.

Cara membuatnya gampang banget.

Masuk Layout, klik tambah elemen halaman/gadget, klik HTML/JavaSript, kemudian masukkan kode di bawah ini:

<script type="text/javascript"><br />function pipeCallback(obj) {<br />document.write('<ol>');<br />var i;<br />for (i = 0; i < href = "'" item =" ">" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";<br />document.write(item);<br />}<br />document.write('</ol>');<br />}<br /></script><br /><script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=a55cb97ebb368bb1b89b7f6bdeb35336&url=http%3A%2F%2FURL blog &num=10&filter=nama blog" type="text/javascript"></script>

Kata yang dicetak warna ungu ganti dengan URL dan nama blog anda. Untuk judul silakan berkreasi sendiri. Kalau di blog ini "Commentholic'. Silakan kalau misalnya ingin diberi judul 'top commentator', 'tukang komen', 'komentar terbanyak', dll.

Berhubung ini bulan puasa di mana disarankan memperbanyak perbuatan baik, saya berikan satu tutorial lagi. Meski, sebenarnya ini termasuk tutorial jadul yang terbilang mendasar banget dan sudah banyak diulas para senior.

Jika anda perhatikan postingan di atas terdapat kode-kode HTML. Bagimana caranya memasukkan kode HTML dalam postingan? Caranya, kode tersebut harus di-encode terlebih dulu. Sebab jika tidak, maka kalau dipublish hasilnya akan kacau-balau.

Ada beberapa tool untuk meng-encode HTML. Tapi saya merekomendasikan pakai tool ini. Kopi kodenya lantas paste di kotak bawah tulisan 'Encode input text', lalu klik 'Encode'. Nanti akan muncul kode baru yang sudah 'dipagari'. Kopi kode tersebut, kemudian paste ke dalam postingan.

Sekian, semoga bermanfat.

Read More......

Cara membuat Highlight Author Comment

MIRROR LINK DARI HTTP://WAWANWAE.BLOGSPOT.COM

Pengen komentarmu beda ketika membalas comment yang masuk? Seperti di blog ini, di mana komentar saya ada di dalam kotak warna tertentu, atau istilahnya highlight author comment, sehingga mudah dibedakan dengan komentar tamu.

Cara membuat highlight author comment seperti itu sangat mudah. Gimana caranya mas? Cepek dulu..hehehe!! Ah, nggak. Ikuti saja step-step berikut ini:

1. Masuk menu Layout trus Edit HTML
2. Centang kotak Expand Widget Templates untuk jaga-jaga jika modifikasi gagal.
3. Cari kode ]]>
4. Masukkan script berikut ini di atas kode ]]> tersebut.

.comment-body-author {
background: #kode warna;
border-top: 1px solid #kode warna;border-bottom: 1px solid #kode warna;border-left: 1px solid #kode warna;border-right: 1px solid #kode warna;
margin:0;
padding:0 0 0 20px;
}

Contoh: higlight author comment pada blog wawanwae sbb:
.comment-body-author {
background: #CCCCFF;
border-top: 1px solid #CCCCFF;border-bottom: 1px solid #CCCCFF;border-left: 1px solid #CCCCFF;border-right: 1px solid #CCCCFF;
margin:0;
padding:0 0 0 20px;
}

Perhatikan pada sript itu saya menggunakan kode warna sama. Itu karena saya ingin kotak comment tanpa stroke (bingkai). Kalau kamu pengen pakai garis tepi warna beda, tinggal sesuaikan kode warna bordernya.

Satu lagi, di script itu terdapat kata 'solid'. Itu artinya bingkai berupa garis. Jika menginginkan bingkai berupa titik-titik ganti dengan 'dotted'. Berbagai kode warna sesuai pilihan kamu bisa dilihat di sini.

Gampang kan. Selamat berkreasi.

Read More......

Opening Posting Ceremony!!!

hallo!
"dengan ini tutorial Centre saya resmikan"
*gunting pita
*plok...plok...
*kyaaaaaa!!!!!


hhaha, that's the point! mulai hari ini ga akan ada lagi susah nyari tutorial! cuma disini, tutorial centre! kamu bisa dapetin semua tutorial yang pernah ada!!!

just wait and see!

Read More......