Cara Melihat Jumlah Pengunjung yang Sedang Online

melihat jumlah pengunjung online, whos.amung.us
Pemilik blog terobsesi akan beberapa hal. Salah-satunya adalah kunjungan. Kunjungan yang berarti akan lebih membuat pemilik blog bersemangat. Dan kunjungan juga menandakan perkembangan blog pemiliknya di blogosphere. Untuk mengetahui kunjungan ke blog kita, kita bisa memasang tool statistik blog di blog anda. Satu lagi tool untuk melihat perkembangan pengunjung di blog anda, yaitu whos.amung.us.

Whos.amung.us adalah tool untuk melihat jumlah pengunjung yang sedang online. Kemudahan memakainya yaitu anda tidak perlu registrasi untuk mendapatkannya. Mungkin widget whos.amung.us sudah lama dikenal oleh kalangan blogger sekalian, tetapi kini widget ini sudah berubah. Pada tampilannya yang lama widget ini berbentuk seperti widget biasa (contohnya lihat di blog ini pada widget "Statistik Blog Ini"). Namun sekarang widget ini berbentuk mengapung atau float (atau apapun namanya saya tidak ngerti). Jadi ketika discroll halaman blog anda, maka widget tersebut akan terlihat pada bagian kiri/bawah/kanan layar.
Tertarik memasangnya di blog anda??? Ikuti langkah berikut.

1. Buka situs web http://whos.amung.us

2. Scroll sedikit ke bawah, dan anda akan menemukan pengaturan letak widget. Apabila anda ingin berada pada kiri atas, pada bagian Left, pilih Top. Atau pilih sesuai selera.
3. Diatasnya ada script yang harus dipasang ke blog anda. Copy kode tersebut.
4. Lalu paste ke template blog anda. Caranya Login ke Blogger, lalu klik Tata Letak > Elemen Halaman > Tambah Gadget > HTML/Javascript. Lalu paste kode yang tadi didapat dari halaman whos.amung.us.
5. Lalu tekan tombol Simpan. Dan lihat blog anda. Kini akan terlihat jumlah pengunjung yang sedang online dan akan terus terlihat meskipun kita scroll halaman blog anda.

Sebuah tips ringan yang mudah-mudahan bermanfaat bagi anda. Semoga bermanfaat!
KLIK DISINI UNTUK BACA SELENGKAPNYA

Mau Eksis? Jangan Lebay, Plis!

blogging
Mau eksis? Jangan lebay, plis! Anda pasti pernah mendengar jargon tersebut. Yaps, itu adalah jargon dari salah satu iklan rokok yang menghiasi layar kaca. Ada juga lagu Jangan Lebay yang dinyanyikan oleh group duo T2. Yang kita bicarakan adalah lebay. Lebay artinya berlebihan. Kini saya akan membicarakan tentang lebay dalam memposting.

Ada beberapa orang yang mengupdate posting sekali sehari, tiga kali sehari (kayak minum obat aja ), bahkan sampai berpuluh-puluh posting sehari.

Masalahnya, jika anda memposting hingga berkali-kali dalam sehari, anda akan kehabisan ide. Kecuali jika blog anda berisi berita-berita. Dan, ada efek buruknya lagi. Yaitu ketika pengunjung mengunjungi homepage blog anda seminggu yang lalu, dan dia mengunjungi blog anda ada hari ini, maka postingan anda akan lebih cepat tertimbun. Maksudnya, untuk menampilkan postingan yang anda posting antara minggu lalu dengan hari ini dia harus mengklik Posting Lama berkali-kali.

Apabila anda adalah seorang blogger full-time, tidak apa sih memosting beberapa postingan dalam sehari.Hanya saja apabila anda adalah blogger yang waktu nge-net nya pas-pasan, lebih baik tidak usah dipaksakan untuk memposting beberapa artikel dalam sehari, meskipun lewat postingan terjadwal.

Meskipun update itu penting, tapi jangan terlalu sering. Yang penting, konsisten dalam mengupdate blog. Mau eksis? Jangan lebay, plis!
KLIK DISINI UNTUK BACA SELENGKAPNYA

Promosikan Blog Anda di Forum Blogger!

Banyak jalan untuk mempromosikan blog anda. Salah satunya lewat forum. Ada banyak forum di jagat maya, salah satunya adalah Forum Blogger. Memang forum ini belum banyak diisi, tetapi ayo gabung disana.

