Rabu, 10 Oktober 2007

Cara Membuat Gambar Melayang Di Pojok Blog

 Gambar Melayang Di Pojok Blog
Blog Tips kali ini mencoba membahas bagaimana cara membuat "GAMBAR MELAYANG" itu selalu berada di pojok (bisa atas, bawah, kiri, kanan) meskipun "scroll bar" ditarik kemana-mana.
"Scroll bar" itu apa sih? Itu kotak kecil panjang yang ada disamping, yang biasanya ditarik ke bawah dan ke atas supaya bisa terlihat isi blog yang kepanjangan.
Terus maksudnya "GAMBAR MELAYANG" itu apa? "GAMBAR MELAYANG" itu maksudnya bisa gambar atau photo Anda, animasi, jam, hit counter, shoutbox, kalender, adsense, iklan, widget-widget, dan lain-lain. Nah, sudah tahu kan maksudnya. Kalau sudah tahu dan ingin mencobanya silahkan ikuti trik berikut ini:
1. Login ke blogger terus klik "Rancangan", "Edit HTML".
2. Cari kode ini ]]></b:skin> kalau sudah ketemu taruh kode berikut ini di atasnya.

#blog-tips { position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }


3. Text yang dicetak tebal adalah posisinya, kalau ingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "buttom", jika pingin di posisi atas bisa diganti dengan "top".

4. Langkah selanjutnya yaitu letakkan script berikut ini sebelum kode </body>

<div id="blog-tips">
<a href="http://snifan.blogspot.com/">
<img src="http://i534.photobucket.com/albums/ee350/nifan1/babybo6gd5.gif" border="0" /></a>
</div>


"http://snifan.blogspot.com/" adalah link, ganti dengan link Anda.


"http://i534.photobucket.com/albums/ee350/nifan1/babybo6gd5.gif" adalah lokasi gambar Anda, ganti dengan lokasi gambar Anda.

5. Jika Anda ingin yang ada disana bukan gambar tetapi jam/kalender/hit counter/widget-widget yang lain, maka ganti text yang berwarna merah dengan script widget-widget tersebut.

6. Simpan hasil kerja Anda dan lihat hasilnya.

Selamat mencoba.

Rabu, 19 September 2007

Hasil Pencarian Google Search Tampil di Halaman Posting

Google Search Tampil di Halaman Posting
Jika memasang "Google Adsense for Search" atau search engine dari Google Adsense, maka ada tiga macam cara untuk menampilkan hasil pencariannya, yaitu:

1. Open results on Google in the same window (ditampilkan di halaman yang sama).

2. Open results on Google in a new window (ditampilkan dihalaman yang baru).

3. Open results within my own site (ditampilkan di site yang kita kehendaki).

Yang paling mudah adalah memakai cara yang pertama dan kedua, tapi cara ini membuat pungunjung yang melakukan pencarian kurang begitu antusias karena hasil pencariannya tidak lagi berada di blog. Cara ketiga yang paling bagus, karena hasil pencariannya akan langsung berada di dalam web/blog. Tetapi cara ini membutuhkan beberapa trik agar bisa tampil di dalam postingan blog. Yang ingin tahu beginilah caranya:

1. Buat postingan di blogger, tapi isinya kosong terus dikasih judul.

2. Ganti tanggal posting ke tanggal yang lebih lama biar tidak muncul di halaman utama. Caranya klik link "Post Option" (kiri bawah) kemudian yang didalam kotak "Post date and time" itu tanggal yang diganti, kalau sudah "Publish Post".

3. Masuk di "edit post" terus klik kanan link "View" pada judul postingan kosong yang Anda buat tadi, terus pilih "Copy link location" (bagi yang pakai Opera). Intinya yaitu mengambil link dari judul postingan kosong Anda tadi.

4. Selanjutnya yaitu Login di Google Adsense, terus buat "Adsense for search".

5. Lakukan beberapa settingnya, seperti memilih tampilan dan lain-lain.

6. Kemudian saat masuk ke pilihan "Opening of search results page" pilih yang "Open results within my own site", terus isi link postingan Anda tadi kedalam kotak dibawahnya.

7. Lalu didalam kotak "Enter width of results area:" ganti menjadi angka yang lebih kecil supaya muat di dalam bagian utama (postingan) blog Anda. Minimal 500 px.

8. Ikuti terus langkah berikutnya sampai Anda nanti dikasih script dari Google. Biasanya akan ada dua script, yang pertama untuk For Search Enginenya, yang kedua untuk hasil pencariannya.

9. Copy script yg pertama dan taruh di Blogger, "Page element >Add page element > Html/Javascript".

10. Script yang kedua juga sama, copy ke "Page element >Add page element >Html/Javascript", tapi kemudian geser/taruh page element script yang kedua tadi, ke bawah dari element utama/postingan.

11. Kalau sudah terus simpan dan selamat mencoba.

Kamis, 13 September 2007

Cara Mengganti Template Blog

Ganti Template Blog
Blog adalah ibarat rumah dan tentunya Anda ingin blog tersebut tampil menjadi lebih cantik dan indah. Banyak cara yang dilakukan untuk membuat blog menjadi lebih cantik, diantaranya dengan menambah aksesoris dan juga dengan mengganti tampilan/template blog.
Jika mengganti template dengan template yang sudah disediakan Blogger maka itu adalah cara yang paling mudah, tinggal pilih simpan langsung jadi. Namun template yang disediakan sangat sedikit dan tampilannya juga standar, sehingga seringkali mencari template lain yang lebih cantik, karena sekarang banyak sekali situs-situs yang menyediakannya dengan gratis.

Namun jika mengganti template dengan template lain yang disediakan oleh selain Blogger, maka itu tidaklah semudah sebagaimana dengan menggunakan template yang disediakan oleh Blogger, karena ada beberapa efek sampingnya, diantaranya yaitu Anda akan kehilangan elemen-elemen Anda atau malah blog Anda menjadi rusak. Nah, berikut ini akan jelaskan hal-hal apa saja yang harus diperhatikan jika Anda ingin ganti template pihak ketiga.

Pertama, Anda harus membackup dulu template Anda jika template baru Anda tidak berhasil di install, caranya masuk ke menu "Rancangan", "Edit HTML", terus klik link bertuliskan "Download Full Template", simpan file tersebut.

Kedua, Anda dapat mem-backup dengan cara kedua, yaitu masuk ke menu Perancang, Edit HTML, centang Expand Template Widget, salin semua tag htmlnya. Tempel semua kodenya ke akun Gmail Anda dengan cara, masuk ke Gmail, klik tulis surat, tempel kodenya di kotak pesan kosong, lalu simpan. Nah, jika Anda gagal mengganti template, kode yang tadi disimpan di Gmail bisa Anda pindahkan kembali ke html template blog.

Ketiga, jika template dan elemen-elemen sudah Anda backup langkah selanjutnya yaitu meng-upload template yang sudah Anda download. Biasanya file template yang di download berekstensi "xml" tapi kadang-kadang ada juga yang berekstensi "zip" atau "rar", kalau begitu Anda harus mengekstraknya dulu sehingga Anda akan mendapat file berekstensi "xml". Terus begini cara upload-nya, Kembali ke menu "Edit HTML", terus disana ada tombol "browse" klik tombol tersebut terus cari file template yang ingin Anda pakai yang sebelumnya telah Anda download, terus klik tombol "upload". Atau alternatif lain, yaitu download template baru, lalu muncul jendela baru, open, klik foldernya, cari file xml nya, lalu klik. Setelah diklik, file xmlnya akan muncul di tab baru browser, klik view source di menu browser. Setelah tampil jendela baru yang isinya kode html template baru tersebut, Anda salin semua kode tersebut, lalu tempel ke html template blog Anda. Tapi sebelum dipindahkan kode tadi, Anda hapus terlebih dahulu semua tag html yang lama hingga kosong, setelah itu Anda dapat memindahkan kode html barunya, lalu simpan.

Keempat, setelah template baru berhasil di upload/simpan biasanya Anda akan mendapat konfirmasi apakah elemen-elemen Anda ingin dihapus atau dipertahankan? Klik tombol "Pertahankan widget", "Simpan". Selanjutnya Anda dapat mengatur kembali elemen-elemen bawaan dari template baru/lama mau Anda buang/simpan. Periksa judul-judul elemen dengan isi konten elemen, kadang-kadang sering tidak sesuai. Misal, judul elemen "Pengikut", tapi isi elemen tersebut adalah script dari "Artikel Terbaru". Atur ulang kembali konten elemen agar sesuai dengan judulnya.

