Senin, 21 Mei 2007

Membuat Footer 3 Kolom Di Blog

Belakangan ini, para pengunjung mungkin mendapati tampilan footer pada blog ini sedikit berbeda dari biasanya, di mana footer pada blog ini, saya bagi menjadi beberapa kolom. Dan menurut saya pribadi, sepertinya lebih variatif dan satu hal yang pasti, kita dapat menambahkan beberapa widget berjejer secara horizontal. Anda yang kebetulan mempunyai template blog dengan footer satu kolom, dapat mencoba untuk menjadikan footer blog Anda menjadi multi kolom seperti pada blog ini.

Langkah-langkahnya sebagai berikut. (Oh, iya sebelum melakukan pengeditan HTML, jangan lupa untuk melakukan back up terlebih dahulu untuk mengantisipasi hal-hal yang tidak diinginkan).

1. Login ke Blogger hingga masuk Dasbor.
2. Klik Rancangan.
3. Klik tab Edit HTML.
4. Kemudian cari dan temukan kode seperti di bawah ini:

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>


Contoh pada template Rounders, template default kepunyaan Blogspot. Mungkin Anda akan menemui kode yang berbeda pada template non-blogspot namun pada prinsipnya sama.

Ada juga kode-nya seperti di bawah ini.

<div id='footer-wrap1'><div id='footer-wrap2'>
<b:section class='footer' id='footer'>
</div></div>


5. Ganti kode yang bercetak tebal dengan kode di bawah ini.

<div id='footer-column-container'>

<div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div><!--kolom pertama-->

<div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div><!--kolom kedua-->

<div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'>
<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div><!--kolom ketiga-->

<div style='clear:both;'/>
<p>
<hr align='center' color='#5d5d54' width='90%'/></p><!--garis horisontal-->

<div id='footer-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'>
<b:section class='footer' id='col-bottom' preferred='yes'>
<b:widget id='Text2' locked='false' title='' type='Text'/>
</b:section>
</div>
<div style='clear:both;'/>
</div>


Catatan:
Anda dapat merubah width (berwarna merah) dengan komposisi prosentase yang berbeda sesuai selera masing-masing.
Jika Anda ingin menambahkan kolom lagi, Anda juga harus merubah komposisi prosentase tersebut sedemikian rupa sehingga lebarnya menjadi 100%.
Anda pun dapat merubah warna dan panjang garis horisontal dengan merubah prosentasenya atau bahkan jika tidak menginginkannya, Anda dapat menghapusnya.

6. Kemudian letakkan kode berikut ini di atas kode ]]></b:skin>

#footer-column-container {
clear:both;
}

.footer-column {
padding: 10px;
}


7. Kemudian Simpan Template
8. Selesai.

Nah, setelah berhasil, pada menu elemen halaman, Anda akan mendapati footer dengan multi kolom, seperti di bawah ini.

FOOTER 3 KOLOM

Sekarang Anda dapat menambahkan widget berjejer secara horizontal di footer blog Anda, seperti Anda lihat pada blog ini.
Tapi sekarang Blogger telah menyediakan pengaturan template barunya untuk mengatur jumlah kolom footer secara otomatis, jadi Anda tidak perlu repot mengubah tag html blog Anda lagi.
Jika masih ingin utak-atik blog sendiri, selamat mencoba!

Sabtu, 19 Mei 2007

Blog/Website Yang Disukai Google Dan Yahoo

Google Dan Yahoo

Artikel ini membahas tentang kriteria blog atau website yang disukai Google atau Yahoo, dengan kata lain bagaimana agar berada pada posisi tinggi saat orang memasukkan kata kunci di Google/Yahoo.

Yahoo menyukai:

* Halaman yang unik, asli, bermutu (bukan copy-paste dari sumber lain).
* Halaman yang didesign untuk manusia, bukan untuk search engine.
* Link dalam halaman tersebut berhubungan dengan isinya.
* Metadata (title, description, keyword) yang benar-benar mendeskripsikan isi.
* Design web yang baik secara umum.

Yahoo tidak menyukai (halaman ini akan hilang dari database Yahoo atau berada di urutan paling terakhir):

* Halaman yang mempengaruhi keakuratan atau relevansi search result.
* Halaman yang redirect ke halaman lain (doorway).
* Banyak situs atau halaman yang isinya sama.
* Halaman yang sebagian besar isinya berisi atau link ke halaman website lain, misalnya isinya tentang program-program afiliasi.
* Web dengan jumlah hostname virtual yang sangat banyak.
* Halaman yang sangat banyak, dibuat secara otomatis tanpa isi yang bernilai (cookie-cutter pages).
* Halaman yang menggunakan metode artifisial (buatan) untuk mempengaruhi search engine rangking.
* Halaman yang menggunakan teks atau link yang tidak terlihat pengunjung.
* Halaman yang berbeda dilihat search engine dan pengunjung normal (cloaking).
* Terlalu banyak link ke situs lain untuk mempopulerkan situs tersebut (link schemes).
* Halaman yang dibuat dengan tujuan utama untuk Search Engine dengan banyak keyword dan tidak relevan.
* Penggunaan nama atau merek yang bukan haknya.
* Situs yang membuka banyak pop-ups, menginstall malware, spyware, virus, trojans, atau mempengaruhi user navigation browser pengunjung.
* Halaman yang terlihat berisi penipuan atau kecurangan.

Karena merasa tidak membuat kecurangan-kecurangan di atas, saya mengisi form Yahoo di sini Yahoo! Search URL Status Review Form. Jawaban Yahoo:

It has been determined that your site may not comply with Yahoo!'s Content Quality Guidelines. Listed below are some of the more common reasons that a site may violate these guidelines:

- Cloaking (showing crawlers deceptive content about a site)
- Massive domain interlinking
- Use of affiliate programs without the addition of substantial unique content
- Use of reciprocal link programs (aka "link farms")
- Hidden text
- Excessive keyword repetition

Saya berpikir ulang, saya melanggar apa ya? Kemudian saya melakukan hal berikut:

1. Untuk menghindari “massive domain interlinking“, saya buang Tag Cloud Widget.
2. Untuk menghindari “reciprocal link program” saya tidak mengisi blogroll dengan link ke directory web / directory blog.
3. Untuk menghindari salah sangka perbuatan penipuan atau pelanggaran hukum saya ganti judul posting blog saya (isinya tetap):

* 11 Cara Penipuan Gaya Baru di Internet diganti menjadi 11 Cara Penipuan Gaya Baru di Internet (cara menghindari)
* 13 Macam Email Berantai yang konyol diganti menjadi 13 Macam Email Berantai yang konyol (break chain letters)

Syukurlah, setelah melakukan perbaikan-perbaikan di atas, blog saya ini kembali nongol di Yahoo, dan satu persatu halaman dalam blog ini diindeks oleh Yahoo.

Website/blog yang berkualitas menurut Google

Sejak awal blog ini di buat, Google kelihatan menyukai blog saya, terlihat dari banyaknya trafik (ratusan) dari search engine padahal PR di awal bulan April 2008 ini masih 0. Mungkin karena blog saya dibuat dengan memperhatikan Design & Content Guidelines dari Google.

Design dan isi yang sukai Google:

* Situs dengan susunan yang jelas dan menggunakan teks sebagai link (bukan gambar). Setiap halaman harus dapat dicapai dengan satu buah teks link statik.
* Memiliki site map yang memudahkan pengunjung, jika satu halaman site map terdapat lebih dari 100 link, maka pisahkan dalam halaman lain.
* Berisi informasi yang berguna, padat dan isinya jelas.
* Pikirkanlah kata-kata apa yang dicari orang untuk membuka website Anda, pastikan bahwa dalam web Anda benar-benar terdapat kata tersebut.
* Usahakan menggunakan teks, bukan gambar untuk menjelaskan nama, isi, atau link. Google crawler tidak mengenali teks yang ada di dalam gambar.
* Pastikan judul dan atribut ALT akurat.
* Periksa apakah ada link yang mati dan kode HTML yang salah.
* Jika Anda menggunakan dynamic pages, (misalnya URL dengan tanda “?”, berhati-hatilah bahwa tidak setiap search engine dapat mengindeks halaman dinamic. Buat parameter sesingkat mungkin dan sesedikit mungkin.
* Link dalam satu halaman kurang dari 100 buah.

Hal-hal yang dilarang Google:

* Jangan membuat halaman yang berbeda ketika dilihat pengunjung atau search engines (cloaking).
* Tidak menggunakan trik untuk meningkatkan ranking search engine. Cara yang mudah untuk meningkatkan ranking di Google adalah dengan bertanya pada diri sendiri: Apakah web saya berguna bagi pengunjung?
* Jangan tukar menukar link dengan website atau blog yang isinya tidak berhubungan dengan website atau blog Anda (link schemes).
* Jangan menggunakan tool otomatis untuk submit page atau check page rank, Google tidak merekomendasikan program semacam WebPosition Gold.
* Hindari teks atau link yang tidak kelihatan (kecil sekali atau warnanya sama dengan background).
* Jangan menggunakan cloaking atau sneaky redirect.
* Jangan menggunakan submit otomatis ke search engines.
* Jangan mengisi halaman dengan keywords yang tidak relevant.
* Jangan membuat halaman, subdomain, atau domain dengan isi yang sama persis.
* Jangan membuat halaman yang ditujukan untuk phising, menginstall virus, trojan, atau badware lain.
* Hindari doorway yang hanya dibuat untuk search engines.
* Hindari halaman yang hanya berisi program afiliasi dengan sedikit atau tidak ada isi yang original.
* Jika situs Anda terisi tentang program afiliasi, pastikan bahwa situs Anda memiliki nilai tambah.
* Isi website Anda dengan tulisan yang unik (bukan copy-paste) dan isi yang relevan.

Saran dari Google (Google Friendly Site):

* Berikan informasi yang dibutuhkan pengunjung dengan infomasi yang berkualitas.
* Pastikan website lain memasang link ke website Anda. Dalam menentukan ranking, Google mengkombinasikan jumlah link yang mengarah ke website Anda (pagerank) dan isi dari website Anda.
* Buat website yang mudah dalam hal navigasi. Semua halaman harus terhubung minimal dengan satu teks link.
* Hindari “cloaking” atau membayar SEO service, yaitu perusahaan yang menawarkan bisa meningkatkan posisi Anda pada search engine. Banyak metode yang dilakukan oleh SEO Service melanggar ketentuan Google ini.

Bagaimana, sekarang cek apakah website atau blog Anda sesuai dengan kriteria di atas?

Kamis, 17 Mei 2007

Cara Membuat Judul Blog Bergerak

Judul Blog Bergerak
Selama ini, Anda dapat membuat teks berjalan di area <body> blog dengan marquee, seperti teks pada side bar, footer, header, atau judul postingan. Namun untuk membuat judul blog berjalan di bagian title bar pada browser, Anda harus menggunakan bantuan Javascript tersendiri karena marquee hanya bisa berjalan (digunakan) di area <body> blog saja.

Dengan tips ini, mungkin akan membuat blog Anda akan tampil beda dan yang pasti lebih hidup dan menarik. Jika tertarik, silakan ikuti tipsnya berikut ini:

Langkah-langkah membuat judul blog bergerak di title bar pada browser adalah sebagai berikut.

1. Login ke Blogger hingga masuk dasbor, rancangan (design), edit HTML.

2. Kemudian cari kode <title><data:blog.pageTitle/></title> yang letaknya di bagian awal.

3. Kemudian ganti kode tersebut dengan kode di bawah ini:

<script language='JavaScript'>
var txt="<data:blog.pageTitle/>";
var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();</script>


Catatan:
- Angka 100 menunjukkan kecepatan bergerak, Anda dapat menggantinya dengan angka yang lebih kecil atau lebih besar, semakin besar maka kecepatan bergeraknya semakin lambat dan berlaku sebaliknya.

4. Sebelum Anda simpan, klik pratinjau terlebih dahulu untuk melihat hasilnya.

5. Jika sudah berjalan dengan baik kemudian Simpan Template.

6. Selesai.

Jumat, 11 Mei 2007

Tips Mengganti Background Blog

Background Blog
Ada dua kemungkinan mengganti background yaitu yang pertama adalah mengganti hanya warna background (latar belakang) saja, yang kedua adalah mengganti background blog dengan menggunakan gambar atau image.
Ada satu hal yang selalu dianggap penting apabila Anda berniat mengganti background (latar belakang) yaitu gantilah background dengan warna atau image yang sekiranya tidak membuat tulisan-tulisan Anda menjadi susah untuk dibaca. Jika tulisan yang tersedia berwarna gelap, maka pilihlah warna atau image yang terang, akan tetapi sebaliknya apabila tulisan yang ada berwarna terang, maka sebaiknya warna atau image background berwarna gelap. Tulisan yang susah untuk dibaca oleh pengunjung, tentunya akan membuat pengunjung tersebut malas untuk membaca artikel-artikel yang Anda tulis, dan tentunya percuma saja Anda memposting artikel jika tidak ada yang mau untuk membacanya. Oke, biar tidak menyita halaman langsung saja pada topik utama. Karena kode template sangat bervariasi, yang akan dijadikan contoh adalah template asli blogger yaitu template minima.

- Mengganti Warna Background

Untuk template minima klasik:

1. Sign in.
2. Klik menu Rancangan.
3. Klik menu Edit HTML.
4. Copy seluruh kode Template, paste pada notepad lalu save untuk backup data.
5. Rubahlah kode warna asli template dengan kode warna yang Anda sukai (yang bercetak tebal adalah kode yang harus dirubah):

body {
background:#fff;
margin:0;
padding:40px 20px;
font:x-small Georgia,Serif;
text-align:center;
color:#333;
font-size/* */:/**/small;
font-size: /**/small;
}

Misalkan jika ingin menjadi warna abu-abu terang, kodenya jadi seperti ini:

body {
background:#E7E3E3;
margin:0;
padding:40px 20px;
font:x-small Georgia,Serif;
text-align:center;
color:#333;
font-size/* */:/**/small;
font-size: /**/small;
}

6. Klik tombol Pratinjau untuk melihat perubahan
7. Jika sudah Oke, klik tombol Simpan.
8. Selesai.

Jika Anda kebingungan tentang kode warna, Anda bisa mencarinya via Google Search masukkan kata kunci "kode warna"

Untuk template minima baru:

1. Sign in.
2. Klik menu Rancangan.
3. Klik menu Template Designer.
4. Pada gambar teks area sebelah kiri, pilih yang warna latar belakang halaman (biasanya yang pertama langsung ada, jadi tidak usah dipilih lagi)
5. Klik warna yang Anda sukai pada gambar warna-warna yang di tampilkan, lalu lihat perubahannya pada gambar di sebelah bawah
6. Jika merasa sudah cocok, klik tombol SIMPAN.
7. Selesai.

Mudah bukan?

- Mengganti Background Dengan Image

Hal yang pertama tentu saja Anda harus mempunyai file image. Image ini bisa berbentuk image biasa, foto, bahkan animasi pun bisa. Hal yang kedua adalah menguploadnya ke situs untuk menyimpan gambar.

Untuk ukuran gambar, Anda tidak usah membuatnya dalam bentuk yang sangat besar, karena walaupun ukuran asli dari image (gambar) adalah kecil, nanti akan di tampilkan dalam jumlah yang sangat banyak hingga memenuhi layar monitor. Gambar tersebut akan tampil memenuhi layar karena akan ditampilkan dalam jumlah yang sangat banyak.

Untuk cara instalasinya, silahkan ikuti langkah-langkah berikut ini!

Untuk template minima klasik:

1. Sign in.
2. Klik menu Rancangan.
3. Klik menu Edit HTML.
4. Copy seluruh kode Template, paste pada notepad lalu save untuk backup data.
5. Tambahkan kode berikut pada style sheet css Anda (yang bercetak tebal adalah kode yang harus ditambahkan):

body {
background:#fff url('http://amen24.googlepages.com/pattern_096.gif');
margin:0;
padding:40px 20px;
font:x-small Georgia,Serif;
text-align:center;
color:#333;
font-size/* */:/**/small;
font-size: /**/small;
}

6. Klik tombol Pratinjau untuk melihat perubahan
7. Jika sudah Oke, klik tombol Simpan .
8. Selesai.

Kode warna background sengaja tidak dihilangkan, ini dimaksudkan agar apabila background image yang Anda pakai gagal diloading oleh komputer pengunjung blog, maka yang bekerja duluan warna background.

Untuk template minima baru:

1. Sign in.
2. Klik menu Rancangan.
3. Klik menu Edit HTML.
4. Klik tulisan Download Template Lengkap, silahkan save dulu template Anda untuk backup data.
5. Klik kotak kecil di samping tulisan Expand Template Widget.
6. Tunggu beberapa saat sampai proses selesai.
7. Tambahkan kode berikut pada style sheet css Anda (yang warna merah adalah kode yang harus ditambahkan):

body {
background:$bgcolor url('http://amen24.googlepages.com/pattern_096.gif');
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

8. Klik tombol Pratinjau untuk melihat perubahan
9. Bila sudah Oke, klik tombol SIMPAN.
10. Selesai.

Anda dapat melakukannya, karena tidak banyak kode yang harus ditambahkan.

Selamat mencoba.

Kamis, 10 Mei 2007

Tips Mengubah Blog Anda Menjadi Do Follow

Blog Anda Menjadi Do Follow

Membuat Blog Menjadi Do Follow : Sebelum berbicara tentang do follow, Tips Trik Blog akan memberikan pengertian no follow suatu blog atau situs. Pengertian no follow menurut wikipedia adalah seperti di bawah ini.

Nofollow is an HTML attribute value used to instruct some search engines that a hyperlink should not influence the link target's ranking in the search engine's index. It is intended to reduce the effectiveness of certain types of search engine spam, thereby improving the quality of search engine results and preventing spamdexing from occurring.

Terjemahan bebasnya adalah sebagai berikut.

No follow adalah atribut HTML yang digunakan untuk menginstruksikan beberapa search engine untuk tidak memberi efek peningkatan ranking pada link target dari suatu teks hyperlink pada indeks search engine-nya. Hal ini bertujuan untuk mengurangi spam sehingga akan meningkatkan kualitas hasil pencarian dari suatu search engine dan juga mencegah search engine salah mengindeks spam yang memungkinkan menduduki peringkat tertinggi pada suatu keyword tertentu.

Dengan pengertian tersebut, maka ketika memberikan komentar pada blog/situs yang berPR tinggi, Anda tidak akan mendapatkan backlink yang dapat meningkatkan peringkat blog/situs Anda.

PENGERTIAN DO FOLLOW

Pengertian do follow merupakan kebalikan dari pengertian no follow di atas. Dengan demikian, dengan menjadikan blog menjadi Do follow akan menciptakan backlink secara otomatis dari beberapa buah komentar yang masuk ke postingan dari suatu blog.

Ketika Anda memberikan komentar pada artikel/postingan dari suatu blog/situs yang berPR tinggi maka secara otomatis Anda akan mendapatkan backlink dari blog tersebut dan ini dapat memberikan efek pada peningkatan rangking blog Anda secara signifikan.

KEUNTUNGAN DAN KERUGIAN DO FOLLOW

Dengan menjadikan blog Anda do follow akan memberikan keuntungan kedua belah pihak (si pemilik blog dan si komentator). Si pemilik blog akan dapat memperoleh banyak pengunjung karena blog do follow banyak dicari para blogger (si komentator) untuk mendapatkan backlink secara otomatis dari komentar yang diberikan.

Namun di sisi lain, ada juga kerugian yang mungkin dialami oleh penganut do follow ini. Blog dengan setting do follow sangat di benci oleh search engine Google. Efek selanjutnya bisa ditebak, bahwa blog Anda akan “disingkirkan” dan mungkin menjadikan hanya beberapa halaman saja atau bahkan semua halaman dari blog Anda menjadi tidak terindeks sama sekali oleh Google. Efek selanjutnya adalah blog Anda akan sepi pengunjung dan jika sudah demikian akan menjadikan PR blog menjadi rendah.

Selain itu, setting Do Follow dapat mendatangkan permasalahan “spamming” karena biasanya blog do follow ini sangat disukai oleh para spammer untuk tujuan-tujuan tertentu yang jelas akan berakibat buruk terhadap blog Anda. Oleh karena itu, blog do follow ini juga beresiko menjadi SPLOGS, yaitu sebuah blog yang menjadi host dari spam comment yang bertujuan untuk kepentingan memanipulasi Page Rank atau tujuan-tujuan lainnya, seperti Google Bomb.

KESIMPULAN

Pada akhirnya Anda serahkan kepada blogger masing-masing untuk menjadikan blog mereka menjadi do follow atau membiarkan settingan default, no follow. Saya sendiri menjadi bingung setelah mengetahui keuntungan maupun kerugiannya. Saya hanya dapat memberikan sedikit gambaran, seperti di bawah ini.

Jika Anda mempunyai blog yang sudah berperingkat tinggi, settingan do follow ini hampir tidak memberikan pengaruh apa-apa. Toh, tanpa men-setting do follow, blog tersebut biasanya sudah ramai pengunjung karena sudah dikenal Google atau search engine lainnya. Keuntungannya, Anda akan mendapatkan banyak “pahala” karena memberikan kesempatan para komentator untuk mendapatkan backlink gratis dan otomatis.

Jika Anda mempunyai blog dengan peringkat rendah, settingan do follow ini mungkin akan menolong blog tersebut dalam rangka meningkatkan traffic atau peringkatnya karena seperti yang telah dikemukakan sebelumnya blog dengan settingan do follow sangat disukai blogger.

MENJADIKAN BLOG DO FOLLOW

Secara default, Blogspot menganut “paham” no follow dan jika Anda menginginkan, Anda dapat mengubah settingannya menjadi do follow. Untuk merubah settingan menjadi do follow, ada dua “sesi” yang dapat/harus dihapus. Langsung saja Anda ikuti langkah-langkahnya di bawah ini.

Langkah-langkah untuk menjadikan blog do follow adalah sebagai berikut.

Pertama, login ke Blogger hingga masuk Dasbor >> Rancangan >> Edit HTML
Kedua, centangi “Expand Template Widget”
Ketiga, temukan kode pada kolom komentar, seperti di bawah ini.

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


Keempat, hapus kode yang berwarna merah tersebut.
Kelima, menghapus atribut rel=”nofollow” pada kolom backlink. Penghapusan atribut yang ini hukumnya tidak wajib, artinya Anda boleh membiarkan no follow. Backlink/trackback adalah kolom yang disediakan untuk membuat track jika ada blogger yang ingin melakukan link terhadap postingan Anda.

<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>


Keenam, simpan template.
Ketujuh, selesai dan sekarang blog Anda sudah menjadi do follow.

Selamat Memilih!

Selasa, 17 April 2007

Cara Redirect Blog Anda

Redirect Blog
Karena satu dan lain hal kita ingin mengarahkan pengunjung yang berkunjung ke blog kita untuk membuka blog yang lain, istilah teknisnya redirect. Alasan tersebut bisa meliputi:

1. Ganti ke alamat baru. Jadi saat orang buka alamat lama otomatis masuk ke alamat baru.

2. Digunakan untuk hasil proses suatu form. Biar orang tidak dapat mengulang proses suatu form hanya dengan klik refresh maka hasil proses tersebut di redirect ke halaman tertentu. Halaman blog baru Anda misalnya.

Ada beberapa cara melakukan redirect halaman web. Pada prinsipnya semuanya mudah dan sederhana, asal kita mau mempelajarinya.

Cara tersebut antara lain:

META REFRESH

Taruh kode di bawah ini ke blog Anda.

<meta http-equiv="refresh" content="second; URL= other_url"/>

Keterangan:
- second = berapa detik halaman ingin dialihkan. Misalnya 5 detik.
- other_url = Halaman baru yang akan dikunjungi user.

Taruh kode tersebut diantara
<head> </head>


Dalam beberapa kasus kadang sebuah browser tidak mau otomatis redirect ke situs yang kita inginkan. Untuk mengatasinya Anda bisa menambahkan alamat situs yang ingin dituju. Dengan kata lain orang harus klik link tersebut untuk menuju halaman yang dimaksud.
Berikut contohnya:

<html>
<head>
<title>You'll be redirected after 5 seconds</title>
<meta http-equiv="refresh" content="5; URL=http://namablog-Anda.blogspot.com"/>

</head>
<body>
<a href="http://namablog-Anda.blogspot.com/">Klik di sini.</a> bila Anda tidak otomatis pindah ke halaman baru dalam waktu 5 detik.

</body>
</html>


Jika ingin langsung redirect tanpa ada jeda waktu hanya perlu mengganti content="0;

Selamat Mencoba

Sabtu, 14 April 2007

Menganalisa Pengunjung Blog Anda

Google Analytics
Bagi sebagian pemilik blog, mungkin ingin mengetahui data-data dari para pengunjung blognya. Hal tersebut diperuntukkan dengan adanya bermacam-macam pernak-pernik yang ada di blognya, seperti misalnya "Hit Counter", "Site Track Meter", "Alat pendeteksi jumlah pengunjung", dan lain-lain.

Ada sebuah layanan gratis dari Google, namanya "Google Analytics". Bagi yang sering menjelajah di dunia maya, mungkin tahu apa itu Google Analytics? Tapi bagi yang masih awam pasti belum tahu atau tahu tapi sedikit. Nah, disini akan coba saya terangkan tentang Google Analytics. Simaklah dengan cermat penjelasan berikut ini:

Google Analytics berbeda dengan Hit Counter, Hit Counter biasanya hanya menghitung jumlah pengunjung yang datang untuk berkunjung. Sedangkan Google Analytics tidak hanya menghitung jumlah para pengunjung tapi juga data-data yang lainnya, misalnya tentang: * Berapa pengunjung yang datang tiap harinya?
* Berapa lama mereka berada di blog Anda?
* Browser apa yang mereka gunakan?
* Dengan cara apa mereka datang?
* Dari negara mana mereka datang?
* Dari kota mana?

Kalau ingin mendaftar di Google Analytics

Tapi syaratnya Anda harus punya account di Google. Silahkan Anda mendaftar dahulu di Google Kalau sudah daftar nanti Anda tinggal mengisi form yang diberikan, tapi santai saja cara mengisinya mudah diantaranya yaitu mengisi alamat web blog Anda, terus jangan lupa atur "Time Zone". Terus setelah itu Anda nanti akan dikasih kode/script sama Google. Selesai. Dan masih ada lagi?
Setelah itu salin kode/script tersebut, terus login ke Blogger Klik Template -->> Edit HTML. Paste kode/script yang sudah disalin ke dalam tag HTML yaitu sebelum tag </body> jangan lupa disimpan. Selesai!

Kembali lagi ke Google Analytics, Anda harus mengklik Check Status dulu. Kalau sudah berhasil maka akan ada tandanya, kalau belum silahkan dicoba lagi.
Datanya baru akan muncul satu hari kemudian, jadi ini bukan seperti Hit Counter yang datanya akan langsung berubah tiap detik tapi data-data Google Analytics ini akan muncul tiap ganti hari.

Selamat mencoba!

Jumat, 13 April 2007

Tips Mengganti Icon Pada Address Bar

Icon Pada Address Bar
Jika Anda sedang melakukan blog walking, seringkali menjumpai ada sebuah gambar atau ikon pada address bar (kotak untuk mengetikkan alamat web). Dan jika Anda punya blog di Blogspot maka ikon default yang akan ditampilkan.
Bagi Anda yang menginginkan ikon/gambar default blogspot tersebut diubah dengan ikon sesuai selera Anda, Anda dapat melakukannya. Caranya sangat mudah, yaitu dengan membuat gambar (gif, jpg, ico, dan lain-lain) dengan ukuran kira-kira 24x42 pixel sampai 32x32 pixel (sebenarnya ukurannya bebas, tapi biar filenya kecil dan proses membukanya cepat). Setelah itu,
masuk ke "Rancangan", "Edit HTML", terus tempatkan script berikut sebelum kode </head>

<link rel="shortcut icon" href='http://i534.photobucket.com/albums/ee350/nifan1/babybo6gd5.gif' type="image/x-icon" />

Ganti link yang dicetak tebal dengan lokasi gambar dimana Anda menyimpannya. Anda bisa menyimpan gambar di 000webhost atau bisa juga di Photobucket dan juga di Imageshack.

Cara lainnya:

- Instal terlebih dahulu browser Chrome. Klik Google Chrome Browser. Lalu klik Install Google Chrome, Accept and install, tunggu sesaat, setelah muncul jendela baru klik Run.
- Setelah tampil browser Chrome, login akun Blogger Anda.
- Klik Rancangan, di atas elemen Navbar, ada elemen Favicon, klik edit, lalu upload file gambar ber-ektensi favicon.ico.

FAVICON BLOG

Bila belum punya file faviconnya atau Anda ingin memformat gambar Anda yang ber-ektensi .gif, .png, atau lainnya ke ektensi .ico. Anda bisa kunjungi situs ini http://www.icoconverter.com. Setelah tampil halaman situsnya, klik upload, cari file gambar yang telah disimpan di komputer dan ingin dijadikan favicon blog.

Di bawah tombol upload ada menu pilihan yaitu, "icon sizes" pilih 16 x 16 pixels, dan " icon bit depth" pilih 16,7 colors and alpha transparency, lalu klik tombol upload. Setelah gambar favicon telah di upload dan disimpan di folder komputer. Kembali ke Rancangan Blogger, klik edit Favicon, upload, cari gambar favicon yang tadi disimpan, lalu klik tombol upload. Bila sukses, klik simpan. Nah, tunggu sesaat hingga gambar Favicon blog Anda tampil di browser.

Selamat mencoba.

Rabu, 11 April 2007

Highlight Komentar Pemilik Blog

Highlight Komentar Pemilik Blog
Highlight Author Comment fungsinya adalah supaya komentar author (pemilik blog) berbeda dengan komentar orang lain.
Untuk komentar pemilik blog akan ada bordernya dan ada efek lainnya. Nah, berikut ini saya akan jelaskan cara untuk membuat Highlight Author Comment ini.
1. Login ke blogger terus ke menu "Rancangan --> 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 kode-kode seperti berikut. Mungkin kode yang ada di HTML Anda akan berbeda, tapi walaupun berbeda 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 bercetak tebal adalah kode yang harus Anda tambahkan di HTML Anda. Posisinya harus benar, ingat itu.
6. Kalau sudah terus disave template Anda.
Comment author ini berdasarkan profil dari pemilik blog tersebut. Jadi supaya efeknya muncul sebelum memberi komentar Anda harus login dulu di blogger. OK.
Oh ya ini bukan untuk komentar dari Haloscan. Tapi hanya untuk kotak komentar yang dari Blogger murni.

Selamat mencoba.

Selasa, 10 April 2007

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, Anda juga bisa mempromosikan blog Anda, misalnya Anda mengunjungi blog orang yang menyediakan kotak ini kemudian Anda menuliskan komentar atau cuma sekedar salam di Shoutbox mereka, lalu yang punya blog akan melihat di Shoutbox miliknya.

Biasanya mereka akan balas mengunjungi blog Anda. Kotak ngoceh dapat diselipkan kedalam halaman blog dengan kode bahasa Javascript. Bagi Anda yang ahli bahasa program Javascript mungkin bisa membuatnya sendiri dengan membuat kode-kode yang memusingkan kepala. Namun buat Anda yang amatir tidak usah kuatir karena sekarang ini banyak situs internet yang menyediakan layanan ini, salah satunya yaitu Shoutmix.

Caranya adalah sebagai berikut:

1. Kunjungi situs Shoutmix, Anda harus mendaftar di situs tersebut, cara daftarnya mudah.

2. Jika pendaftarannya berhasil, Anda langsung diminta untuk memilih type Shoutbox yang disediakan, terserah Anda memilih bentuknya yang bagaimana? Klik tombol "Continue"

3. Setelah itu Anda akan mendapat ucapan "Terima Kasih", lalu klik link "Go to My Control Panel Now".

4. Disitu Anda bisa mengatur terlebih dahulu Shoutbox Anda, misalnya "Style & Color", "Date & Time", dan lain-lain.

5. Jika sudah selesai klik menu " Get Codes".

6. Jika Anda ingin menaruh Shoutbox di blog Anda pilih "Place Shoutbox on Webpage".

7. Atur lebar dan tinggi Shoutbox di kolom widht dan hight.

8. Kemudian salin kode yang ada di dalam kotak "Generated Codes".

9. Login ke blogger.com lalu pilih, Rancangan, kemudian Add Page Elements.

10. Tambahkan element HTML/Javascript.

11. Tempel kode yang telah Anda salin dari shoutbox.com tadi di kotak "Content", lalu "Save".

Lihat hasilnya seperti di bawah ini:


ShoutMix chat widget

Selamat mencoba.

Membuat Kotak Link Exchange

Kotak Link Exchange
Anda belum bisa membuat banner link exchange? Sampai saat inipun mungkin Anda belum bisa memasang banner, tips kali ini akan menjelaskannya secara detail.
Jika Anda mau tukeran link biasanya ada kotak seperti ini:



Nah, terus bagaimana cara membuat kotak tersebut?
Pertama, login ke Blogger terus pilih Design --> Page Elements, terus klik Add a Gadget lalu pilih HTML/Java Script. Terus salin kode berikut ini di tempat yang disediakan.

<textarea name="textarea" cols="20"><a href="http://snifan.blogspot.com/"><img src="http://i534.photobucket.com/albums/ee350/nifan1/m.png" width="90" height="17" border="0" /></a></textarea>

Keterangan:
- text cols="20"; menunjukkan lebar kotak.
- text http://i534.photobucket.com/albums/ee350/nifan1/m.png adalah link image, ganti text tersebut dengan link image kepunyaan Anda.
- text warna merah adalah link image beserta ukurannya, ganti link tersebut dengan link image kepunyaan Anda. Terus simpan templatenya. Hasilnya akan seperti kotak diatas, terus gambarnya mana?
Begini didalam kotak tersebut ada text nya, kalau textnya itu disalin terus ditempel di blog, maka hasilnya akan menjadi gambar dan juga ada linknya. Isi kotak diatas kalau disalin lalu ditempel maka jadinya akan seperti dibawah ini:

LINK EXCHANGE

Sabtu, 31 Maret 2007

Cara Membuat Breadcrumb-Navigation Pada Blogspot

SEO Friendly
Breadcrumb-navigation bisa membuat template kita lebih seo friendly, karena akan mempermudah search engine menemukan artikel-artikel kita. Navigasi ini dikenal dengan nama breadcrumb-navigation.
Tidak hanya itu dengan adanya breadcrumb-navigation maka pembaca dapat dengan mudah melihat posisi artikel yang dibaca serta mencari artikel dalam satu kategori. Breadcrumb-navigation bisa dipasang pada template blogger dengan sedikit modifikasi pada templatenya, dengan begitu breadcrumb-navigation akan lebih mudah jika langsung dipraktekkan.

Langkah-langkah/cara memasang breadcrumb navigation:

1. Login ke blogger.com.
2. Klik Rancangan.
3. Pilih tab Edit HTML.
4. Click Download Full Template and please back up your template first.
5. Kemudian beri tanda centang pada kotak kecil di samping tulisan Expand Template Widget.
6. Silahkan cari kode:

]]></b:skin>