Lalu, ada apa? Ada sesuatu yang akan membuat anda bersemangat untuk mempromosikan blog anda. Yaitu dengan fitur feed pada blog ini (coba lihat sidebar).
Dengan begini, anda bisa mempromosikan blog anda disana dan pengunjung di blog ini bisa melihat postingan yang anda buat disana.

Nih caranya berpromosi di Forum Blogger. Caranya adalah buat topik baru di Forum Blogger yang merupakan artikel di blog anda lalu sematkanlah URL artikel asli yang ada di blog anda pada bawah artikelnya. Sebaiknya artikel yang dibuat di Forum Blogger berupa ringkasan supaya pengunjung lebih penasaran dan mengkliknya sehingga anda bisa mendapatkan traffik dari Forum Blogger.
Jadi, tunggu apa lagi? Buruan beli... (kok jadi kayak DRTV sih? ) maksudnya buruan gabung dari Forum Blogger. Dan promosikan blog anda disana!
KLIK DISINI UNTUK BACA SELENGKAPNYA

Cara Membuat Teks Diatas Postingan

Beberapa bulan yang lalu saya pernah membahas tentang cara membuat widget/teks dibawah postingan. Nah, kalau tutorial yang ini kebalikannya, yaitu membuat teks diatas postingan. Mengerti? Jadi pada setiap postingan, diatasnya akan tertera pesan dari kita. Tetapi pesan ini hanya bisa dilihat pada halaman postingan. Pada halaman selain halaman postingan pesan tersebut tidak akan muncul. Misalnya seperti contoh diatas yaitu tulisan Basmalah.

Pesan ini bisa untuk memberitahukan sesuatu kepada pengunjung atau hanya untuk ucapan selamat datang atau sebagai pemanis. Untuk memasangnya, cukup mudah, hanya perlu beberapa langkah.

1. Login ke Blogger, lalu klik Tata Letak > Edit HTML.

2. Backup dulu template anda.

3. Centang checkbox Expand Template Widget.

4. Cari kode:
<p><data:post.body/></p>
5. Nah, lalu tuliskan kode berikut diatasnya.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
Ketikkan isi pesan disini.
</b:if>
Misalnya untuk kode Basmalah seperti contoh diatas:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div align="center"><font size='4'>بِسْمِ اﷲِالرَّحْمٰنِ الرَّحِيْم</font></div>
</b:if>
Anda juga bisa menambahkan border pada pesan-pesan. Caranya diatas kode <p><data:post.body/></p> ketikkan kode:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style="margin:10px;padding:10px;border:1px solid #000000">
Ketikkan isi pesan disini.
</div>
</b:if>
Anda bisa merubah stylenya. Misalnya merubah background atau merubah font.

6. Kalau sudah, klik tombol Simpan Template.

Sedikit berbagi pengetahuan dimalam yang dingin ini. Semoga bermanfaat.
KLIK DISINI UNTUK BACA SELENGKAPNYA

Lirik Lagu: The Cash - Diet

Mengapa kau tak bisa
Terima aku apa adanya
Kau minta ku selalu
Tuk dapatkan bentuk sempurna

Bila tak lama lagi
Ku masih seperti ini
Dan kau mulai mengancamku
Akan tinggalkan aku...
Akan tinggalkan aku...

Diet setengah mati makanpun dibatasi
Hidup tak nikmat lagi terus bakar kalori
Dan hasilnya kini...

Celanaku kedodoran... celanaku kedodoran...
Celanaku kedodoran... celanaku kedodoran...
Celanaku kedodoran... celanaku kedodoran...
Celanaku kedodoran... celanaku kedodoran...

Bila tak lama lagi
Ku masih seperti ini
Dan kau mulai mengancamku
Akan tinggalkan aku...
Akan tinggalkan aku...

Diet setengah mati makanpun dibatasi
Hidup tak nikmat lagi terus bakar kalori
Dan hasilnya kini...

Celanaku kedodoran... celanaku kedodoran...
Celanaku kedodoran... celanaku kedodoran...
Celanaku kedodoran... celanaku kedodoran...
Celanaku kedodoran... celanaku kedodoran...
Celanaku kedodoran... celanaku kedodoran...
Celanaku kedodoran... celanaku kedodoran...


Copy-paste kode ini di website/blog anda untuk memasang lirik lagu The Cash - Diet.