Selamat mencoba.

Sabtu, 01 September 2007

Cara Cepat Daftarkan Blog

Daftarkan Blog
Anda mungkin baru saja membuat blog, dan ingin blog baru Anda terdaftar di Google dan Yahoo dalam waktu kurang dari 24 jam sejak pertama kali dibuat. Coba periksa blog Anda apakah sudah terindeks Google dan search engine lain? Masukkan URL Anda di Google (misalnya: namablog-Anda.blogspot.com). Adakah?

Apakah sudah ada dihasil pencarian? Jika blog Anda belum ada dihasil pencarian, ada triknya agar halaman blog Anda terindeks search engine.

Trik tersebut adalah:

1. Buat link pada halaman yang sudah terindeks search engine ke arah blog Anda yang baru. Profil kita di Friendster (misalnya: www.friendster.com/nifan1) adalah contoh yang bagus untuk membuat link ke arah blog Anda. Karena biasanya halaman ini telah terindeks search engine. Semakin tinggi posisi halaman tersebut dalam search engine (PageRank) berarti semakin cepat blog baru Anda terindeks.
* Anda bisa mengontak teman Anda yang blognya sudah terindeks search engine untuk memasang link ke blog Anda.
* Jika profil/blog Anda di Friendster/Multiply sudah terindeks, Anda bisa pasang link di profil Anda tersebut.
* Rajin mengupdate blog Anda. Google Analytic yang merupakan plug-in Wordpress akan selalu memantau aktivitas Anda.

2. Mendaftarkan URL Blog Anda secara manual klik link berikut (GRATIS):
* Google: Daftarkan Blog Anda ke Google
* Yahoo: Daftarkan Blog Anda ke Yahoo
* Altavista: Daftarkan Blog Anda ke Altavista
* DMOZ: Daftarkan Blog Anda ke Dmoz
* Alexa: Daftarkan Blog Anda ke Alexa
* MSN: Daftarkan Blog Anda ke MSN
* URLSUBMIT: URL Submit

3. Pendaftaran URL yang tidak gratis:
* Lycos: Daftarkan Blog Anda ke Lycos

4. Sebelum Anda mendaftarkan URL blog Anda, pastikan:
* Website atau blog Anda sudah jadi (tidak under construction).
* Tidak ada dead link dalam website Anda.
* Blog Anda dibuat agar search engine friendly.

Setelah Anda submit URL Anda, tunggulah dengan sabar. Kalau beruntung blog Anda akan terindeks dalam waktu kurang dari 24 jam, kalau tidak beruntung Anda harus menunggu tiga bulan, bahkan mungkin aplikasi Anda tidak diterima Search Engine. Anda bisa mendaftarkan ulang jika dalam waktu tiga bulan website Anda belum muncul dalam search engine.
Apa yang harus dilakukan selama menunggu? Membangun link. Bisa jadi tiba-tiba blog Anda muncul bukan karena pendaftaran secara manual, tetapi karena link dari blog lain.

Selamat mencoba.

Kamis, 30 Agustus 2007

Fungsi Kode Untuk Mengatur Tampilan Konten Blog

Seperti yang kita ketahui, template blog dengan gaya Magazine Style merupakan salah satu favorit template yang sering dipakai oleh para blogger. Salah satu ciri template blog dengan gaya Magazine Style adalah adanya widget yang muncul lalu menghilang atau awalnya menghilang lalu muncul pada suatu halaman atau postingan blog.

Berikut ini adalah jenis dan fungsi kode untuk mengatur tampilan content blog dari muncul lalu menghilang dan menghilang kemudian muncul. yang bisa Anda terapkan untuk mengatur tampilan widget blog Anda.

1. Hanya pada Halaman Utama Blog

<b:if cond='data:blog.url == data:blog.homepageUrl'> ... </b:if>

Kode ini berfungsi untuk menampilkan widget blog hanya pada halaman utama blog saja alias akan menghilang ketika sobat mengklik Label Post atau membaca postingan secara keseluruhan.

2. Kategori Post dan Single Post

<b:if cond='data:blog.url != data:blog.homepageUrl'> ... </b:if>

Kode ini berfungsi untuk menampilkan widget blog pada kategori post dan single post (membaca postingan secara keseluruhan).

3. Halama Utama Blog dan Kategori Post

<b:if cond='data:blog.pageType != &quot;item&quot;'> ... </b:if>

Kode ini berfungsi untuk menampilkan widget blog pada main post dan kategori post dan akan menghilang ketika membaca postingan secara keseluruhan.

4. Single Post

<b:if cond='data:blog.pageType == &quot;item&quot;'> ... </b:if>

Kode ini berfungsi untuk menampilkan widget blog hanya pada single post saja atau ketika anda membaca postingan secara keseluruhan dan tidak akan muncul pada main post atau kategori post.
Contoh penggunaan kode ini pada demo blog tersebut adalah widget sidebar kiri dengan judul Blog Template dimana saat sobat membaca suatu postingan secara keseluruhan, maka widget tersebut baru muncul.

5. Halama Utama Blog dan Kategori Post

<b:if cond='data:blog.pageType == &quot;index&quot;'>

Fungsi kode ini sama dengan fungsi kode pada nomer 3.

6. Menampilan Widget Blog Pada Postingan Tertentu Saja

<b:if cond='data:blog.url == &quot;URL_POST_TERTENTU&quot;'> ... </b:if>

Kode ini berfungsi untuk menampilkan suatu widget blog hanya pada suatu postingan tertentu.

7. Menyembunyikan Widget Post Pada Postingan Tertentu Saja

<b:if cond='data:blog.url != &quot;URL_POST_TERTENTU&quot;'> ... </b:if>

Kode ini merupakan kebalikan dari kode no. 6, dimana widget blog akan menghilang dari suatu postingan tertentu dan baru muncul pada postingan yang lain.

Mungkin itu saja yang saya tahu tentang cara membuat widget blog dari muncul menjadi menghilang atau menghilang kemudian muncul. Untuk penerapan kode-kode diatas ada 2 cara yaitu langsung pada widget dan secara kelompok.

Semoga bermanfaat.

Selasa, 28 Agustus 2007

Membuat Search Engine Di Blog Part 2

Tentu Anda sudah tahu apa itu Search Engine? Saat ini Search Engine tidak bisa dipisahkan dalam dunia internet. Dengan Search Engine Anda bisa mencari informasi yang diinginkan sesuai dengan kata kunci yang diketik, dan yang mau dibahas disini adalah bagaimana caranya membuat search engine di Blog?

Caranya sangat mudah dan sederhana yaitu:

1. Login ke Blogger, klik " Rancangan", pilih "Page Elements" disana banyak tulisan "Add a Widget", klik link tersebut dan sesuaikan diposisi mana Anda ingin menaruh script search engine tersebut?

2. Kemudian di layar baru yang muncul pilih "HTML/Javascript" kemudian salin/tempel script berikut ini didalam kolom content.

<form action="http://nama-blog Anda.blogspot.com/search" method="get"> <input class="textinput" name="q" size="30" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form>

Ganti kata nama-blog Anda dengan nama blog Anda. Angka 30 menunjukkan panjang kotak (text box) semakin tinggi nilai angkanya maka semakin panjang text box-nya.

Selamat mencoba.

Jumat, 24 Agustus 2007

Cara Membuat Google Sitemap

Sitemap kurang lebih merupakan suatu bagian dari situs web atau blog yang menggambarkan denah dari situs web atau blog tersebut. Jadi sitemap memuat informasi mengenai halaman apa saja yang ada disebuah website. Sitemap sendiri dibuat untuk memudahkan pengunjung mencari apa yang dicarinya. Pada perkembangan selanjutnya sitemap ini juga membantu search engine untuk mengindex halaman-halaman yang ada pada suatu situs, karena pada umumnya halaman sitemap selalu mencantumkan link ke bagian-bagian situs tersebut.

Lalu apa itu Google sitemap? Sitemap Google Anda buat supaya Google lebih cepat mendapatkan isi website Anda, terkait dengan SEO. Jadi tujuan membuat sitemap ini sebenarnya agar memudahkan crawler Google mengindex halaman-halaman pada website/blog Anda. Untuk membuat sitemap ini Anda perlu menggunakan layanan gratis Google Webmaster Tool. Sehingga Google tahu harus menggunakan sitemap mana dalam menjelajah blog Anda.