7. Ganti kode pada langkah 6 dengan:

.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:3px double #e6e4e3;
}
]]></b:skin>


8. Sekarang cari kode:

<b:include data='top' name='status-message'/>

9. Ganti kode pada langkah 8 dengan:

<b:include data='top' name='status-message'/>
<b:include data='posts' name='breadcrumb'/>


10. Lalu cari kode:

<b:includable id='main' var='top'>

11. Ganti kode pada langkah 10 dengan:

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- No breadcrumb on home page -->
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- breadcrumb for the post page -->
<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl' rel='tag'>Beranda</a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'> »
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
</b:loop>
<b:else/>
» </b:if> » <span><data:post.title/></span>
</b:loop>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl'>Beranda</a> » <data:blog.pageName/>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:blog.pageName == ""'>
<a expr:href='data:blog.homepageUrl'>Beranda</a> » Semua Artikel
<b:else/>
<a expr:href='data:blog.homepageUrl'>Beranda</a> » <data:blog.pageName/>
</b:if>
</span>
</p>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>


12. Sekarang Simpan Template blog Anda, lihat hasilnya!

Selamat Mencoba!

Cara Membuat Gambar Di Header Blogspot

Buat Anda yang lagi menikmati rasanya ngeblog atau sedang utak-atik blog, dan belum punya gambar header sendiri? Itu, gambar yang ada pada atas halaman, yang terlihat pada semua halaman.
Kalau belum punya, ini ada tutorial sederhana tentang cara membuat gambar header cantik dalam tiga menit dengan Xheader, tidak perlu belajar design grafis atau pakar dalam menggunakan software Photoshop, software ini sederhana dan mudah dipahami, dan yang pasti gratis atau freeware.