KLIK DISINI UNTUK BACA SELENGKAPNYA

Seputar Masalah Verifikasi Kata

masalah verifikasi kata
Anda pasti pernah mendengar verifikasi kata. Verifikasi kata berguna untuk mencegah spam untuk berkomentar di blog anda. Namun, kadang-kadang verifikasi kata ini mengganggu pengunjung yang ingin berkomentar. Mulai dari merepotkan hingga verifikasi kata yang macet. Seperti gambar diatas (klik gambar untuk melihat lebih jelas).

Mungkin untuk masalah repot sih relatif. Ada yang repot bila harus memasukkan verifikasi kata, ada juga yang merasa ok-ok saja dengan adanya verifikasi kata ini. Namun yang kita bicarakan adalah masalah verifikasi kata yang macet. Verifikasi kata yang macet menyebabkan pengunjung tidak bisa berkomentar dan akhirnya anda akan kehilangan komentar-komentar yang berarti dari pengunjung anda. Ada dua bahasan dalam postingan kali ini, yaitu bagaimana cara pengunjung untuk tetap dapat berkomentar pada blog dengan verifikasi kata yang macet, dan cara pemilik blog untuk membuat verifikasi kata supaya tidak macet.

Untuk pengunjung blog

Untuk pengunjung blog supaya tetap dapat berkomentar di blog yang verifikasi kata yang macet, ikuti langkah-langkah ini.

1. Tekan tombol Tab di keyboard beberapa kali hingga muncul input teks dan tombol Poskan Komentar.
2. Bagi yang punya mouse yang scroll-nya bisa diklik, kliklah tombol scroll pada mouse lalu gerakkan mouse kebawah hingga muncul input teks dan tombol Poskan Komentar.
Untuk pemilik blog

Untuk pemilik blog yang tetap keukeuh memasang verifikasi kata tetapi tidak ingin pengunjung tidak jadi berkomentar karena verifikasi kata yang macet, ikuti langkah-langkah ini.

1. Login ke Blogger, lalu seperti biasa, klik Tata Letak > Edit HTML.

2. Untuk mencegah hal-hal yang tidak diinginkan, backup dulu template anda. Klik Download Template Lengkap. Lalu ikuti langkah-langkah selanjutnya.

3. Kalau sudah, klik checkbox Expand Template WIdget

4. Lalu cari kode berikut.
<iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='no' src='' width='100%'/>
5. Lalu ganti sehingga menjadi seperti ini.
<iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='yes' src='' width='100%'/>
6. Simpan dengan mengklik tombol Simpan Template.

Sekarang, tampilan verifikasi kata akan mempunyai scroll seperti dibawah ini.
Semoga bermanfaat dan salam blogwalking.
KLIK DISINI UNTUK BACA SELENGKAPNYA

Membuat Scroll pada Komentar

Kometar yang masuk adalah penghargaan dari pengunjung blog anda terhadap postingan yang anda buat. Baik berupa pujian ataupun kritikan. Tapi apabila blog anda mempunyai komentar yang cukup banyak, maka akan banyak space yang tersita. Pengunjung harus meng-scroll terlebih dahulu layar untuk memberikan komentar. Anda bisa menggunakan show/hide komentar yang tempo hari pernah saya bahas. Atau, sebagai alternatif anda bisa menggunakan scroll pada komentar. Jadi, pengunjung blog anda tidak perlu lagi menggulung layar untuk memberikan komentar. Contohnya seperti gambar diatas (klik gambar untuk lebih jelas).

Yuk, langsung saja kita mulai tutorialnya.

1. Anda harus login terlebih dahulu ke Blogger. Lalu klik Tata Letak > Edit HTML.

2. Silakan backup template anda.

3. Cari kode ]]></b:skin>, lalu taruh kode berikut diatasnya.
#comments-block{
overflow:auto;
height:200px;
margin:10px 0;
width:100%;
}
Ket: Bagian 200px adalah tinggi dari komentar yang ditampilkan. Anda bisa mengaturnya sesuai keinginan.

4. Lalu klik tombol Simpan Template

Lalu? Ya sudah. Semoga bermanfaat.
KLIK DISINI UNTUK BACA SELENGKAPNYA

Masalah Tabel pada Postingan