Membuat sitemap untuk blog di Blogger

Untuk blog yang ada di blogger gunakan pilihan sitemap "Add General Web Sitemap" pada pilihan Add Sitemap. Kemudian masukkan pilihan sitemap dibawah ini:
  1. atom.xml
  2. rss.xml
  3. feeds/posts/default
  4. feeds/posts/default?alt=rss
  5. atom.xml?redirect=false
  6. rss.xml?redirect=false
Anda dapat memasukkan salah satu atau semuanya sebagai cadangan, siapa tahu ada masalah di satu sitemap bisa digunakan sitemap yang lainnya, hanya saja blog ini sendiri gagal menggunakan sitemap diatas, yang berhasil adalah no 3 (tertulis tebal). Tapi blog ini tidak menggunakan keempat sitemap diatas. Anda dapat menggunakan sitemap rekomendasi dari Google webmaster sendiri yaitu: feeds/posts/default?orderby=updated. Anda bisa mencari rekomendasi sitemap ini di Google webmaster dan cari menu "Analyze robots.txt". Dan setingan di pengaturan blogger di blog ini tetap mengatur arahan feed menggunakan Feedburner. Dan kenyataannya tidak ada masalah dan laporan error.

Bagi yang belum tahu, alamat sitemap diatas adalah alamat yang harus disambung dengan URL Anda, jadi penulisan lengkapnya seperti dibawah ini:
  • http://namablog-anda.blogspot.com/atom.xml
  • http://namablog-anda.blogspot.com/rss.xml
  • http://namablog-anda.blogspot.com/feeds/posts/default
  • http://namablog-anda.blogspot.com/feeds/posts/default?alt=rss
  • http://namablog-anda.blogspot.com/feeds/posts/default?orderby=updated

Membuat sitemap untuk blog yang menggunakan platform mesin wordpress

Untuk blog wordpress (yang hosting sendiri) bisa menggunakan plugin, atau bisa juga buat sendiri, karena terlalu banyak plugin akan bikin berat load halaman. Cara membuat sendiri sitemap dengan editor web seperti dreamweaver, atau bahkan notepad saja. Format dari file sitemap adalah seperti berikut:
  • loc: adalah alamat URL dari website Anda atau suatu halaman di web Anda
  • lastmod: kapan terakhir kali dimodifikasi halaman tersebut
  • changefreq: periode perubahan (always, hourly, daily, weekly, monthly, yearly, atau never)
  • priority: prioritas pencatatan oleh search engine Google
Setelah selesai membuat file sitemap, beri nama file tersebut, misalnya sitemap.xml, sebaiknya berekstensi .xml, kemudian upload ke direktori public_html di web hosting Anda.

Langkah selanjutnya adalah kembali ke halaman webmaster tools di Google tadi, setelah melakukan klik pada “Add a Sitemap”, maka Anda diminta menentukan type sitemapnya. Silakan gunakan “Add General Web Sitemap”. Kemudian isikan alamat URL lengkap dari sitemap Anda, misalnya: http://snifan.blogspot.com/sitemap.xml. Kemudian klik tombol “Add Web Sitemap”.

Silakan tunggu beberapa menit, kemudian refresh, maka status OK akan muncul pada sitemap yang Anda buat.

Sekian dulu untuk penjelasan sitemap. Pertanyaannya sebagai berikut:
  1. Karena link yang diakhiri '/' ada page blogku yang tidak ditemukan oleh Google, apa pengaruh ya?
  2. Kata kunci yang tidak sesuai dengan konten ini maksudnya yang sering nembak keyword ya?
  3. Sitemap itu selain pakai feed url, pakai url apa lagi?
  4. Kalau struktur kode template blognya pengaruh juga tidak?
Jawab:
  1. Link yang diakhiri tanda slash "/" untuk alamat URL tidak akan ada masalah misal "http://namablog-anda.blogspot.com/". Link-nya ke artikel seperti "http://snifan.blogspot.com/2007/01/definisi-meta-tag.html" menurut dugaan blog ini tidak ada masalah karena link seperti diatas tetap bisa bekerja dengan baik, kalau tidak terindex mungkin karena sebab lain. Mesin pencari itu mem-follow link sama dengan browser, jadi kalau browser bisa menemukan, maka pasti mesin pencari juga menemukan. Yang beresiko itu link-link mati (broken link) pada komentar yang mengetikkan alamat URL tanpa "http://", ini beresiko pada blog dofollow, karena link tersebut tidak akan ditemukan baik oleh browser maupun crawler search engine.
  2. Kata kunci yang tidak sesuai dengan konten dimaksud adalah kata kunci yang ditulis pada "META TAG", yang diletakkan di antara dan. Itulah sebabnya kenapa menentukan tema situs adsense situs dengan tema spesifik lebih bagus dimata search engine dibanding dengan situs yang "campur aduk". Itu sebabnya kalau ingin menulis dengan banyak tema, sebaiknya buat satu blog untuk masing-masing tema.
  3. Sudah terjawab diatas masalah sitemap.
  4. Pengaruh sekali, sayang artikel tentang ini belum diposting oleh blog ini, ditunggu saja judulnya "Hati-hati dengan template gratisan", selain itu hati-hati mengedit "META TAG", jangan sering diganti karena beresiko dimasukkan sandbox oleh http://www.google.co.id.
Artikel ini hanya penjelasan kawan-kawan. Pasti banyak salahnya. Mari Anda diskusikan bersama masalah diatas, kalau bahasan Anda terlalu panjang untuk ditulis dikomentar, silahkan posting sebagai artikel di blog Anda, agar Anda sama-sama belajar dan berbagi informasi. Hitung-hitung tambah postingan. Tolong dikabari di komentar kalau Anda sudah posting artikel. Sebaiknya artikel di-link ke artikel ini agar pembaca menjadi tahu diskusi yang terjadi, tanpa Anda harus mengulang topiknya.

Selamat mencoba.

Cara Membuat Artikel Berhubungan Di Blogspot

Keuntungan menampilkan "Artikel yang berhubungan" atau "Related Post", "Related Article" adalah para pembaca blog bisa dengan mudah menemukan informasi lain yang masih ada hubungannya dengan artikel yang sedang mereka baca. Contohnya seperti yang ada dibagian akhir dari artikel ini, disitu ada link-link dari artikel yang berhubungan yang berdasarkan pada kategori atau label yang sama. Nah, mau tahu cara membuatnya?

Caranya cukup mudah, ikuti langkah-langkah berikut ini:
1. Login ke Blogger
2. Pilih menu "Rancangan --> Edit HTML"
3. Beri tanda centang pada kotak "Expand Widgets Template".
4. Kemudian copy/paste kode di bawah ini:

<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<div class='widget-content'>
<h3>Related Posts by Categories</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;data2007&#39;).appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;
var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
</div>
</b:if>


5. Kemudian copy semua script yang ada didalamnya.
6. Setelah itu cari kode ini <data:post.body/> dan letakkan script tadi dibawahnya. Untuk blog yang ada "readmore"nya biasanya akan terdapat dua kode. Nah, Anda dapat menaruhnya di bawah kode yang pertama.
7. Kalau sudah simpan template Anda dan lihat hasilnya.

Tambahan:

Setelah jadi, jika Anda ingin merubah tulisan "Related Posts by Categories" maka cari kode tersebut di HTML, terus ganti dengan text/tulisan yang Anda suka.

Selamat Mencoba!

Sabtu, 18 Agustus 2007

Membuat Gadget Komentar Terbaru Dengan JSON

Gadget Komentar Terbaru Dengan JSON
Gadget ini sebenarnya bisa kita peroleh melalui widget bawaan Blogger namun bagi mereka yang suka utak-atik hal ini bisa menjadikan satu nilai plus untuk mempercantik sidebar Anda. Sidebar ini digunakan untuk menampilkan komentar dari para pembaca blog kita. Yang menarik dari sidebar komentar ini yaitu bisa menampilkan nama user yang memberi komentar dan juga isi dari komentar tersebut, sehingga kita bisa dengan cepat mengetahui siapa sahabat blogger yang sudah memberi komentar. Widget ini masih melibatkan bahasa pemrograman JSON yang memanfaatkan Feed dari blogger sehingga proses pemanggilan (loading) lebih cepat dan ringan. Mau mencoba? Silahkan lanjutkan membaca jika malas jangan di tutup blog ini cari lagi artikel lain mungkin Anda menemukan sesuatu yang menarik...!!!