Software Xheader dapat didownload di:
* Sini XHeader atau * Klik disini Design Header
File installer 32.6 Mb dapat mempercepat proses download gunakan Speedbit.

1. Membuat header dari template

Xheader memberikan ribuan template gambar header gratis siap pakai yang bisa Anda pilih. Untuk membuat gambar header dari template buka menu File -> New. Kemudian pilih load from template library.

2. Mengatur ukuran gambar header

Anda bisa mengatur ukuran gambar header sesuai dengan blog Anda melalui menu Option - > Resize Header. Untuk blog di Wordpress, ukuran gambar header terlihat pada menu Appearance -> Custom Image Header.

3. Memasukkan teks

Setelah Anda memilih template atau gambar header yang tersedia, Anda bisa memulai memasukkan teks. Anda bisa menambah dengan efek outline, chisel, emboss, dan glow. Jika akan menambah efek, pilih teks yang akan diedit dengan menu select terlebih dahulu.

4. Memasukkan gambar dari komputer

Anda bisa memasukkan gambar dari komputer (harddisk, flashdisk, dan lain-lain) dengan menggunakan tool image.

5. Membuat garis, kotak, dan lingkaran

Anda bisa menambahkan garis, kotak, dan lingkaran dengan tool. Objek ini juga dapat diberi efek!