Setelah pembahasan dasar-dasar CSS bagian 3, kita sejenak beralih ke artikel ringan. Biasanya, jika kita memosting tabel pada postingan, biasanya akan melorot. Misalnya, ditulis kode berikut:

<table border="2" width="350">
<tr>
<td align="center">
Isi tabel
</td>
</tr>
</table>
Masalah yang timbul ialah, tabel tersebut akan melorot seperti gambar dibawah ini.
Itu karena, setiap penekanan tombol Enter akan dijadikan baris baru. Meskipun anda menulisnya pada mode Edit HTML, tetap akan dihitung sebagai baris baru.

Maksudnya??? Kan pada kode HTML biasa, maka kita harus memasukkan kode <br/>. Nah, pada postingan Blogger, setiap penekanan tombol Enter, akan dianggap sebagai baris baru. Hemat kata, menekan tombol Enter sama saja dengan memasukkan kode <br/>. Mengerti? Semoga saja anda mengerti.

Nah, anda bisa membuatnya tidak melorot dengan beberapa trik.

1. Anda bisa menuliskannya secara berderet, atau dengan kata lain tidak ada penggantian baris. Misalnya ingin menulis kode berikut.
<table border="2" width="350">
<tr>
<td align="center">
Isi tabel
</td>
</tr>
</table>
Nah, kita menulisnya secara berderet, sehingga seperti ini.
<table border="2" width="350"><tr><td align="center">Isi tabel</td></tr></table>
2. Dengan menyetting editor teks. Anda bisa mengatur editor teks agar tidak mengganggap penekanan tombol Enter sebagai penggantian baris. Caranya, buat postingan baru, lalu klik Post Options dibawah editor teks. Lalu pada bagian
Edit Pemutus Baris HTML, aktifkan radio button pada bagian Gunakan tag <br />.
Konsekuensinya, apabila ingin mengganti baris, maka anda harus mengetikkan kode <br/>. Tentunya di mode Edit HTML. Lalu postinglah seperti biasa. Semoga bermanfaat.
KLIK DISINI UNTUK BACA SELENGKAPNYA

Dasar-dasar CSS #3

Belajar CSS | Muhammad Rizki Fadillah's Blog
Sudah lama dasar-dasar CSS dan konsultasi matematika absen. Tapi yang saya akan bicarakan hari ini bukanlah konsultasi matematika, melainkan dasar-dasar CSS. Saya akan membahas tentang properti yang digunakan untuk memformat suatu teks. Sebelum membaca yang ini, saya harap anda sudah membaca dasar-dasar CSS edisi 1 dan edisi 2.

Maksudnya memformat suatu teks yaitu misalnya membuat teksnya berwarna biru atau membuat teksnya tebal. Ada beberapa properti. Yaitu:

1. color: warna dari teks. Bisa diisi dengan kode hex dari warna yang diinginkan atau memakai kata-kata (dalam bahasa inggris)
2. font-family: jenis huruf. Misalnya: Arial, Verdana, dll. atau dapat diisi dengan font generik. Contoh: Arial, Tahoma, Verdana; Trebuchet, Arial, Sans-serif, Verdana; dll.
3. font-size: ukuran huruf. Bisa diisi dengan angka dalam piksel, nilai: xx-small, x-small, small, medium, large, x-large, xx-large; atau menggunakan nilai smaller (lebih kecil) atau larger (lebih besar).
4. font-weight: ketebalan huruf. Nilainya: normal, bold, bolder, light, lighter.
5. text-transform: pengaturan huruf kapital pada teks. Nilainya: uppercase (huruf kapital semua), lowercase (huruf kecil semua), capitalize (huruf kapital pada awal setiap kata), atau none.
6. text-align: posisi perataan teks. Nilainya: left (rata kiri), center (rata tengah), right (rata kanan), atau justify (rata kiri-kanan).
7. line-height: tinggi baris. Nilainya: angka (dalam piksel atau em).
8. text-decoration: dekorasi teks. Nilainya: blink (tulisan berkedip), underline (bergaris bawah), line-through (teks tercoret), overline (garis diatas teks), atau none. Atau bisa juga digabung. Misal untuk membuat teks dengaan bergaris bawah dan berkedip maka tulisannya: underline blink.
9. text-indent: jarak teks dari garis terluar pada baris pertama. Nilainya diisi dengan angka (dalam piksel)
10. white-space: properti untuk mengatur tampilan spasi. Maksudnya, pada kode HTML biasa, kita tidak bisa menuliskan spasi lebih dari satu kali. Misalnya kita ketikkan Teks     contoh. (dengan 5 spasi) maka yang tampil hanya Teks contoh. (dengan 1 spasi). Kita bisa mengakalinya dengan menggunakan tag <pre> dan </pre> atau menggunakan kode &nbsp; sebagai pengganti spasi. Nah, anda juga bisa menggunakan properti ini. Nilainya: pre (untuk menampilkan spasi) atau normal.
11. letter-spacing: jarak antarhuruf. Nilainya dapat diisi dengan angka (dalam satuan piksel).
12. word-spacing: jarak antarkata. Nilainya sama dengan letter-spacing, dapat diisi dengan angka dalam satuan piksel.