Integrasi JSON Sidebar Comments Pada Template:

- Langkah 1
Login ke Blogger
- Langkah 2
Masuk ke "Rancangan - Edit HTML"
- Langkah 3
Cari kode di bawah ini:

]]></b:skin>

Langkah 4
Masukan (copy paste) kode CSS di bawah ini diatas kode ]]></b:skin>:

/* Sidebar Komentar JSON */
#komentar {
background: #3eb5da; //warna dasar
margin: 0;
padding: 0;
border: 1px solid #0971C8; //garis pinggir kotak gadget komentar
}
#komentar ul {
margin: 0;
padding: 0; //jarak ke pinggir kotak gadget komentar
}
#komentar ul li: first-child {
border-top: 0 none aqua;
}
#komentar ul li {
border-top: 1px solid #CCC; //garis sekat atas
border-bottom: 1px solid #0971C8; //garis sekat bawah
padding: 2px 0;
list-style: none;
}
#komentar ul li: last-child {
border-bottom: 0 none aqua;
}
#komentar ul li span {
background-position: 2px 2px;
float: left;
height: 16px;
margin-right: 5px;
width: 16px;
}
#komentar ul li b {
color: #ffffff; //warna huruf nama komentator
text-shadow: -1px -1px 1px #3196BA;
}
#komentar ul li: hover {
background-color: #CCC; //warna latar ketika mouse diatasnya
}
#komentar a, #komentar a: link, #komentar a: visited {
clear: both;
color: #FFF; //warna huruf isi komentar
display: block;
padding-left: 20px;
text-decoration: none;
}
#komentar a: hover {
color: #333; //warna huruf ketika mouse diatasnya
}
.komen {
background: transparent url(https: //lh5.googleusercontent.com/_xcD4JK_dIjU/TcA0b1eB4sI/AAAAAAAAFGQ/MlIzrpydae0/s800/top_rss.png) no-repeat 0 0; //icon komentar
}


- Langkah 5
Cari kode dibawah ini:
</head>
- Langkah 6
Masukan (copy paste) kode JavaScript di bawah ini di atas kode </head>:

<script type='text/javascript'>
//<![CDATA[
var jmlkomentar = 10;
var jmlkarakter = 100;
function tampilkankomentar(json) {
var entry, urlkomentar, isikomentar, lihatkomentar;
for (var i = 0; i < jmlkomentar; i++) {
entry = json.feed.entry[i];
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
urlkomentar = entry.link[k].href;
break
}
}
urlkomentar = urlkomentar.replace("#", "#comment-");
if ("content" in entry) {
isikomentar = entry.content.$t
} else if ("summary" in entry) {
isikomentar = entry.summary.$t
} else {
isikomentar = ""
}
var re = /<\S[^>]*>/g;
isikomentar = isikomentar.replace(re, "");
if (isikomentar.length > jmlkarakter) {
isikomentar = isikomentar.substring(0, jmlkarakter) + "..."
}
lihatkomentar = "<li>";
lihatkomentar += "<span class='komen'></span><b>" + entry.author[0].name.$t + "</b>";
lihatkomentar += "<a rel='nofollow' href='" + urlkomentar + "'><br/>(" + isikomentar + ")</a>";
lihatkomentar += "</li>";
document.write(lihatkomentar)
}
}
//]]>
</script>


Langkah 7
"SIMPAN TEMPLATE" dan lanjutkan...

Integrasi JSON Sidebar Comments pada Gadget

--Langkah 8
"Tambah Gadget" dengan tipe "HTML/JavaScript"
--Langkah 9
Masukan (copy paste) kode di bawah ini didalam konten dan jangan lupa beri Judul Gadget:

<div id="komentar">
<ul>
<script src="/feeds/comments/default?alt=json-in-script&callback=tampilkankomentar"></script>
</ul>
</div>


- Langkah 10
"SIMPAN" Gadget dan preview blog Anda!

Keterangan:
var jmlkomentar = 10; ubah nilai 10 untuk menentukan jumlah komentar yang ingin ditampilkan.
var jmlkarakter = 100; Ubah nilai 100 untuk menentukan jumlah karakter isi komentar yang ingin ditampilkan.

Bagaimana menurut Anda? Cantik bukan? Selamat mencoba dan semoga berhasil.
Happy Blogging!!!

Cara Menambahkan Widget Pada Header Blogspot

Widget Pada Header Blogspot

Secara default, template blogspot tidak menyediakan widget header, yaitu gadget atau widget yang dapat ditambahkan atau berada pada header blog. Blogspot hanya menyediakan gadget/widget pada sidebar dan footer. Dengan sedikit meng-Edit HTML, dapat ditambahkan widget pada header blog.

Dengan adanya widget ini, dapat digunakan untuk penempatan iklan atau informasi penting lainnya.
Langkah-langkah untuk menambah widget pada header blog adalah sebagai berikut:

1. Login ke Blogger.com hingga masuk Dasbor.
2. Klik Rancangan.
3. Klik tabs Edit HTML dan pastikan untuk mencentang Expand Widget-nya.
4. Kemudian cari kode dibawah ini atau cari kode yang mirip dengan kode di bawah ini. (karena masing-masing template kadang mempunyai kode yang agak berbeda).

<b:section class="header" id="header" maxwidgets="1" showaddelement="no">

Atau bisa juga seperti di bawah ini.

<b:section class="header" id="header" maxwidgets="1">

5. Kemudian ganti dengan kode tersebut dengan kode di bawah ini.

<b:section class="header" id="header" preferred="yes">

Atau

<b:section class="header" id="header" maxwidgets="3"&gt;

Atau

<b:section class="header" id="header" showaddelement="yes">

Keterangan:
- Angka 3 pada maxwidgets menunjukkan jumlah maksimal widget dan dapat diganti sesuai keinginan Anda.
6. Kemudian Simpan Template.
7. Selesai.

Sekarang klik Elemen Halaman (Page Element), dan pastikan disana sudah ada fasilitas Tambah Gadget, seperti screenshot di bawah ini.

Semoga bermanfaat bagi yang membutuhkan.

Selasa, 14 Agustus 2007

Tips Memperoleh Google Sitelinks

Google Sitelinks
Jika Anda memasukkan sebuah kata yang umum di Google, misalnya Microsoft maka website www.microsoft.com akan muncul pada urutan pertama, dan di bawahnya ada sekitar empat baris yang berisi link-link dalam web tersebut. Itu yang disebut "Google Sitelinks".

Baru dibawahnya ada urutan kedua, ketiga, dan seterusnya. Seolah-olah web tersebut istimewa sekali di mata Google. Ternyata bukan hanya situs-situs raksasa saja yang mendapatkan Google Sitelinks, blog Andapun dapat memilikinya. Bagaimana cara mendapatkannya?
Sayangnya, tidak ada dokumen resmi dari Google yang menjelaskan secara detail agar web atau blog Anda mendapatkan Sitelinks. Dokumen resmi dari Google yang dapat dijadikan referensi adalah ini.

Dari hasil browsing dan membaca dokumen tadi, ada beberapa faktor atau cara untuk mendapatkan Google Sitelinks:

1. Harus menjadi nomor satu untuk kata kunci tertentu di Google

Di Google Search Result, hanya sebuah situs yang mendapat Google Sitelinks yaitu situs yang berada diurutan pertama untuk kata kunci tertentu.

Untuk mendapat peringkat tinggi di search engine dapat digunakan teknik SEO, yang teknik dasarnya ada dua, yaitu:
* Membuat artikel original (bukan copy-paste) yang berkualitas.
* Mengusahakan halaman lain memasang link ke halaman tersebut.

2. Dalam homepage minimal ada tiga link

Mengutip pernyataan Google:

"We only display sitelinks when a site has a minimum of three sitelinks available".

Jadi sebuah halaman website yang didalamnya berisi sebuah animasi flash yang menawan dan hanya ada satu tombol untuk masuk atau login, tidak bisa mendapatkan sitelinks dari Google.

3. Link tersebut banyak diklik pengunjung situs Anda

Mengutip pernyataan Google:

"We only show sitelinks for results when we think they’ll be useful to the user".