6. Mengatur urutan peletakan objek

Sebuah gambar, bidang, atau tulisan dapat diletakkan di atas atau di bawah yang lain. Anda bisa memilih objek dengan tool Select (paling kiri) dan mengaturnya urutan peletakan objek melalui tool To Front atau To Back.

7. Mengatur efek transparan dan bayangan

Text atau gambar dapat diatur agar transparan (tembus pandang) dan ada bayangannya dengan tool yang tersedia.

8. Preview dan menyimpan Gambar

Sebelum Anda menyimpan gambar header, Anda bisa mencoba melihat tampilan gambar header Anda di browser, buka menu Options -> Preview in Browser. Setelah semua oke, simpan gambar Anda melalui menu File -> Save JPG. Atau File -> Save XHF. File JPG siap di-upload ke blog Anda, sedangkan file XHF bisa diedit ulang jika Anda mau.

Selamat mencoba!

Senin, 19 Maret 2007

Keyword Yang Banyak Dicari Blogger

Jika Anda ingin membuat blog/website Anda banyak dikunjungi orang, maka isilah dengan topik yang menarik atau topik yang paling banyak dicari orang. Topik yang sedang populer saat ini sebanding dengan jumlah kata kunci/keywords yang dimasukkan dalam search engine. Bagaimana cara mengetahui kata kunci/keywords yang paling populer saat ini?