Buka Notepad lalu ketikkan seperti berikut.
<html>
<head>
<title>Belajar CSS</title>
<style type="text/css">
<!--
.color{color:#CCCCCC;}
.font-family{font-family:Arial Tahoma Verdana;}
.font-size{font-size:24px;}
.font-weight{font-weight:bold;}
.text-transform{text-transform:uppercase;}
.text-align{text-align:center;}
.line-height{line-height:1.5em;}
.text-decoration{text-decoration:blink;}
.text-indent{text-indent:12px;}
.white-space{white-space:pre;}
.letter-spacing{letter-spacing:1.5px;}
.word-spacing{word-spacing:2px;}
-->
</style>
</head>
<body>
<div class="color">
Warnanya akan berwarna abu-abu
</div>
<div class="font-family">
Hurufnya akan menggunakan font "Arial, Tahoma dan Verdana"
</div>
<div class="font-size">
Huruf ini akan berukuran 24 piksel
</div>
<div class="font-weight">
Hurufnya akan menjadi tebal
</div>
<div class="text-transform">
Teksnya akan menjadi huruf kapital semua
</div>
<div class="text-align">
Teksnya akan menjadi rata tengah.<br/>
Lihat kan???
</div>
<div class="line-height">
Coba apa yang terjadi jika saya menggunakan properti line-height ini.<br/>
Oh... ternyata pada masing-masing baris akan diberi jarak sela sebesar 1,5 em.
</div>
<div class="text-decoration">
Teks ini akan berkedip-kedip bikin pusing mata. Hehehe...
</div>
<div class="text-indent">
Pada teks ini akan mempunyai text indent sebesar 12 piksel.
</div>
<div class="white-space">
Di Kode HTML kita tidak bisa memberikan spasi lebih dari satu kali.<br/>
     kecuali dengan menggunakan properti white-space ini. Hehehe...
</div>
<div class="letter-spacing">
Spasi antarhuruf pada teks ini akan berjarak 1,5 piksel
</div>
<div class="word-spacing">
Spasi antarkata pada teks ini akan berjarak 2 piksel
</div>
</body>
</html>
Lalu simpan dengan nama apa saja, asalkan berekstensi .html (misal: belajarcss.html). Lalu pilih bagian Save as type, lalu ganti dengan All Files. Lalu klik Save.

Lalu buka file yang telah anda buat. Kira-kira hasilnya seperti ini (klik gambar untuk melihat lebih jelas).
Belajar CSS
Sekian pembahasan kali ini. Apabila ada kekurangan mohon maaf. Terima kasih.
KLIK DISINI UNTUK BACA SELENGKAPNYA

Cara Membuat Profil Author (Author Box)

Akhir-akhir ini saya jarang update, bukan karena malas atau kehabisan ide, tetapi karena kesibukan saya di dunia nyata sehingga saya tidak bisa mengupdate blog ini secara teratur. Biasanya saya memanfaatkan fitur postingan terjadwal, namun karena saya tidak sempat mengupdate blog ini, blog ini menjadi terlantar. Ada kabar gembira juga, yaitu Page Rank blog ini naik menjadi 2. Ada kabar gembira lainnya, yaitu Alexa rank blog ini juga semakin hari semakin mengecil.

Pada postingan lalu saya pernah membahas tentang cara membuat breadcrumbs navigasi seperti punya OOM. Nah, kalau yang ini adalah profil dari penulis blog tersebut. Awalnya saya terinspirasi dari tampilan ID Tutorial yang mempunyai profil penulis yang berbeda-beda tergantung penulis artikelnya.
Nah, lalu saya melakukan eksperimen (halah... sok master padahal masih newbie) dan akhirnya saya berhasil membuat profil author yang mirip punya ID Tutorial.

Nah, kalau anda juga tertarik, ikuti langkah-langkah berikut.

1. Login ke Blogger, klik Tata Letak > Edit HTML.

2. Backup dulu template anda.

3. Centang kotak kecil Expand Template Widget.

4. Cari kode ]]></b:skin> lalu ketikkan kode berikut diatasnya.
.authorprofile{
padding:10px;
margin:10px;
background:#0A2A0A;
color:#FFFFFF;
}
.authorprofile a.authorlink{
font-weight:bold;
color:#FFFFFF;
}
.authorprofile a.authorlink:hover{
text-decoration:underline;
}
5. Karena author box ini lebih cocok diletakkan dibawah postingan, maka carilah kode <data:post.body/>, lalu ketikkan kode berikut.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='authorprofile'>
<table border='0'>
<tr>
<td rowspan='2' valign='middle' width='50px'>
<b:if cond='data:post.author == &quot;AUTHOR1&quot;'>
<img height='50px' src='IMGAUTHOR1' style='margin:auto 0;' valign='middle' width='50px'/>
</b:if>