Kata “useful to the user” diartikan bahwa pembaca yang datang ke homepage Anda, banyak yang mengklik link tersebut.

4. Relevan dengan kata yang dimasukkan pengunjung ke Google

Mengutip pernyataan Google:

"(If) we don’t think that the sitelinks for your site are relevant for the user’s query, we won’t show them".

Ini berarti link-link dalam sitelink harus cocok dan relevan dengan kata kunci yang dimasukkan pengunjung.

5. Umur situs atau jumlah pengunjung

Ada referensi yang menuliskan bahwa umur situs harus minimal dua tahun untuk mendapatkan sitelinks, itu tidak benar! Dan diperkirakan Google juga mempertimbangkan jumlah pengunjung atau pageview. Hampir bisa dipastikan situs yang menjadi nomor 1 di Google untuk kata kunci yang umum akan mendapatkan pengunjung yang melimpah.

Memasukkan Widget Top 8 Dari Lintas Berita Ke Blog

 Widget Top 8 Dari Lintas Berita
Widget Top 8 yang disediakan oleh Lintas Berita ini adalah gratis. Widget akan memberi kemudahan kepada pengunjung untuk menemukan berita yang bagus dan penting secara up to date sehingga dapat membuat pengunjung semakin "betah".
Yang pasti akan semakin memperindah tampilan website atau blog Anda.

Akan dijelaskan cara menempatkan widget tersebut pada sidebar website atau blog.
Untuk menempatkan widget tersebut pada website atau blog, Anda dapat melakukan copy/paste dari Lintas Berita Widget.
Anda akan disuguhi dua widget masing-masing widget yang akan menampilkan 8 berita terbaru pilihan pembaca dan widget yang akan menampilkan 8 berita terbaik minggu ini. Anda dapat memilih salah satu atau keduanya.

Setelah mendapatkan kode html-nya, kemudian login ke Blogger, setelah itu akan masuk ke halaman "Dasbor", "Rancangan", "Tambah Elemen Halaman", klik "HTML/Javascript" .

Kemudian pastekan kode html yang Anda punya di kotak kosong, lalu simpan. Selesai!

Selamat mencoba.

Senin, 06 Agustus 2007

Tips Menuliskan Script/Kode Ke Dalam Postingan Blog Anda

Script/Kode Ke Dalam Postingan
Untuk menuliskan script/kode ke dalam artikel blog memang ada tekniknya sendiri, karena jika Anda menuliskannya dengan cara yang biasa maka yang akan muncul kemudian di blog tidaklah seperti apa yang kita tuliskan. Misalnya begini, jika kita menuliskan kode <head> dengan cara yang biasa maka hasilnya tidak akan muncul dalam postingan karena kode tersebut langsung diterjemahkan kedalam bahasa HTML.

Jadi untuk menuliskan kode <head>, maka yang seharusnya dituliskan supaya bisa muncul kode tersebut adalah ini &lt;head&gt;.
Nah, lalu bagaimana kalau ada banyak kode yang harus kita posting?
Mau tahu bagaimana caranya menuliskan kode/script tersebut kedalam blog?
Ada beberapa cara untuk menuliskan kode-kode tersebut kedalam blog, diantaranya yaitu:

- Gunakan software-software web design, misalnya: Macromedia Dreamwaver, Microsoft Frontpage, Namao Web Editor. Atau bisa juga dengan software-software blogtools seperti post-post blog, dan lain-lain.
- Terus tuliskan semua kode pada area design, kemudian copy kode-kode tersebut dari area "HTML Code". Nah, kode-kode dalam area HTML Code tersebut itulah yang harus diposting.
- Buka situs ini Blogcrowds.com, terus isikan kode-kode Anda ke dalam kotak yang disediakan, jika sudah dimasukkan kodenya, tekan tombol "Encode". Dari hasil "Encode" tadi maka akan didapatkan script baru untuk diposting di blog Anda.

Selamat Mencoba.

Jumat, 03 Agustus 2007

Script Salam Pembuka Pada Blog

Script Salam Pembuka
Blog Tips yang akan dibahas pada postingan kali ini adalah tips membuat salam pembuka pada blog yang mungkin sering Anda lihat atau bahkan telah Anda gunakan dalam blog Anda namun tidak ada salahnya untuk menampilkan kembali, siapa tahu ada diantara new blogger yang masih membutuhkan aksesoris blog yang tidak akan membuat loading blog Anda menjadi berat.
Dengan script ini pengunjung yang berkunjung ke blog Anda, pertama kali akan diminta untuk mengetikkan namanya kemudian dengan nama yang diketikkan tersebut untuk memberi ucapan salam perkenalan dan lain-lain sesuka Anda.

Scriptnya adalah seperti di bawah ini:

<script type='text/javascript'>
var name=prompt("SELAMAT DATANG! SILAHKAN ANDA MEMBERIKAN KOMENTAR DI ARTIKEL YANG TERSEDIA?", "Komentar Anda ");
alert("TERIMA KASIH " + name)
alert("SELAMAT MEMBACA DI BLOG SAYA, SEMOGA BERMANFAAT!!!")
</script>


Ganti teks yang BERKAPITAL BESAR dengan teks sesuai keinginan Anda. Kemudian copy script tersebut pada sidebar blog Anda, dengan langkah sebagai berikut.

- Login ke Blogger >> Dasbor >> Rancangan >>
-Tambah Gadget >> HTML/Javascript >> kemudian pastekan kode tersebut >>
- Simpan Perubahan >> Selesai.

Hasilnya dapat dilihat pada blog Anda!

Selamat Mencoba.

Cara Membuat Banner Secara Online

COOLTEXT
Banner atau Link Banner biasanya dibuat dengan menggunakan software atau program pengolah gambar atau grafis seperti Adobe Photosop, GIMP, Corel Draw, dan lainnya yang memerlukan sedikit penguasaan akan program tersebut.

Bagi yang kesulitan menggunakan program-program mungkin dapat mencoba alternatif lain yaitu dengan menggunakan COOLTEXT.

Dengan program tersebut, Anda dapat membuat link banner secara online dan dapat memodifikasi dengan mudah.
Dengan COOLTEXT, Anda dapat memilih logo style dan buton design kemudian dapat mengkustomasi teks, jenis font, ukuran dan warna banner, dan masih banyak yang dapat Anda lakukan untuk memodifikasi sendiri sesuai dengan keinginan dan selera Anda dengan mudah dan cepat.

Langkah-langkahnya dapat Anda ikuti seperti di bawah ini:

1. Anda kunjungi situs Cooltext.

2. Setelah masuk halaman situs, Anda dapat memilih logo style atau buton design yang Anda suka.

3. Pilih salah satu logo style atau buton design untuk kemudian Anda kustomasi sendiri.

4. Anda dapat memodifikasi teks, jenis, warna, dan ukuran font, background color, effect, background image, dan lainnya tergantung dari style yang Anda pilih.

5. Jika dirasa sudah cocok, kemudian klik "RENDER LOGO". Jika masih belum cocok, Anda dapat melakukan kustomasi ulang dengan menekan Edit This Logo.

6. Anda dapat menyimpan design logo dengan mengklik "Save Logo Design" namun harus melakukan registrasi dahulu.

7. Jika ingin langsung menyimpan di komputer, Anda bisa langsung mendownloadnya dengan mengklik DOWNLOAD IMAGE.

8. Anda dapat menyimpannya dengan format GIF, PNG, JPG.

Blog ini mencoba melakukan kustomasi dengan hasil dibawah ini:

Membuat banner

Selamat Mencoba!

Sabtu, 28 Juli 2007

Istilah Yang Banyak Digunakan Dalam Bahasa Blog

Bahasa Blog
Seharusnya artikel ini diposting pertama kali sebelum postingan lainnya. Sebelum membuat blog, seharusnya Anda mengetahui istilah atau bahasa yang lazim digunakan dalam dunia blog tersebut.

Ada juga yang masih asing dengan beberapa istilah maka dari itu perkenankan Blog ini untuk memposting tentang hal tersebut minimal sebagai pengetahuan Anda.

Istilah atau bahasa yang sering atau lazim digunakan dalam blog adalah seperti di bawah ini.

BLOG

Kependekan dari Weblog, sebuah website yang berisi materi berupa tulisan, link, atau photo yang dikirim oleh individu atau komunitas tertentu karena blog dibuat untuk memenuhi kebutuhan pribadi atau komunitas tertentu.