Google menyediakan tool Keyword Tool External dan http://google.com/trends untuk mengetahui keyword apa yang paling banyak dicari orang saat ini.

Fasilitas ini sebenarnya digunakan untuk mencari keyword yang paling efektif dalam http://adwords.google.com, yaitu program di mana kita bisa memasang iklan di halaman hasil pencarian Google atau di Google Adsense. Namun tool ini juga dapat dimanfaatkan untuk mencari keywords yang populer dan keyword-keyword lain yang berhubungan. Silakan klik di sini untuk membuka Keyword Tool External Adwords. Akan muncul halaman seperti di bawah ini.

google keyword tool external

Dari gambar di atas terlihat bahwa keyword laptop battery sangat populer (lihat bar hijau pada bagian Search Volume), dan Google menyarankan keyword yang berhubungan dengan laptop battery adalah sony laptop battery, notebook batterries, dan sebagainya. Informasi ini berguna jika Anda memilki sebuah toko yang menjual laptop atau notebook dan memiliki sebuah web/toko online:
  • Keyword laptop battery sangat populer, masukkan keyword ini dalam web/blog Anda
  • Selain menggunakan keyword/kata kunci laptop battery, sebaiknya juga menggunakan kata kunci notebook battery dan kata kunci lain yang populer
  • .
  • Merek tertentu (misalnya Sony) lebih populer daripada merek lain (misalnya Fujitsu).
Dalam keyword tool ini, kita juga bisa mengatur setting dari bahasa dan negara mana. Iseng-iseng, penulis memasukkan keyword “cewek” dengan setting pengunjung Google dari Indonesia, maka inilah daftar keyword yang paling banyak dicari orang keyword yang berhubungan dengan cewek:
  • artis bugil
  • foto artis
  • cewek bugil
  • cewek seksi
  • dan sebagainya

Apakah ini berarti orang Indonesia berpikiran kotor? Suka hal-hal yang berbau pornografi? Terserah Anda menafsirkan data di atas

Google Trends

Tool yang kedua untuk mengetahui top keywords atau kata kunci yang paling banyak dicari orang adalah http://google.com/trends. Silakan buka Google trend, maka akan muncul jendela pencarian dan daftar 10 kata kunci yang pupuler hari ini (berlaku di USA).

Anda juga bisa kunjungi di sini: Google Trends untuk melihat 100 buah kata kunci (keywords) yang paling populer hari ini. Anda juga bisa mengganti tanggal dengan tanggal kemarin atau waktu-waktu yang lain.
Di bagian atas halaman ada box yang digunakan untuk memasukkan keyword. Misalnya kita masukkan kata berikut: AMD, intel maka akan muncul grafik seperti ini.

Google trends untuk mencari keyword populer


Keterangan gambar:

  1. Kata kunci yang dimasukkan bisa 1 atau lebih dari satu
  2. Grafik jumlah orang yang mencari kata kunci tersebut di Google (dalam contoh ini, intel - garis merah, dan amd = garis biru)
  3. Jumlah berita sehubungan kata kunci
  4. Titik di mana berita dipublikasi (misalnya pada titik A, harga stock Intel turun)
  5. Daftar berita.
Dengan melihat gambar di atas dapat disimpulkan:
  • Intel lebih populer daripada AMD
  • Di akhir tahun 2005, pencarian kata kunci Intel meningkat, namun di awal tahun 2008 ini mengalami penurunan.
Anda juga bisa mengeset agar Google Trends menampilkan data pengunjung Google dari negara mana dan tahun berapa.Beberapa hal yang dicoba penulis:

Apakah orang Indonesia masih suka akan sesuatu yang GRATIS atau FREE? (Misalnya software gratis, internet gratis, seks gratis, free sex)
Jawabannya adalah YA, ada kecenderungan kenaikan minat terhadap sesuatu yang gratis oleh pengunjung Google dari Indonesia.