<b:if cond='data:post.author == &quot;AUTHOR2&quot;'>
<img height='50px' src='IMGAUTHOR2' style='margin:auto 0;' valign='middle' width='50px'/>
</b:if>

</td>
<td valign='middle' width='350px'>
<b:if cond='data:post.author == &quot;AUTHOR1&quot;'>
<a class='authorlink' href='URLBLOGAUTHOR1'><data:post.author/></a>
</b:if>

<b:if cond='data:post.author == &quot;AUTHOR2&quot;'>
<a class='authorlink' href='URLBLOGAUTHOR2'><data:post.author/></a>
</b:if>

<br/><br/>
<b:if cond='data:post.author == &quot;AUTHOR1&quot;'>
Hanya seorang blogger newbie yang berangan jadi master. Tapi mimpi tetap mimpi. Jangan lupa komen dibawah. (Isi dengan profil AUTHOR1)
</b:if>

<b:if cond='data:post.author == &quot;AUTHOR2&quot;'>
Hanya seorang blogger newbie yang berangan jadi master. Tapi mimpi tetap mimpi. Jangan lupa komen dibawah. (Isi dengan profil AUTHOR2)
</b:if>

</td>
</tr>
</table>
</div>
</b:if>
6. Simpan dengan mengeklik tombol Simpan Template.

Jika anda melakukan langkah-langkah diatas dengan benar, maka hasilnya seperti ini.
Apabila ada yang tidak dipahami, jangan malu dan jangan ragu-ragu untuk komentar. Semoga bermanfaat!
KLIK DISINI UNTUK BACA SELENGKAPNYA

Nofollow... Dofollow...

Serba-serbi seputar blog nofollow dan dofollow

Nofollow... Dofollow... kenapa saya beri judul sepeti diatas??? Ya biar judulnya seperti puisi... hehehe...

Kali ini saya akan membahas beberapa serba-serbi seputar dofollow dan nofollow. Mulai dari keuntungan dan kerugian blog nofollow dan dofollow, cara mengubah blog nofollow menjadi dofollow dan sebaliknya, serta cara berkomentar yang baik di blog dofollow.

Keuntungan blog nofollow dan dofollow

Mengeset blog menjadi nofollow atau dofollow ada untung ruginya. Ini dia beberapa keuntungan blog dofollow.
  • Komentatornya banyak.
  • Banyak yang mengunjungi.
Sedangkan kerugiannya adalah:
  • Pageranknya cenderung sedikit (karena setiap komentar yang masuk akan dianggap backlink).
  • Rentan dispam (kecuali jika anda mengaktifkan verifikasi kata, moderasi komentar).
  • Rentan kena sandbox oleh Google.
Sedangkan keuntungan dan kerugian blog nofollow adalah kebalikan dari keuntungan dan kerugian blog nofollow.

Cara mengubah blog nofollow menjadi dofollow dan sebaliknya

Cara merubah blog nofollow menjadi dofollow:

1. Login ke Blogger, lalu klik Tata Letak > Edit HTML.

2. Backup dulu template anda.

3. Centang kotak kecil Expand Template Widget.