TO BLOG

Adalah menjalankan atau mengirimkan materi atau isi blog.

BLOGGER

Seseorang atau komunitas yang menjalankan sebuah blog

BLOGOSPHERE

Kumpulan banyak blog, atau komunitas untuk melakukan kegiatan blogging.

BLOGROLL

Daftar eksternal link yang terdapat dalam sebuah blog, atau link yang menuju blog lainnya. Blogroll seringkali terdiri atas sejumlah “subkomunitas” blogger yang saling terikat dalam hubungan pertemanan.

BLOGWARE

Software yang digunakan untuk menjalankan sebuah blog.

CONTENT SYNDICATION

Pembuat atau administrator blog menjadikan sebagian atau semua isi blog agar otomatis terkirim ke website lainnya.

MOBLOG

Kepanjangan dari Mobile Blog, yaitu sebuah blog yang dapat diupdate dari jarak jauh oleh pemiliknya di mana pun berada dapat menggunakan ponsel atau PDA (Personal Digital Asssitant) via email.

PERMALINK

Merupakan kepanjangan dari PERMANENT LINK, yaitu alamat web setiap item yang dikirim dalam sebuah blog atau bisa dikatakan setiap posting adalah permalink.

PHOTOBLOG

Sebuah blog yang sebagian besar terdiri dari atas photo yang dikirimkan secara konstan dan teratur oleh pemiliknya.

PODCASTING

Merupakan kepanjangan dari IPOD dan BROADCASTING, yaitu pengiriman audio dan video ke dalam sebuah blog dan RSS feed untuk pemutar musik digital.

POST

Item yang dikrimkan ke dalam sebuah blog yang dapat berupa pesan atau berita, link, atau photo, juga bisa item-item pendek termasuk link eksternal yang dapat dikomentari oleh pengunjung.

RSS (REALLY SIMPLE SYNDICATION)

Cara agar item terakhir dapat dikirimkan secara otomatis dalam website terutama untuk blog favorit. RSS akan memperingatkan pengguna bahwa blog favoritnya sudah diupdate. RSS memungkinkan pula adanya sindikasi konten yang memungkinkan website lain secara mudah dan otomatis mereproduksi semua atau sebagian konten yang ada.

RSS AGGREGAGTOR

Software atau layanan online yang memungkinkan seorang blogger untuk membaca RSS FEED. RSS AGGREGATOR digunakan untuk membaca dan menampilkan konten ketika sebuah blog telah diupdate.

RSS FEED

File yang terdiri atas kiriman terakhir sebuah blog. RSS FEED dibaca dengan menggunakan RSS AGGREGATOR atau reader dan ditampilkan sesaat setelah sebuah blog diupdate.

WEB DIARY

Sebuah blog adalah sebuah web diary itu sendiri.

WIKI

Berasal dari bahasa HAWAI, “wikiwiki” yang berarti cepat. Dalam arti luas, berarti sebuah website yang dapat diupdate dengan mudah dan cepat oleh pengunjungnya. Kata wiki dapat pula diartikan sebagai alat yang digunakan untuk membuat wiki (mesin atau engine wiki). Wiki mempunyai beberapa kesamaan dengan blog namun keduanya berbeda.

Jumat, 27 Juli 2007

Membuat Form Berlangganan Via Email

Form Berlangganan Via Email
Seperti yang Anda lihat di sebelah kanan blog ini ada sebuah kotak yang berisi kotak untuk mengisikan alamat email dan sebuah tombol yang ada tulisan "Subscribe". Nah, dalam tips dan trik kali ini Anda akan mendapat tambahan ilmu baru, bagaimana cara membuat kotak tersebut?
Perlu dijelaskan terlebih dahulu apa kira-kira fungsi dari form tersebut?
Form tersebut fungsinya adalah untuk mempermudah para pembaca blog agar bisa berlangganan atau mendapatkan informasi postingan terbaru melalui email. Jika yang punya blog itu memposting artikel baru maka para pelanggan/pembaca yang sudah berlangganan via email, dengan cara memasukkan alamat email Anda di form berlangganan tersebut. Maka secara otomatis akan mendapatkan kiriman email yang berisi postingan terbaru di inbox email Anda.

Beginilah cara membuat form "Email Subscriber" tersebut:

1. Kunjungi situs ini: Feedburner.

2. Saat pertama kali Anda mengunjungi Feedburner akan langsung disodori kotak untuk mengisikan alamat feed blog Anda yang akan dibakar.

3. Biasanya alamat feed blog seperti ini http://NAMABLOGANDA.blogspot.com/feeds/posts/default , ganti tulisan NAMABLOGANDA dengan nama alamat blog Anda.

4. Isikan nama feed blog Anda tadi dalam kotak yang disodorkan tersebut, jika blog Anda hanya berisi video maka beri tanda centang pada kotak "I am a podcaster", jika tidak jangan dicentang. Kemudian klik tombol "next".

5. Setelah itu Anda akan disodori lagi dengan form pendaftaran, isikan data-data yang diperlukan disana, terus klik tombol "Activate Feed".

6. Nah, kalau berhasil nanti akan ada informasi "Congrats! your ......".

7. Dibawahnya akan ada tombol "Next" dan link "Skip directly to feed management" kali ini pilih yang link "Skip directly to feed management", sebenarnya lewat tombol "next" bisa tapi biar seru lewat jalan lain saja.

8. Kemudian nanti akan ada beberapa menu, kali ini pilih menu "Publicize".

9. Setelah itu disebelah kiri akan muncul beberapa menu. Pilih menu "Email Subscriptions".

10. Kemudian klik tombol "Activate".

11. Nah, setelah itu nanti akan ada beberapa kotak yang berisi kode-kode. Kalau Anda menginginkan yang berbentuk form maka pilih kode yang ada di kotak "Subsciption Form Code".

12. Copy kode yang ada dalam kotak tadi, terus klik tombol "Save" untuk mengaktifkan layanan tersebut.

13. Cara pasangnya, Login ke Blogger, pilih "Rancangan --> Add a Gadget --> HTML/Java Script" . Nah, paste kode yang sudah Anda copy tadi disana.

Sekarang coba dilihat blog Anda, form untuk "Email Subscriber" sudah tampil di halaman depan blog Anda. Jika Anda ingin menampilkan jumlah reader yang berlangganan begini caranya:
- Login ke Feedburner, kemudian pilih feed blog Anda.
- Terus masuk ke menu "Publicize --> FeedCount" disana ada script yang harus Anda copy dan pasang di blog Anda.

Happy Blogging!

Jumat, 20 Juli 2007

Tips Melindungi Postingan Blog Anda Dari Copy/Paste

Melindungi Postingan Blog Anda Dari Copy/Paste
Mungkin bagi sebagian para pemilik blog sering kali dibuat kesal jika melihat artikel-artikel yang dibuatnya dengan memeras otak tiba-tiba sudah ada di blog milik orang lain, apalagi kalau disitu tidak disebutkan sumber asli dari artikel tersebut.

Berikut ini tip dan triks untuk melindungi artikel dari copy paste. Langsung saja:

Pertama-tama Anda analisa dulu, biasanya kalau mau copy/paste artikel ada beberapa cara, yaitu mulai dari menyeleksi tulisan yang mau dicuri kemudian dicopy/paste. Atau melihat "Source Code"nya dengan meng-klik kanan dan lain-lain. Ada beberapa cara untuk mengatasi masalah tersebut, mulai dari cara yang mudah sampai cara yang sulit. Nah, untuk tips kali ini kita akan mencoba menggunakan cara yang mudah saja. Tapi ingat, cara ini hanya efektif untuk menghadapi maling kelas teri, jadi tidak akan mempan menghadapi para penjahat kelas kakap yang sudah berpengalaman di dunia maya. Tapi lumayan untuk berjaga jaga dari maling-maling kelas teri. Nah, berikut adalah triknya:

Copy script dibawah tag <body.....

Begini detail caranya:

Pertama login dulu ke Blogger, terus pilih "Rancangan", lalu "Edit HTML", cari kode ini <body>. Letaknya kira-kira di tengah bagian kiri, biasanya setelah kode </head> . Perlu diperhatikan bahwa didalam kode html terdapat banyak tulisan "body", jangan salah memilih body . Kalau sudah ketemu letakkan script ini didalamnya.