Apakah pengunjung Google di dunia masih suka sesuatu yang FREE?
Jawabannya adalah YA, namun terjadi penurunan yang signifikan dari tahun 2004-2008.

Pengguna Google dari Indonesia yang suka seks cenderung meningkat atau menurun?
Jawabannya adalah MENINGKAT. Dari tahun ke tahun, jumlah orang dari Indonesia yang memasukkan kata kunci sex di Google selalu meningkat.

Bagaimana? Apakah Anda ingin mencoba tool gratis yang disediakan Google ini?

Selamat mencoba!

Jumat, 16 Maret 2007

Periksa Posisi Blog Anda Di Mesin Pencari

Kalimat diatas itu yang membuat saya tertarik untuk mencoba tools SEO dari Instant Rank Meter, seperti yang Anda ketahui tools SEO yang berkualitas harganya pasti mahal.

Dengan Instant Rank meter sepertinya membuat tugas analisa blog Anda jadi semakin mudah saja, dimana layanan ini akan memberikan gambaran umum mengenai data statistik yang lengkap dan bagaimana kinerja blog Anda pada tiga search engine raksasa yaitu Google, Yahoo, dan Bing?

Cara menggunakan layanan ini juga tidak sulit, yang perlu di lakukan adalah mengetikkan alamat blog dan kata kunci yang terkait, dan Anda tidak hanya akan menerima laporan berupa statistik blog Anda, tetapi juga pada dua laporan dari pesaing Anda. Ini yang membuat informasi akan lebih menarik.

Selamat Mencoba!

Kamis, 15 Maret 2007

Cara Menghilangkan Navigation Bar

Navigation Bar atau NavBar adalah fasilitas yang dimiliki oleh Blogger, bentuknya berupa kotak kecil memanjang kesamping yang letaknya berada di bagian paling atas dari blog yang fungsinya antara lain untuk mulai melakukan sign in/out, atau bisa juga membuat blog baru.
Navigation Bar juga bisa digunakan untuk melaporkan kecurangan atau tindak kejahatan weblog yang dilakukan oleh seorang blogger, misalnya kontent blognya yang melanggar TOS atau hal-hal yang dianggap merugikan orang lain. Juga share blog ke akun Anda di Facebook, Twitter, Google Buzz dan Google Reader.

Namun ada beberapa blogger yang merasa lebih nyaman jika tampilan blognya dalam keadaan bersih tanpa harus ada bagian mencolok di bagian atas blognya sendiri (NavBar). Karena itu, kadang para blogger menghapus NavBar tersebut. Pertanyaannya adalah: Apa tidak melanggar Term of Service (TOS) dari Blogger?
Sejauh ini, banyak blogger yang telah menghilangkan Navbar mereka dan tidak juga mendapat teguran dari Blogger. Artinya, bisa dilakukan di TOS Blogger sendiri juga tidak ada aturan yang cukup detail tentang hal ini.

Bagaimana menghilangkan Navigation Bar? Ada beberapa penyedia template yang memang sudah tidak ada NavBar-nya. Namun bagi Anda yang memakai template yang masih ada NavBar nya dan ingin menghilangkannya maka inilah caranya:

1. Anda harus Login dulu di Blogger.

2. Terus pilih Rancangan --> Edit HTML.

3. Salin script berikut ke dalam tag head, lalu tempel seperti yang terlihat di bawah ini:

#navbar-iframe {
display: none !important;
}


Contohnya sebagai berikut:

-----------------------------------------------
Blogger Template
Style Name: Son of Moto (Mean Green Blogging Machine variation)
Designer: Jeffrey Zeldman
URL: www.zeldman.com Date: 23 Feb 2004 Updated by: Blogger Team
----------------------------------------------- */
#navbar-iframe {
display: none !important;
}