4. Cari kode berikut.
<a expr:href='data:comment.authorUrl' rel='nofollow'>
5. Ganti menjadi seperti berikut.
<a expr:href='data:comment.authorUrl'>
6. Simpan template anda dengan mengeklik tombol Simpan Template.

Nah, kalau sudah, anda tinggal pasang banner blog dofollow. Bisa lewat Elemen Halaman atau Edit HTML.

Ada kalanya jika anda mengganti template, komentar yang ada menjadi dofollow. Tetapi, jika anda tidak ingin komentar menjadi dofollow dan hanya ingin menjadi nofollow, ikuti langkah-langkah berikut.

1. Sama seperti langkah 1, login dulu ke Blogger, lalu klik Tata Letak > Edit HTML.

2. Backup dulu template anda. Sudah tahu kan caranya membackup template?

3. Sama dengan langkah diatas, centang kotak kecil Expand Template Widget.

4. Nah, lalu cari kode:
<a expr:href='data:comment.authorUrl'>
5. Lalu ganti dengan kode:
<a expr:href='data:comment.authorUrl' rel='nofollow'>
6. Lalu selanjutnya, ya simpan. Klik Simpan Template

Mengecek status blog (apakah dofollow atau nofollow)

Ada blog yang sebenarnya nofollow, tetapi memasang banner blog dofollow. Dengan kata lain, artinya blog tersebut adalah blog dofollow gadungan. Bagaimana cara mendeteksinya? Begini, saya kasih tahu.

1. Jalankan browser Mozilla Firefox.

2. Lalu masukkan alamat dari blog yang ingin anda cek status nofollow-dofollow-nya.

3. Nah, lalu klik kanan pada salah satu link author (link pada tulisan pengirim komentar) pada komentar di blog tersebut. Lalu pilih Properties. Nah, jika tidak ada tulisan relation: nofollow, berarti blog tersebut dofollow.

Mencari blog dofollow

Anda bisa mencari blog dofollow lalu berkomentar di sana untuk menambah backlink. Anda bisa mencari di Google dengan kata kunci blog dofollow, directory blog dofollow, daftar blog dofollow, atau kata kunci lainnya. Kliklah salah satu link, lalu akan muncul daftar-daftar blog dofollow. Anda bisa memanfaatkan blog-blog yang masuk dalam daftar untuk menambah backlink.

Tata cara berkomentar di blog dofollow

Ini yang sering dilupakan orang-orang. Berkomentar di blog dofollow (ataupun nofollow) sebenarnya harus pakai tata krama. Makan, minum, ada tata kramanya kok...

Pertama, pada kolom Name, pakailah nama anda sendiri. Bisa pakai nama asli, atau nama samaran, seterah... asal pake nama. Jangan isi dengan keyword blog anda! Anda tau arti kata Name kan? Yap! Name itu artinya nama. Jadi jangan isi dengan keyword dari blog anda. Tapi isilah dengan nama anda. Soalnya kolomnya tulisannya Name bukan Keyword. Dan lagi, biasanya pemilik blog akan menghapus komentar orang yang menggunakan keyword sebagai namanya. Jadi, isikan kolom Name dengan nama anda.

Lalu, isikan komentar yang berhubungan dengan isi konten. Maksudnya, jangan hanya isi dengan good post, info yang bermanfaat, dll. Tetapi isikan dengan komentar yang berhubungan dengan isi konten.

Dan tambahan. Jangan menuliskan komentar yang mengandung kata-kata kasar dan penghinaan, mengandung SARA, mengandung pornografi, dan mengandung banyak link. Ini juga sebenarnya tidak hanya untuk blog dofollow, tetapi juga untuk blog yang nofollow.

Segitu saja serba-serbi kali ini. Jangan lupa komen ya... blog ini dofollow. Terima kasih.
KLIK DISINI UNTUK BACA SELENGKAPNYA

Bikin Breadcrumbs Navigasi Seperti Punya o-om.com

Satu pertanyaan menghampiri saya via Facebook. Pertanyaannya kira-kira seperti ini: "gimana sih caranya bikin breadcrumbs kayak punya om agus o-om.com?" Mungkin yang kayak gini nih...

Nah, kalau yang seperti itu lebih cocok buat anda yang ngeblog secara keroyokan (lebih dari satu orang). Tapi, untuk yang hanya ngeblog sendiri nggak apa-apa. Ini bisa jadi pengganti breadcrumbs navigasi yang tempo hari pernah dibahas. Langsung saja yuk!