onmousedown="return false" oncontextmenu="return false" onselectstart="return false"

Contohnya seperti ini:

<body onmousedown="return false" oncontextmenu="return false" onselectstart="return false" >

Nah, script diatas untuk melindungi agar text yang ada tidak bisa di seleksi untuk dicopy, dan juga tidak bisa di klik kanan.

Terus bagaimana kalau pencurinya lihat source code kita lewat menu-menu yang ada di web browser? Misalnya memakai Mozilla, dengan cara Klik View, Page Source, atau dengan menekan Ctrl + U. Nah, untuk mengakali masalah ini kita pakai cara licik saja, yaitu dengan menurunkan script html ke bawah, Caranya bagaimana?
Begini, taruh kursor/pointer ke atas tag <head> (letaknya dibagian atas), terus tekan enter sampai kira-kira 70 kali. Nah, kalau pencurinya melihat source code kita, dia hanya akan melihat kode kepala dari html kita, sedangkan isi dari blog kita kan sudah turun ke bawah, betul tidak?
Tapi ingat sekali lagi, ini hanya untuk pencuri kelas teri, walaupun diproteksi secanggih apapun, pasti tetap saja ada orang yang akan bisa membongkarnya, tapi setidaknya kita berjaga-jaga, pastinya?

Perhatian: Kalau pake trik proteksi ini, maka untuk form-form isian seperti search engine, kotak komentar haloscan, shoutbox, dan ogix tidak bisa diisi. Jadi kalau memang tidak benar-benar diperlukan, jangan menggunakan trik ini.

Selamat mencoba.

Sabtu, 30 Juni 2007

Cara Memasukkan Metatag Yahoo Ke Blogspot

Metatag Yahoo
Setelah mendaftarkan blog baru Anda di Google , sekarang bagaimana cara mendaftarkan blog Anda di mesin pencari Yahoo, yang menggunakan istilah Site Explorer? Yaitu setelah blog Anda terdaftar di mesin Yahoo, maka Anda bisa memeriksa jumlah halaman blog Anda yang terindeks di Yahoo, dan melihat informasi link dari dan ke blog Anda.

Untuk mendaftar di Search Engine Yahoo.

1. Buka Yahoo Sitemap
2. Setelah terbuka pada tab menu di atas klik Sign in dan login menggunakan akun Yahoo Mail yang Anda miliki.
3. Kemudian masukan alamat blog Anda pada kotak kosong di bawah tulisan My Site. Selanjutnya klik tombol Add My Site.
4. Setelah itu, Anda wajib verifikasi kepemilikan blog, klik tab Authenticate.
5. Setelah terbuka halaman baru, gulung layar pada halaman paling bawah pada tulisan To add a META tag to your home page. Anda diberi sebaris Meta Tag untuk di masukan ke dalam template blog Anda. Copy meta tag tersebut.
6. Selanjutnya buka blog Anda pada halaman template -> buka tab edit html, tambahkan atau simpan meta tag tersebut ke dalam template Anda di bawah tag:

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

(atau di bawah metatag verifikasi dari Google):

Kemudian klik Simpan Perubahan

Contoh metatag Yahoo:

<META name="y_key" content="ae978c2d2e0ae141" />

7. Setelah Meta Tag tersebut di simpan ke dalam template, balik lagi ke halaman Yahoo, kemudian klik tombol "Ready Authenticate".
Selanjutnya Anda di beri pesan bahwa blog Anda sedang diproses kepemilikannya. 'Your site is pending authentication'.
8. Kemudian klik tulisan My Site . Setelah halamannya terbuka klik alamat site mu, lalu klik feeds
9. Pada halaman ini Anda mempunyai lima pilihan untuk menambah atau mengisi feed-nya dalam kotak kosong yang tersedia. Apakah rss.xml , atom.xml, mobile feed-xhtml, mobile feed-wml, dan lainnya.

atau

Jika telah menentukan pilihannya klik tombol "Add Feed".
Bila berhasil feeds blog Anda ada tulisan processed
Sekarang Anda telah mendaftarkan blog Anda ke dalam mesin pencari Yahoo (seperti yang telah Anda lakukan mendaftarkan blog Anda pada mesin pencari Google), untuk melihat hasil blog Anda diindeks oleh pencarian Yahoo, Anda tunggu paling lambat dua hari setelah Anda mendaftar.

Selamat mencoba.

Senin, 25 Juni 2007

Settingan Pada Blog Baru

Mengatur settingan bertujuan untuk membatasi jumlah postingan, pengaturan tanggal, nama blog, keterangan blog, dan lain-lain. Dan saat ini sangatlah mudah karena new blogger sekarang mendukung format bahasa Indonesia jadi sebenarnya tidaklah susah.
Untuk mengatur settingan blog Anda.

Login atau masuklah terlebih dahulu dengan cara mengklik tulisan MASUK di navbar bagian kanan atas blog Anda. Atau bisa juga langsung dari halaman depan.

Dashboard Blog

Kemudian setelah diisi nama alamat Gmail dan kata sandinya, maka akan terbuka halaman kontrol panel seperti berikut ini.

PANEL CONTROL

Keterangan Singkat:
  1. Ciptakan Sebuah Blog: Membuat sebuah blog baru.
  2. Lihat Blog: Untuk melihat halaman blog.
  3. Postingan Bar: Membuat postingan baru.
  4. Post: Melihat halaman postingan (akan Anda jelaskan nanti)
  5. Pengaturan: Untuk mengatur atau mensetting blog.
  6. Layout: Untuk melihat dan masuk pada halaman layout.
Untuk tutorial kali ini klik link tulisan PENGATURAN.

DASAR
  1. Judul: Merupakan judul blog, tulis sesuai dengan isi blog. Karena judul ini sangat berperanan penting dalam halaman pencarian search engine. Seperti Google, Yahoo, dan lain-lain.
  2. Uraian: Merupakan sedikit uraian, keterangan, atau tujuan isi dari blog yang Anda buat.
  3. Tambahkan Blog Anda ke daftar milik kami: Isi dengan Ya, sebagai defaultnya. Karena nantinya blog Anda akan di masukan ke dalam Index Google.
  4. Tampilkan Editing Cepat di Blog Anda: Isi dengan Ya, sebagai defaultnya. Biar nantinya Anda bisa mengedit blog Anda dengan cepat dalam link tulisan halaman blog.
  5. Tampilkan Link Posting Email: Isi dengan Ya, sebagai defaultnya.
  6. Tampilkan Mode Compose untuk semua blog Anda: Isi dengan Ya, karena ini sangat berguna sekali pada saat menulis dan mengedit artikel.
  7. Tunjukkan tombol transliterasi untuk kiriman Anda: Isi dengan TIDAK.
Setelah selesai jangan lupa klik link tulisan SIMPAN PENGATURAN.

PUBLIKASIKAN

Untuk halaman ini, Anda lewat saja. kecuali kalau Anda ingin mengganti nama blog, atau Anda memiliki server dan domain sendiri.

Format
  1. Tampilkan: Jumlah postingan yang akan ditampilkan pada halaman depan blog. Jika terlalu banyak ganti saja 4 atau 3 postingan saja.
  2. Konversi ganti baris: Pilih dengan Tidak, karena lebih baik setiap pergantian paragraf menggunakan tag penutup, hal ini untuk menghindari masalah nantinya.
  3. Tampilkan Field Judul: Pilih dengan Ya.
  4. Tampilkan kolom Link: Pilih dengan Ya.
  5. Aktifkan perataan float: Anda pilih Ya.
Setelah selesai jangan lupa klik link tulisan SIMPAN PENGATURAN.

KOMENTAR
  1. Komentar: Pilih Tampilkan.
  2. Siapa yang Bisa Berkomentar: untuk sementara pilih defaultnya.
  3. Default Komentar untuk Posting: Pilih defaultnya.
  4. Link balik: Pilih Tampilkan. Karena siapa tahu tulisan Anda ini menjadi bahan referensi untuk blogger lain.
  5. Alamat Notifikasi Komentar: Isi dengan alamat Email Anda. Untuk yang lainnya Anda pilih defaultnya saja.
Setelah selesai jangan lupa klik link tulisan SIMPAN PENGATURAN.

Minggu, 17 Juni 2007

Memperoleh Back Link Gratis