/* Variable definitions
====================

4. Kemudian simpan.

5. Anda dapat juga menghilangkan gadget Navbar caranya:

Menambah kode berikut diantara </head> dan <body> untuk menghilangkan Navbar

<!-- <body><div></div> -->

Catatan saat ini tim Blogger sedang gencar menghapus blog yang menghilangkan Navbar di blog nya. Mohon Anda pertimbangkan sekali lagi keputusan Anda untuk menghilangkan Navbar di blog Anda.

Selamat Mencoba!

Rabu, 14 Februari 2007

Ping Blog Anda

Ping Blog Anda
Ping service merupakan fasilitas yang memberikan layanan berupa update informasi kepada search engine dari suatu blog. Tentunya blog yang menggunakan Ping service baru melakukan upload atau edit content blog tersebut. Manfaat dari Ping adalah untuk membantu mengoptimalkan dan meningkatkan rangking SEO dari blog Anda. Beberapa situs telah menyediakan layanan ping service otomatis untuk mempermudah membantu optimasi blog para pengunjungnya? Seorang Blogger bisa memanfaatkan Ping service agar blognya punya amunisi yang memadai dalam pertempuran Optimasi di Search Engine (SEO).

Tentu saja bisa Anda gunakan setiap kali update postingan terbaru, namun namun jangan terlalu sering menggunakannya, karena bila berlebihan bisa juga diindeks sebagai spam. Tentu bukan point positif yang didapat dihadapan search engine, tapi malah sebaliknya. Untuk menggunakan fasilitas ping maka Anda bisa menggunakan jasa ping service otomatis, melalui beberapa situs tertentu salah satunya adalah www.pingomatic.com. Caranya cukup mudah yaitu Anda silahkan memasukkan judul blog dan URL Blog kemudian klik send ping, maka fasilitas ping sudah running.

Ping service free :
1. Ping to Google
2. Ping to Pingoat
3. Ping to Pingomatic
4. Ping to Ipings
5. Ping to Autopinger
6. Ping to Feedshark
7. Ping to Pingates
8. Ping to Technorati

Ping via browser :
- Salin dan tempel url dibawah ini lalu masukkan ke kolom browser lalu enter.

1. Bing (MSN) ping http://www.bing.com/webmaster/ping.aspx?siteMap=namablog-Anda.blogspot.com/atom.xml

2. Moreover.com ping
http://api.moreover.com/ping?u=http://namablog-Anda.blogspot.com/atom.xml

3. Ask.com ping http://submissions.ask.com/ping?sitemap=http://namablog-Anda.blogspot.com/atom.xml

4. Search engine ping
http://search-engine-url/ping?sitemap=http://namablog-Anda.blogspot.com/atom.xml

5. Google ping
http://www.google.com/webmasters/tools/ping?sitemap=http://namablog-Anda.blogspot.com/atom.xml

Selamat mencoba.

Senin, 12 Februari 2007

Membuat Daftar Isi Blog

TABLE OF CONTENT
Membuat daftar isi dari sebuah blog sudah banyak ditulis di berbagai blog tutorial. Hanya saja, sebagian dari cara yang dikemukakan tidak menampilkan seluruh daftar isi yang ada pada blog.

Tutorial kali membahas tentang cara membuat daftar isi blog secara lengkap yang ditampilkan dalam bentuk tabel dan judul-judul entri blog. Kelebihan dari daftar isi ini dapat menampilkan semua judul entri blog secara lengkap plus disematkan kata "new" bila ada entri terbaru di setiap label/kategori. Juga kemudahan mengaplikasikan daftar isi ini ke halaman blog Anda, tinggal salin kode scriptnya, ubah link yang ada di kodenya dengan alamat URL blog Anda, dan tempel ke kotak laman di gadget Laman.

Ikuti langkah-langkah di bawah ini bagi Anda yang ingin mencoba.

* Ikuti langkah-langkah berikut ini:
1. Masuk ke Blogger dengan akun Google Anda.
2. Pilih Edit Entri.
3. Pilih Edit Laman.
4. Klik Buat Laman, Edit HTML.
5. Salin salah satu kode dibawah ini:

<script style="text/javascript" src="http://snifan-blogspot.googlecode.com/files/kode4.js"></script>
<script src="http://namablog-Anda.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>


atau

<link href="http://snifan-blogspot.googlecode.com/files/kode4.css" media="screen" rel="stylesheet" type="text/css"></link>
<script src="http://snifan-blogspot.googlecode.com/files/kode4A.js"></script>
<script src="http://namablog-Anda.blogspot.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script>
<script type="text/javascript">
var accToc=true;
</script>
<script src="http://snifan-blogspot.googlecode.com/files/kode4B.js" type="text/javascript"></script>


6. Tempel salah satu kode di atas di kotak kosong laman baru.
7. Ganti namablog-Anda dengan nama blog kepunyaan Anda.
8. Beri Judul Laman.
9. Tayangkan Laman.
10. Lihat hasilnya di blog Anda.

Selamat mencoba.

Selasa, 30 Januari 2007

Cara Cepat Terindex Google

Cepat Terindex Google
Blog Tips akan memposting tips-tips bagaimana agar blog Anda lebih cepat terindeks di Google?

Tentunya tips-tips berikut tidaklah seratus persen menjamin bahwa blog Anda akan lebih cepat terindeks, akan tetapi bolehlah untuk dicoba dan sebenarnya ini sudah terbukti kebenarannya.

Seperti keterangan yang lalu, bahwa setelah Anda mendaftar di Google, blog Anda tidaklah langsung terindeks pada mesin pencari Google, akan tetapi bisa memakan waktu tiga sampai empat minggu bahkan apabila bernasib kurang baik bisa sampai delapan minggu barulah blog Anda terlisting pada mesin pencarinya. Nah, agar tidak terlalu bosan menunggu, sedikit tips bagi Anda, silahkan coba dan buktikan.

* Memperbaiki Pengaturan blog

Untuk langkah-langkah pengaturan (setting) blog, secara lengkap sudah diposting silahkan baca disini, akan tetapi karena postingan tersebut dibuat sebelum ada layanan blogger berbahasa Indonesia, maka settingannya berbahasa Inggris.

* Link ke blog dengan page rank tinggi

Salah satu cara agar blog Anda lebih cepat terindeks di Google adalah Anda di link oleh blog yang mempunyai page rank yang tinggi, dan biasanya blog-blog tersebut adalah blog terkenal. Saran dari blog ini pasanglah terlebih dahulu link blog mereka pada halaman blog milik Anda, setelah itu mintalah agar blog Anda di linkback atau di link balik oleh mereka. Permintaan untuk di linkback bisa diajukan pada buku tamu (shoutbox) atau bisa juga melalui komentar pada postingan atau jika ingin lebih pribadi kirim melalui email. Saya yakin mereka akan segera memasang link Anda pada blog mereka, atau jika dalam waktu tiga hari masih belum di linkback, ajukan kembali permintaan untuk di link back karena untuk blog-blog terkenal dalam sehari tidak hanya satu atau dua blog saja yang pasang link blog mereka, maka wajar saja apabila ada satu atau dua blog yang terlewatkan untuk di linkback.

* Pasang metatag

Salah satu cara agar blog Anda lebih dilirik atau dikenali oleh mesin pencari miliknya Google adalah memasang metatag di bagian header pada kode template blog. contoh metatag untuk blogger seperti ini:

<meta name="robots" content="INDEX, FOLLOW""/>
<meta name="description" content="Deskripsi dari blog Anda di sini"/>
<meta name="keywords" content="kata kunci atau keyword simpan disini, buatlah beberapa keyword yang Anda anggap sangat berhubungan dengan blog Anda"/>

Yang harus diperhatikan adalah tulisan-tulisan yang tercetak tebal. Tulisan-tulisan tersebut haruslah disesuaikan dengan kondisi blog Anda.

Untuk deskripsi, silahkan isi dengan deskripsi blog Anda. Contoh untuk blog ini adalah "Kumpulan artikel tutorial, tips serta trik blog, ponsel, internet, dan bisnis".

Untuk kata kunci (keyword), silahkan isi dengan kata kunci yang berhubungan dengan blog Anda. Contoh untuk blog ini adalah: tips blog, tips bisnis, tips ponsel, tips internet.

Jangan lupa untuk menyisipkan tanda koma untuk memisahkan antara keyword yang satu dengan keyword yang lainnya.

Untuk judul blog, silahkan isi dengan judul dari blog Anda. Contoh: untuk blog ini adalah Tutorial, tips, trik blog.

Bagi yang belum mengetahui dimanakah metatag disimpan? Jawabannya adalah didalam kode header blog, atau jika masih bingung simpan saja di bawah kode:

<title><data:blog.pageTitle/></title>.

Selamat mencoba dan mudah-mudahan blog Anda lebih cepat terindeks di Google. Satu pertanyaan saja untuk tambahan, sudahkah blog Anda terindeks di Google? Coba tuliskan alamat blog Anda pada search engine Google!

Kamis, 18 Januari 2007

Cara Menghilangkan Atribut Nofollow Dari Template Blogspot

Hilangkan Atribut Nofollow
Secara otomatis Blogger akan menambahkan atribut "nofollow" ke semua link konten termasuk komentar, linkback, dan trackback. Tag ini pada awalnya dibuat untuk mencegah mesin pencari mengindeks link dimana fungsinya untuk mengurangi link spam.
Apabila Anda menghapus tag "nofollow" ini akan memberikan linkback ke orang-orang yang berkomentar di blog Anda. Cara ini mungkin akan meningkatkan komentar-komentar spam tapi untuk berjaga-jaga Anda harus memastikan bahwa setting komentar di blog Anda, CAPTCHA/Kode Verifikasi harus di aktifkan.

Bagaimana Cara Menghapus Atribut "nofollow"?

Pertama, Anda perlu login ke Blogger. Kemudian masuk ke rancangan, edit HTML. Tekan Ctrl + F untuk mencari tag "nofollow" pada template, kemudian hapus tag tersebut. Pastikan centang kotak "Expand Template Widget". Seharusnya ada dua tag yang harus Anda hapus, yang pertama adalah dibagian backlink dan yang kedua adalah di bagian komentar.

Berikut ini adalah contoh pertama dari atribut nofollow dibagian backlink:

Atribut No Follow

Dan ini adalah contoh kedua contoh atribut nofollow dibagian komentar:

No Follow HTML

Setelah tag "nofollow" dihapus, masuk ke pengaturan, komentar.

Blogger Image

Agar pembaca mengetahui blog Anda telah menjadi "dofollow", setelah tag "nofollow" yang ada di blog Anda telah dihapus. Anda harus memposting sebuah pemberitahuan di blog Anda untuk memberitahu kepada pembaca. Anda juga dapat menempatkan banner/apapun "u comment i follow" di sidebar blog Anda untuk memberitahu pembaca agar mengetahui bahwa link mereka akan diikuti. Metode terbaik adalah menggabungkan kedua teknik di atas.

Hasil setelah tag "nofollow" dihapus:

Select Profile

Selamat mencoba.