1. Login dulu ke Blogger. Lalu klik Tata Letak > Edit HTML.

2. Backup template anda.

3. Centang kotak kecil Expand Template Widget.

4. Cari kode ]]></b:skin>, lalu masukkan kode berikut diatasnya.
.authorbox{
padding:10px;
margin:10px;
border:1px dashed #000000
}
Ket: Bagian #000000 adalah warna dari garis pembatas. Ganti saja dengan warna keinginan anda. Apabila anda mahir CSS, anda bisa memodifikasinya lebih jauh, misalnya memberikan background, atau merubah warna dari link, atau apapun sesuai kreatifitas anda.

5. Cari kode:
<div class='post-header-line-1'/>
6. Taruh kode berikut dibawahnya.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='authorbox'>
<table border='0'>
<tr>
<td rowspan='2' valign='middle' width='50px'>
<b:if cond='data:post.author == &quot;AUTHOR1&quot;'>
<img height='50px' src='IMGAUTHOR1' style='margin:auto 0;' valign='middle' width='50px'/>
</b:if>

<b:if cond='data:post.author == &quot;AUTHOR2&quot;'>
<img height='50px' src='IMGAUTHOR2' style='margin:auto 0;' valign='middle' width='50px'/>
</b:if>

<b:if cond='data:post.author == &quot;AUTHOR3&quot;'>
<img height='50px' src='IMGAUTHOR3' style='margin:auto 0;' valign='middle' width='50px'/>
</b:if>

</td>
<td valign='top' width='160px'>
<data:post.title/>
</td>
<td valign='top' width='160px'>
On: <data:post.dateHeader/><br/> <data:post.timestamp/>
</td>
</tr>
<tr>
<td valign='bottom' width='160px'>
<b:if cond='data:post.author == &quot;AUTHOR1&quot;'>
By <a href='URLBLOGAUTHOR1'><data:post.author/></a>
</b:if>

<b:if cond='data:post.author == &quot;AUTHOR2&quot;'>
By <a href='URLBLOGAUTHOR2'><data:post.author/></a>
</b:if>

<b:if cond='data:post.author == &quot;AUTHOR3&quot;'>
By <a href='URLBLOGAUTHOR3'><data:post.author/></a>
</b:if>

</td>
<td valign='bottom' width='160px'>
Labeled as: <b:loop values='data:post.labels' var='label'><a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if></b:loop>
</td>
</tr>
</table>
</div>
</b:if>
Ket: Kode AUTHOR1, AUTHOR2, AUTHOR3, dst... adalah nama dari akun Google (nama akun) author (misal punya saya: Muhammad Rizki Fadillah). Nama akun Google biasanya bisa dilihat di footer postingan (bagian bawah postingan, pada bagian Diposkan oleh ... atau tulisan lainnya. Ya pokoknya bisa ditemukan di bagian bawah postingan). Kode tersebut dua kali diulang. Isikan dengan nama yang sama. Kode IMGAUTHOR1, IMGAUTHOR2, IMGAUTHOR3, dst... adalah URL dari gambar masing-masing penulis. Sedangkan kode URLBLOGAUTHOR1, URLBLOGAUTHOR2, URLBLOGAUTHOR3, dst... adalah URL blog dari masing-masing penulis. Anda bisa menambah atau mengurangi jumlah penulisnya.

7. Simpan template dengan mengklik tombol Simpan Template.

Apabila berhasil, maka pada masing-masing post akan terlihat tampilan seperti ini.
Mungkin tidak sama seperti punya http://o-om.com karena tidak ada tombol untuk membagikan postingan ke Facebook, Tapi bisa digantikan dengan membuat share pack pada blog anda. Terima kasih dan semoga bermanfaat.
KLIK DISINI UNTUK BACA SELENGKAPNYA

Pengikut

Follow via NetworkedBlogs



Jangan lupa jadi fans Muhammad Rizki Fadillah's Blog di Facebook. Klik link di bawah ini.

http://www.facebook.com/pages/Tips-Trik-Matematika-Tutorial-Blogging-Muhammad-Rizki-Fadillahs-Blog/277782561876

Setelah mengklik link diatas, klik tombol Become A Fan untuk menjadi fans Muhammad Rizki Fadillah's Blog.