Back Link Gratis
Mendapatkan backlink gratis memang sangat di perlukan oleh para pemburu backlink seperti saya yang selalu memburu backlink gratisan, sebenarnya kita semua sudah tahu bagaimana cara mendapatkan backlink gratis tersebut?
Yaitu dengan menjadi member dibanyak sosial bookmark, otomatis blog kita sudah mendapatkan backlink. Dan berbagai tips juga pasti sudah Anda baca dari pakar tutorial. Jadi sebenarnya saya hanya ingin memberikan informasi yang mungkin masih asing bagi Anda dan juga mungkin baru bagi saya, itu backlink gratis dari PR5 tanpa repot dan tanpa daftar kalau melihat banner hijau yang ada tulisan teks backlinknya, pasti Anda sudah mengetahuinya jika sedang blog walking?

Silahkan klik link ini untuk mendapatkan Back Link Gratis.

Caranya sederhana, jika Anda mengklik banner tersebut maka blog asal link tersebut akan terekam kesana dan masuk dalam list mereka. Cara memasang banner ini tinggal salin saja kodenya terus paste ke blog Anda setelah itu uji coba dengan melakukan klik sendiri. Tapi sepertinya yang diperhitungkan adalah per klik, jadi kalau Anda sudah mengklik banner itu maka kemungkinan besar link blog Anda belum masuk. Soalnya saya sering coba klik untuk beberapa artikel, namun yang masuk cuma satu saja sepertinya telah diketahui oleh mereka kalau saya hanya mencari backlink saja.

Cek backlink blog Anda di situs dibawah ini:

Back Link Checker


Silahkan mencoba.

Minggu, 10 Juni 2007

Cara Memasang Meta Tag Di Blogger

Meta tag merupakan cara menyampaikan infomasi penting ke mesin pencari mengenai informasi suatu halaman, ada banyak meta tag yang sesuai dengan standar HTML dari World Wide Web Consortion, tapi sebenarnya yang selalu dipakai oleh mesin pencari hanya ada tiga saja yaitu description, keyword, dan robots. Mengenai penjelasan meta tag karena sudah terlalu banyak yang menulis hal ini .

Meta Tag Description

Meta tag description digunakan untuk memberikan gambaran umum mengenai isi dari halaman web Anda. Ukurannya disarankan tidak lebih dari 200 karakter. Dan diusahakan agar deskripsi ini bisa menjadi kalimat-kalimat yang letaknya di awal halaman web page yang bersangkutan. Contoh penulisan meta tag description adalah sebagai berikut:

<meta name="description" content="http://snifan.blogspot.com is a search engine tutorial that explain how to get top rangking in all major search engine and get high traffic for your web site. Available in Bahasa Indonesia.">

Beberapa search engine seperti Nothern Light dan Google tidak memakai meta tag sebagai deskripsi hasil pencariannya. Yang mereka gunakan adalah kalimat-kalimat awal yang ada pada halaman tersebut.
Itulah sebabnya kenapa saya menyarankan agar Anda menggunakan isi dari meta tag description sebagai kalimat pembuka. Dan jika bagian paling awal dari web Anda berupa sebuah menu, maka deskripsi yang ditampilkan pada hasil pencarian Northern Light adalah seperti ini:

Home Products and Service Contact Us About Us ...welcome to our online store, the best place on the
web to...

Meta Tag Keyword

Meta tag keyword sangat penting keberadaannya, karena menentukan kata kunci apa yang bisa menemukan halaman web tersebut pada mesin pencari. Sintak dasar dari meta tag keyword adalah sebagai berikut:

<meta name="keywords" content="keyword1 keyword2 keyword3 ..."/>

atau ada juga yang menulis dengan pemisah tanda koma:

<meta name="keywords" content="keyword1, keyword2, keyword3, ..."/>

Keduanya berfungsi sama dan tidak ada pengaruhnya pada mesin pencari. Tujuan pemakaian tanda koma agar keyword-keyword tersebut lebih mudah dibaca. Yang perlu diperhatikan disini adalah jangan pernah mengulang -ulang sebuah kata lebih dari tiga kali, karena akan dianggap spamming. Contoh pemakaian meta tag keyword yang salah adalah:

<meta name="keywords" content="tips, tips blogger, tips ponsel, tips internet, tips bisnis>

Disini terlihat sekali bahwa kata "tips", diulang lebih dari tiga kali. Contoh berikut ini tidak akan dianggap spamming oleh mesin pencari:

<meta name="keywords" content="tips blogger ponsel internet bisnis">

Yang tak kalah pentingnya mengenai keyword adalah jangan membuat keyword yang tidak ada hubungannya dengan isi halaman web Anda. Hal ini juga akan dianggap spamming. Misalkan web Anda memuat informasi mengenai tips dan trik blog, jangan sekali-kali menambahkan kata kunci seperti "Planet" atau "DVD Player" sebagai kata kunci hanya karena kata kunci-kata kunci ini merupakan kata kunci favorit di internet dan banyak dicari orang.

Meta Tag Robots

Tujuan utama penggunaan meta tag robots adalah untuk menentukan halaman web yang mana bisa diindeks oleh spider dan halaman web mana yang tidak bisa diindeks. Tag ini berguna sekali terutama jika sesuatu website memakai frame untuk navigasinya. Tentunya kita tidak ingin menampilkan menu-menu dalam frame untuk dibaca oleh mesin pencari. Format dasar dari meta tag robots adalah sebagai berikut:

<meta name="robots" content="index, noindex, follow, nofollow"/>

Sebagai contoh, jika Anda ingin agar spider membaca isi blog, dan mengikuti semua link yang ada maka tambahkan perintah berikut ini:

<meta name="robots" content="index, follow"/>

Dengan perintah ini spider akan meng-indeks isi blog Anda dan menjadwalkan untuk mengindeks halaman-halaman lain yang bisa dicari melalui hyperlink (<a href="">).

Perintah berikut ini akan menginstruksikan agar spider tidak meng-indeks maupun mengikuti link yang ada pada suatu halaman web.

<meta name="robots" content="noindex, nofollow"/>

Lalu bagaimana memasang Meta Tags di Blogger:

Untuk memasang Meta tag di Blogger caranya cukup mudah, pertama masuk ke Edit HTML kemudian copy paste kode dibawah ini, biasanya kode meta tags diletakan dibawah kode <title><data:blog.pageTitle/></title> dan jangan lupa merubah kode bercetak tebal di bawah sesuai dengan deskripsi blog Anda.

<meta content='Tulis deskirpsi disini' name='description'/>

<meta content='keyword1, keyword2, keyword3, ...' name='keywords'/>

<meta content='INDEX, FOLLOW' name='ROBOTS'/>

Kamis, 07 Juni 2007

Cara Menghapus Widget Attribution

Pada tampilan bawaan template klasik pada blog Blogger bisa dikatakan selalu disematkan widget 'ATTRIBUTION' pada bagian footer blog yang biasanya bertuliskan Awesome Inc. template by Tina Chen, Powered by Blogger, dan sebagainya (sesuai pilihan template klasik yang digunakan).

Berikut tips dan trik untuk membuang widget attribution:

Pada DASBOR Blogger Anda, pilih RANCANGAN kemudian klik EDIT HTML.
Beri tanda centang pada Expand Template Widget (panah hijau pada gambar 1).

ATTRIBUTION

Tekan F3 atau Ctrl F hingga keluar tampilan seperti yang ditunjukkan panah warna hitam (gambar 1).
Cari kode dibawah ini dengan cara memasukkannya pada field/kolom (tanda panah hitam).

<!-- outside of the include in order to lock Attribution widget -->
<b:section class='foot' id='footer-3' showaddelement='no'>
<b:widget id='Attribution1' locked='true' title='' type='Attribution'/>
</b:section>


ATAU SEPERTI KODE DIBAWAH INI

<!-- outside of the include in order to lock Attribution widget -->
<b:section class='foot' id='footer-3' showaddelement='no'>
<b:widget id='Attribution1' locked='true' title='' type='Attribution'>
<b:includable id='main'>
<div class='widget-content' style='text-align: center;'>
<b:if cond='data:attribution != &quot;&quot;'>
<data:attribution/>
</b:if>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>


Jika sudah ketemu, HAPUS semua rangkaian tersebut.
Pada proses penyimpanan template akan muncul peringatan (seperti yang terlihat pada gambar 2), klik DELETE WIDGET.

HAPUS WIDGET

Simpan kembali template Anda, selesai.

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!