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.

Kamis, 04 Januari 2007

Meletakkan Iklan Di Sebelah Kiri/Kanan Artikel

Iklan Di Sebelah Kiri/Kanan Artikel

Anda ingin menampilkan iklan di kanan atau kiri artikel blog. Pastinya Anda penasaran ingin tahu bagaimana cara meletakkannya?

Baiklah akan tips kali ini akan memberitahu triknya, simak baik-baik jangan ada yang terlewat kodenya agar iklannya tampil pada tempatnya.

1. Menempatkan iklan di sebelah kiri postingan

- Edit html, lalu centang expand template widget, cari kode <div class='post-header-line-1'/>.

Setelah ketemu copy/paste kode iklannya di bawah kode <div class='post-header-line-1'/>

Contoh:

<div class='post-header-line-1'/>
<div style='float:left;'>

---> Kode iklan Anda taruh disini

</div>

Simpan dan lihat hasilnya apakah iklan-nya telah muncul! Bagus Anda berhasil!

2. Menempatkan iklan di sebelah kanan postingan

- Edit html, lalu centang expand template widget, cari kode <div class='post-header-line-1'/>

Setelah ketemu copy/paste kode di bawah kode
<div class='post-header-line-1'/>

Contoh:

<div class='post-header-line-1'/> <div style='float:right;'>

--->Kode iklan Anda taruh disini

</div>

NB : Jika belum berhasil mungkin Anda sudah melewatkan kode yang harus di tambahkan.

Sudah muncul belum iklan nya kalau sudah Anda pintar, kalau belum muncul coba lagi.

Semoga berhasil.

Memasukkan Kode Iklan Di Atas Kotak Komentar

Anda ingin iklan dari Adsense, Kumpulblogger, Adhitz, Bidvertiser, dan lainnya tampil di atas kotak komentar blog Anda?
Caranya mudah dan sederhana hanya sedikit utak-atik kode html blog Anda. Silahkan teman-teman blogger masuk ke Blogger, lalu klik "Kustomisasi", "Rancangan", Edit HTML, dan centang " Expand Template Widget".

Silahkan cari kode <p><data:blogCommentMessage/></p>, lalu ganti dengan script kode iklan yang ingin Anda tampilkan. Anda harus melakukan beberapa experiment/percobaan dengan berbagai script kode iklan masalahnya kadang setelah ditempatkan kodenya, ternyata iklannya tidak tampil sesuai keinginan Anda.

- Cara menempatkan kode iklan di atas kotak komentar blog, hapus kode di atas kemudian ganti dengan kode ini <p>.....</p>

Sekarang salin kode iklan yang ingin Anda tampilkan di atas kotak komentar blog.
Sekarang tempel kode tadi dan hapus titik-titik ( ..... ) yang ada diantara tag <p> dan tag </p> dengan kode iklan Anda.

Silahkan sesuaikan ukuran atau tampilan iklan dengan kotak komentar, jika sudah Anda sesuaikan! Silahkan simpan dan lihat berhasil atau tidak? Jika tidak berhasil tampil iklannya, coba Anda parse dulu kodenya atau ganti script iklannya dengan yang lain.

Selamat mencoba!

Rabu, 03 Januari 2007

Adsense Muncul di Web/Blog Berbahasa Indonesia

Seperti yang kita tahu, sekarang ini Google Adsense For Content tidak bisa tampil iklannya jika script nya dipasang di web/blog berbahasa Indonesia. Jika memaksa memasangnya maka yang akan muncul adalah "Iklan Layanan Masyarakat" atau "Public Service Ads".
Tapi ada yang pernah lihat tidak, teman-teman blogger? Kadang-kadang di web/blog yang berbahasa Indonesia bisa muncul iklan adsense-nya. Setelah ditelusuri ternyata itu ada rahasianya. Mau tahu apa rahasianya?

Kenapa Google Adsense bisa muncul di web/blog berbahasa Indonesia? Oh ya sebelumnya perlu dijelaskan terlebih dahulu. Kalau berdasarkan dari TOS Google, yang isinya tidak boleh merubah kode script adsense yg diberikan. Jadi jika Anda memakai trik ini nanti, ada kemungkinan akun adsense Anda akan dibanned.
Tapi ada juga yang bilang kalau pakai trik ini tidak akan apa-apa, alias tidak akan di banned. Kesimpulannya segala resiko ditanggung pemilik akun adsense bila masih nekat menggunakan trik ini.

Oke, begini triknya:

Sebenarnya sangat mudah, hanya dengan menambahkan script ini:

google_language = "en";, kedalam script adsense Anda, maka iklan adsensenya akan muncul dalam web/blog Anda yang berbahasa Indonesia.

Contohnya script Adsense Google seperti ini:

<script type="text/javascript"><!--google_ad_client = "pub-0896773270113457";
google_ad_host = "pub-1599271086004685";
/* 160x600, created 9/2/09
*/ google_ad_slot = "8681518031";
google_ad_width = 160;
google_ad_height = 600;
google_language = "en";
//-->
</script>
<script
src http://pagead2.googlesyndication.com/pagead/show_ads.js="type=" text/javascript>
</script
src>


Nah, sederhana sekali bukan? Tapi ingat sekali lagi, resiko ditanggung masing-masing, blog ini tidak bertanggung jawab kalau nanti terjadi masalah dengan adsense Anda.

Berani mencoba??? Silahkan saja!

Menempatkan Kode Iklan Ke Dalam Postingan

Untuk memasang iklan agar tampil di dialam postingan membutuhkan sedikit trik, karena kalau cuma asal pasang script iklan didalam postingan maka iklan tidak akan muncul. Nah, kali ini akan kita bahas trik untuk menampilkan iklan didalam postingan tapi setelah link "Read more" diklik.

Begini ini caranya:
1. Login ke blogger kemudian pilih "Rancangan", "Edit HTML".

2. Beri tanda centang pada kotak "Expand widget template".

3. Cari Kode berikut <data:post.body/>.

4. Hati-hati, di dalam kode HTML yang sudah dipasang "Readmore" biasanya ada dua kode seperti itu. Jadi pilih kode yang pertama.

5. Setelah itu letakan kode iklan kamu dibawah kode tersebut.

6. Lalu simpan template Anda.

Selasa, 02 Januari 2007

Mengganti Teks Posting Baru, Beranda, Dan Posting Lama Dengan Gambar

Button Older/Newer Posts
Mengganti tulisan Posting Lama/Older Post Dengan Image/Gambar

Langkah pertama untuk mengganti tulisan Posting Lama: Masuk ke Dasbor blog Anda, pilih Rancangan, kemudian pilih Edit HTML, selanjutnya tandai kotak kecil di sebelah kanan yang ada tulisan Expand Template Widget, lalu cari kode seperti di bawah ini:

<data:olderPageTitle/>

Hapus kode tersebut,lalu ganti dengan kode di bawah ini:

<img src="http://alamat gambar.jpg" alt="Prev"/>

Klik pratinjau untuk melihat hasil, jika sudah klik Simpan Template.

Mengganti tulisan Posting Baru/Newer Post Dengan Image/Gambar

Langkah pertama untuk mengganti tulisan Posting Baru: Masuk ke Dasbor blog Anda, pilih Rancangan, kemudian pilih Edit HTML, selanjutnya tandai kotak kecil di sebelah kanan yang ada tulisan Expand Template Widget, lalu cari kode seperti di bawah ini:

<data:newerPageTitle/>

Hapus kode tersebut,lalu ganti dengan kode di bawah ini:

<img src="http://alamat gambar.jpg" alt="Next"/>

Klik pratinjau untuk melihat hasil, jika sudah klik Simpan Template.

Mengganti tulisan Beranda/Home Dengan Image/Gambar

Langkah pertama untuk mengganti tulisan Beranda: Masuk ke Dasbor blog Anda, pilih Rancangan, kemudian pilih Edit HTML, selanjutnya tandai kotak kecil di sebelah kanan yang ada tulisan Expand Template Widget, lalu cari kode seperti di bawah ini:

<data:homeMsg/>

Hapus kode tersebut,lalu ganti dengan kode di bawah ini:

<img src="http://alamat gambar.jpg" alt="Home"/>

Klik pratinjau untuk melihat hasil, jika sudah klik Simpan Template.

Catatan: Bila Anda ingin mendapatkan link gambar dengan mudah silahkan kunjungi situs Photobucket!

Selamat mencoba!!!

Mengirimkan Sitemap Blog Ke Webmaster Google

Google Webmasters Tools
Mengirimkan sitemap blog ke Google Webmaster akan mempermudah Google untuk menemukan, mengindeks, dan memberikan peringkat pada blog Anda. Bagi mereka yang baru mengenal ini, Anda dapat mengunjungi situs webmaster di Google Webmasters Tools untuk menambahkan blog Anda ke webmaster.
Setelah login menggunakan akun Google Anda, masukkan URL blog Anda, dan klik OK. Anda kemudian akan diminta untuk memverifikasi blog. Hal ini untuk memastikan bahwa Anda benar-benar pemilik blog.

Ada dua cara untuk memverifikasi blog. Anda bisa menambahkan metatag atau upload sebuah file HTML. Jika Anda menggunakan metode metatag, Google akan membuat kode metatag, salin metatag yang dihasilkan untuk Anda, dan sisipkan di template blog Anda di dalam kotak edit html. Dan yang harus Anda lakukan adalah pergi ke Dashboard Blogger Anda? Klik Rancangan, Edit HTML.

Cara menambahkan meta tag sebagai berikut:

Cari tag <head>

<META TAG>

<b:include data='blog' name='all-head-content'/>

META TAG ganti dengan kode yang dihasilkan oleh Google Webmaster / ", contoh <meta name="verify-v1" content=".................................=" />. Setelah selesai, simpan template. Bila Anda kembali ke Google Webmaster situs, Anda dapat mengklik tombol yang menyatakan "Verifikasi".

Note: metode kedua dengan mengupload sebuah file HTML. Ini tidak berlaku untuk blog yang menggunakan platform blogspot karena mengharuskan Anda untuk meng-upload file ke direktori root dari blog Anda, yang tidak mungkin bisa dilakukan via Blogger. Cara yang pertama lebih mudah diterapkan bagi Anda untuk memeriksa blog Anda yaitu dengan cara memasukkan metatag seperti yang dijelaskan di atas.

Setelah Anda memiliki blog yang telah diverifikasi, klik pada tab sitemap. Dengan menambahkan sitemap, Anda akan memberitahukan ke Google dengan rincian lebih lanjut dan informasi tentang blog Anda. Dengan ini, Google akan menjelajah situs Anda, informasi mengenai kesalahan dalam sitemaps, duplikat judul/deskripsi, indeks blog Anda, dan lain-lain. Klik link "Add Sitemap", isi kolom kosong yang ada dibelakang alamat blog Anda dengan sitemap xml pilihan Anda seperti contoh dibawah ini.

http://namablog-Anda.blogspot.com/rss.xml

atau

http://namablog-Anda.blogspot.com/atom.xml

- Kembali ke pengaturan blogger Anda klik "feed situs" isikan alamat feed dibawah ini pada kolom "Posting URL Pengubahan Arah Feed" dengan http://namablog-Anda.blogspot.com/feeds/posts/default?orderby=updated. Jangan lupa untuk mengganti dengan namablog-Anda dengan nama blog milik Anda. Untuk blog dengan menggunakan domain blogspot, jangan menambahkan "www".

Setelah Anda menambahkan sitemap Anda dan diterima oleh Google (terlihat tanda contreng hijau). Anda akan menerima laporan-laporan yang dihasilkan, tetapi "mungkin memakan waktu beberapa jam untuk melakukan pembaruan".

Untuk memeriksa sitemap Anda di search engine, masukkan kata kunci site:namablog-Anda.blogspot.com di search engine Google.
Bila nama judul-judul artikel blog Anda tampil di hasil pencarian tadi berarti sitemap Anda telah terindeks oleh Google.

Selamat! Anda telah berhasil menambahkan sitemap Anda. Ketika Anda login ke Google Webmaster, di kemudian hari Anda dapat melihat halaman yang diindeks, statistik Google webcrawl, dan lainnya dari blog Anda. Jangan dihapus metatag yang telah ditempatkan dalam template jika Anda ingin selalu melihat statistik situs Anda. Jika Google tidak dapat menemukan metatag, Google akan menampilkan pesan kesalahan dalam Toolbox webmaster Anda dan Anda mungkin harus memverifikasi kembali situs.

Semoga bermanfaat.

Senin, 01 Januari 2007

Validasi HTML Blog, Pentingkah?

Haruskah sebuah halaman web / blog valid (X)HTML? Sebuah halaman web atau blog sebaiknya memang Valid (X)HTML atau lolos validasi, tapi jika mengatakan bahwa itu adalah suatu keharusan mungkin terlalu berlebihan. Kita banyak menjumpai blog yang begitu antusias agar halaman blognya lolos validasi HTML.
Para pengguna mesin blogger ala blogspot harus rela menerima kenyataan bahwa mesin blog yang mereka gunakan tidak lolos validasi dari Cek HTML Validate.

Dari blog-blog yang ada, diantara mereka ada yang merasa tidak percaya diri bila memakai blogspot, bahkan yang lebih parah lagi ada yang rela migrasi dari blogger ke wordpress gara-gara urusan validasi ini.
Lagi-lagi dari apa yang pernah kita baca, mereka beranggapan bahwa sebuah halaman web yang valid (X)HTML akan sangat mendapatkan perhatian dari mesin telusur (search engine) atau dengan kata lain akan sangat SEO friendly. Benahkah?

Berangkat dari rasa penasaran, Anda bisa mencoba memeriksa sendiri validitas dari situs-situs raksasa yang ada di internet.

1. Google

Ada yang tidak kenal dengan dengan situs raksasa Google? Coba Anda lihat apakah Google lolos validasi W3C Validator? Dan ini hasil validasi yang didapatkan:

google invalid html

Upsss. menurut W3C Validator, halaman Google.com yang hanya seiprit mempunyai sampai 35 error dan 2 warning. Ternyata Google tidak terlalu perduli akan validasi dari W3C validator, ini terbukti dengan membiarkan halaman mereka tidak lolos HTML validator.

2. Yahoo

Pilihan kedua jatuh ke search engine raksasa Yahoo.com. Berharap bahwa Yahoo bisa lolos validasi. Berikut hasil pengecekannya:

yahoo invalid html

Duh. hasilnya mengatakan bahwa yahoo memiliki 161 error dan 32 warning. Lagi-lagi Yahoo.com juga tidak perduli akan kevalidan halaman web mereka.

3. Bing

Coba lihat validate situs raksasa Bing, mungkin akan lain hasilnya:

bing invalid html

Hasilnya mendapatkan 12 error. Ah, Bing juga tidak perduli dengan validasi HTML halaman web mereka.

4. Facebook

Mungkin karena ketiga situs diatas merupakan search engine, mereka kurang perduli akan kevalidan halaman web mereka, coba beralih ke situs jejaring sosial raksasa Facebook. Berikut hasilnya:

facebook invalid html

Tidak tahu kenapa ketika mengecek validasi dari Facebook.com, yang keluar hasilnya adalah untuk halaman http://m.facebook.com/?w2m&refsrc=http%3A%2F%2Fwww.facebook.com%2F&r1cc4a831. Tapi yang jelas hasilnya adalah mendapatkan 9 error.

5. Twitter

Yang suka berkicau, pasti kenal situs microblogging Twitter. Hasil validasinya:

twitter invalid html

Twitter.com mendapatkan 17 error dan 70 warning. Tidak valid juga ternyata.

6. Wordpress.com

Berharap mendapatkan hasil yang berbeda dari penyedia blog populer saat ini Wordpress.com. Hasilnya:


wordpress invalid html


Lagi, ternyata wordpress.com juga mendapatkan 9 error.

7. Matt Cutts Blog

Iseng-iseng mengintip dari blog SEO Google Matt Cutts. Mungkin hasilnya lain kali jika dari Master SEO:

mutt cutts blog invalid html

Oh no!. Master SEO google yang inipun mendapatkan 14 error untuk halaman depannya. Jadi, MasterSEO ini ternyata tidak terlalu perduli juga akan kevalidan halaman blog beliau.

Benarkah halaman yang valid HTML menjadi SEO friendly? Melihat dari contoh kasus diatas, sepertinya tidak mutlak. Apakah berpengaruh terhadap page rank? Mungkin, tapi tidak juga!
Data page rank situs yang dicontohkan (tentunya saat ini ) : Google.com (PR10), Yahoo.com (PR9), Bing.com (PR8), Facebook.com (PR10), Twitter.com (PR8), Wordpress.com (PR9). mattcutts.com/blog (PR7).

Menurut pandangan sendiri, membuat halaman web atau blog agar lolos validasi memang perlu dan sebisa mungkin lakukan seperti itu. Namun, hal tersebut jangan terlalu dibesar-besarkan, jangan terlalu membuang waktu dengan memaksakan halaman blog Anda harus bisa valid, fokuslah ke konten blog karena pengunjung melihat isi dari blog Anda bukan dari kevalidan blog Anda.

Catatan Tambahan :
  • Artikel diatas bukanlah suatu hal provokasi, hanyalah sebuah tulisan yang mungkin tanpa makna.
  • Hasil validasi diatas berlaku hanya pada saat artikel ini di publikasikan, jika Anda membacanya diwaktu yang akan datang, tentunya akan berbeda hasilnya.
  • Untuk Anda pengguna blogger yang notabene tidak valid HTML, tidak usah resah, Blog Anda dinilai dari isi blog Anda bukan dari segi validitas.
  • Untuk Anda yang sibuk dengan validasi, silahkan Lanjutkan, jangan terganggu dengan artikel ini. Langkah Anda sudah pada jalan yang benar.

Kompress CSS Blog Anda

Kompress CSS Blog
Loading blog yang lama membuat pengunjung menunggu dan akhirnya meninggalkan blog Anda. Berikut ini tips untuk mempercepat loading blog dengan cara mengkompres CSS blog. Loading blog yang cepat biasanya membuat pengunjung betah dan akan membaca tulisan Anda sepenuhnya serta akan mencoba membuka-buka berbagai link artikel yang ada dalam blog Anda.

Bayangkan saja, bila Anda menemukan suatu situs dari mesin pencari, lalu saat Anda masuk ke situs tersebut loadingnya terasa lambat sekali, pasti tidak lama Anda akan langsung close halaman tersebut? Kecuali bila Anda adalah seorang yang sabar menanti!

Teknik kompresi pada CSS dapat meningkatkan kinerja loading halaman blog Anda. Dalam arti disini adalah tidak jadi super cepat, tapi cenderung ke arah optimalisasi CSS, tergantung juga dengan kecepatan koneksi jaringan internet yang digunakan.

Baiklah, tanpa menunggu lagi ikuti langkah-langkahnya sebagai berikut:

Anda pergi ke situs ini: Kompress CSS untuk kinerja loading blog menjadi lebih cepat. Situs ini merupakan layanan gratis dari CSS Drive - CSS Compressor yang biasanya digunakan untuk tujuan mengkompres CSS.
Disarankan untuk pemula yang masih awam di bidang CSS, jangan mencoba mode Super Compact dan Strip any comments.
Gunakan mode Light dan don't strip any comments terlebih dahulu. Untuk level kompresi yang lebih tinggi itu dapat dicoba pada tingkat kompresi pilihan Advanced mode tapi untuk pemula gunakan mode Light terlebih dahulu.

Sayangnya CSS Drive tidak memiliki fungsi uncompressed, jadi disarankan agar Anda memback-up dulu template blog Anda sebelum melakukan kompresi.

Masuk ke Blogger, Rancangan, Edit HTML, kode CSS biasanya terletak diantara kode &lt;b:skin&gt;&lt;![CDATA[ ---------------- dan --------------- ]]&gt;&lt;/b:skin&gt;

Silahkan salin dan tempel pada kolom "Insert CSS" code di CSSDrive, lalu klik tombol "Compress-it!"

Di CSSDrive akan muncul hasil CSS yang dikompres, silahkan salin dan ganti kode CSS di blogspot dengan kode baru ini dengan cara paste overwrite/replace.Setelah itu tekan Save, Selesai.

Setelah Anda melakukan semua petunjuk di atas, sekarang sisipkan kode gzip ini:

<?php if (substr_count($_SERVER['HTTP_
ACCEPT_ENCODING'], 'gzip')) ob_start("ob_
gzhandler"); else ob_start(); ?>


atau kode ini:

<?php
ini_set('zlib.output_compression', 'On');
ini_set('zlib.output_compression_level', '1');
?>


di atas kode ini ,

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML
1.0 Strict//EN" "http://www.w3.org/TR/
xhtml1


Setelah itu simpan template blog Anda, blog Anda kini mempunyai kecepatan loading yang lumayan setelah Anda mengikuti tip-tipnya.

Selamat mencoba!

Agar Blog Terlihat Profesional

Blog Terlihat Profesional
17 tips agar halaman blog terlihat lebih Profesional:

1. Lakukan pengecekan halaman pada beberapa web browser yang berbeda: Tampilan halaman Anda begitu cantik di browser Firefox tetapi belum tentu bagus di browser IE atau Opera atau browser yang lain.
Ingat pengunjung blog Anda tidak hanya menggunakan satu browser saja. untuk itu Anda coba lakukan pengecekan dengan browser yang berbeda, misalkan: Firefox, Flock, Mozilla, IE, Opera, atau Safari.

2. Pilihan warna pada blog: Pemilihan warna memang susah-susah gampang semuanya tergantung selera pemilik blog. Jangan terlalu egois, pilih warna sesuai dengan tema blog Anda. coba Anda pikir jika blog Anda tentang agama dengan pilihan warna hitam, terlihat janggal bukan! Kebanyakan warna hitam lebih cenderung ke situs yang bertemakan underground.

3. Hindari Memasang Jam: Tanyakan pada diri Anda sendiri apa gunanya memasang jam di blog Anda, jika hanya sebagai pengingat waktu atau untuk mempercantik halaman sebaiknya tidak usah digunakan, apa gunanya jam pada taksbar windows. yang jelas bakal bikin load page Anda semakin berat.

4. Hindari pasang kalender: Apa gunanya kalender windows? Orang butuh informasi dari blog Anda bukan ingin melihat kalender. sekedar informasi kalender yang saya maksud adalah kalender umum, beda dengan kalender yang menampilkan sebuah posting (biasanya banyak digunakan pengguna Wordpress)

5. Hindari pasang jumlah pengunjung tetap: Jika blog Anda baru jangan gunakan jumlah pengunjung (counter), ini akan berakibat penilaian yang buruk terhadap blog Anda. walaupun untuk beberapa penyedia layanan counter menyediakan fasilitas untuk memanipulasi dan menambah jumlah pengunjung secara manual, coba Anda pikir blog yang baru dibuat sudah mencapai 100.000 pengunjung apa itu mungkin?

6. Jangan memelas untuk meminta mengklik iklan: Hindari kata "klik iklan dibawah ini" atau bahasa apapun yang meminta pengunjung Anda untuk mengklik iklan. Sampai saat ini ada beberapa blog yang melakukan hal tersebut (maaf jika blog Anda termasuk dalam hal ini) siapa sih didunia ini yang suka diperintah, tanpa Anda menyuruh pengunjung bakal mengklik iklan tersebut jika dirasa berguna bagi mereka.

7. Jangan memasang iklan yang berserakan: Iklan yang banyak memang sangat menguntungkan, namun jangan sampai isi halaman Anda hanya iklan dan iklan. Pasang iklan sewajarnya saja dan tahukah Anda pengunjung sangat risih dengan adanya iklan yang telihat melebihi kapasitas dari isi halaman blog Anda.

8. Hindari memasang lagu pada blog: Selain bikin halaman berat blog yang menampilkan lagu agak terkesan tidak profesional dan maaf agak terkesan kuno. Tidak masalah jika blog Anda tentang musik atau blog personal tapi untuk blog bisnis sepertinya kurang cocok.

9. Menampilkan status IP pengunjung: Blog Anda bukan program mata-mata kan? Jadi lebih baik tidak usah dipasang agar pengunjung tidak merasa dimata-matai.

10. Memasang widgets yang tidak ada hubungannya dengan blog: Menambahkan widgets memang menyenangkan tapi jika tidak ada hubungannya malah blog Anda terkesan aneh. pasanglah widget sesuai dengan kebutuhan saja.

11. Jangan hanya copy / paste: Saya tidak melarang Anda untuk melakukan copy / paste, jika memang dilakukan sebaiknya perbaiki juga code scriptnya, hargai jerih payah penulis sebenarnya karena jika hanya copy / paste tulisannya tidak bakal terlihat rapi dan kemungkinan gambar yang diikutsertakan tidak bakal muncul.

12. Perhatikan tanda baca: Perhatikan tulisan Anda apakah sudah benar tanda bacanya. Kesalahan dalam titik koma saja akan berakibat mempunyai arti yang berbeda.

13. Jangan gunakan gambar yang besar: Gambar memang mempercantik halaman Anda, gambar yang besar justru jadi bumerang buat loading page Anda. Yang jelas blog Anda pasti akan diabaikan untuk sementara waktu ketika loading page sedang berjalan.

14. Periksa Dead link: Link yang telah mati bakal tidak disukai pembaca, jangan kan pembaca search engine pun tidak menyukai hal ini. Lakukan pengecekan dead link sesering mungkin, banyak tools di internet yang bisa melakukan tugas ini.

15. Jangan terlalu banyak memposting artikel orang lain: Ini akan mendapat respon buruk dari pembaca, karena pembaca akan lebih berpikir lebih baik membaca ke sumbernya secara langsung.

16. Selalu pasang nama sumber artikel: Blog yang profesional selalu menghargai jerih payah orang lain, yang jelas memasang nama sumber tidak merugikan Anda sedikitpun sebaliknya penghargaan atas jerih payah orang lain itulah yang membuat Anda terlihat lebih profesional.

17. Cara merespon komentar yang baik: Jangan pernah bersikap menggurui, hargai semua komentar dengan bijak walau pun ada beberapa komentar yang menyebalkan. Ingat! Blog tempat orang menuangkan semua ide dan pemikiran jadi semua orang pasti mempunyai pendapat yang berbeda.

Menempatkan Iklan Di Sidebar Blogger

Bingung bagaimana caranya menempatkan iklan di sidebar blog Anda? Oke saya juga dulunya bingung sekarang sudah ketemu jawabannya, langsung saja di coba triknya.

Pertama login di Blogger, klik kostumisasi, rancangan, edit html and contreng "Expand Widget Templates".

Cari kode ini:

<div id='newsidebar-wrap1'><div id='newsidebar-wrap2'>

atau

<h2 class='title'><data:title/></h2>

Sudah ketemu belum kalau sudah masukkan kode iklannya.

Selamat Mencoba!

Definisi Berbagai Meta Tag

Definisi Berbagai Meta Tag
Halaman ini memberikan daftar ikhtisar dari berbagai nilai/value yang bisa Anda tambahkan dalam tag robot Anda.

Pertama, syntax/rumus:

[code language="html"]

[/code]

Perbedaan Nilai Meta Tag robots

- index

Contoh:

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

Mengizinkan robot search engine untuk mengindex suatu halaman, Anda tidak harus menambahkan nilai ini ke dalam halaman Anda, karena ini merupakan nilai default.

-noindex

Contoh:

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

Tidak mengizinkan search engine untuk menampilkan suatu halaman blog /web Anda dalam hasil pencarian.

-none

Contoh:

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

Ini merupakan shortcut untuk noindex, nofollow, atau mengatakan pada search engine: “Jangan lakukan apapun terhadap halaman ini”.

- follow

Contoh;

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

Beritahukan robot search engine untuk mengikuti link yang ada pada suatu halaman, baik yang bisa diindex maupun yang tidak.

-nofollow

Contoh:

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

Beritahukan robot search engine untuk tidak mengikuti link apapun yang ada pada suatu halaman.

-noarchive

Contoh:

<meta name="robots" content="noarchive"/>

Mencegah search engine untuk menampilkan cache copy suatu halaman.

-nocache

Contoh:

<meta name="robots" content="nocache"/>

Sama seperti noarchive, tetapi hanya digunakan oleh MSN/Live.

-nosnippet

Contoh:

<meta name="robots" content="nosnippet"/>

Mencegah search engine untuk menampilkan snippet/ringkasan suatu halaman pada halaman hasil pencarian dan mencegah search engine untuk melakukan caching suatu halaman.

-noodp

Contoh:

<meta name="robots" content="noodp"/>

Memblokir search engine untuk menggunakan deskripsi suatu halaman dalam DMOZ (aka ODP) sebagai snippet/ringkasan untuk halaman Anda pada search engine.

-noydir

Contoh:

<meta name="robots" content="noydir"/>

Memblokir Yahoo! untuk menggunakan deskripsi suatu halaman dalam direktori Yahoo! sebagai snippet/ringkasan untuk halaman Anda dalam halaman hasil pencarian. Tidak ada search engine lain menggunakan direktori Yahoo! untuk tujuan ini, jadi mereka tidak support terhadap tag ini.

Resources dari Search Engine

Search engine sendiri juga memiliki halaman mengenai subyek ini:

  • Google memiliki blogpost pada Google Webmaster Central Blog;
  • Live memiliki sebuah halaman situs bantuan;
  • Anda bisa mencari Yahoo!’s Webmaster resources;
  • Ask.com memiliki beberapa info mengenai hal ini dalam Webmaster resources page.

Dan pasti selalu ada halaman http://www.robotstxt.org. Anda bisa melakukan block seluruh robots sekaligus dengan markup di atas, atau hanya melakukan block satu tobot dengan menentukannya secara spesifik.
Search engine mana yang support nilai meta tag robots yang mana?
Table di bawah ini menampilkan search engine mana yang support terhadap suatu nilai:

Metatag Robots

Anda bisa melakukan block seluruh robots sekaligus dengan markup di atas, atau hanya melakukan block satu robot dengan menentukannya secara spesifik:
  • Google: GOOGLEBOT
  • Yahoo!: SLURP
  • MSN/Live: MSNBOT
  • Ask: TEOMA
Meta Language Tag

Yang pertama, gunanya untuk memerintahkan robot agar mengindex,tidak mengindex, dan lain-lain di blog kita seperti yang telah diterangkan di atas fungsi dari meta tag. Sedangkan untuk yang kedua, gunanya untuk menyeting bahasa blog kita. Blog bahasa indonesia yang tidak diberi meta tag kedua akan kalah SEO dengan yang diberi meta tag kedua. Jadi hukumnya wajib.

Contoh:

<meta http-equiv="content-language" content="en"/>
<meta http-equiv="content-language" content="en, fr"/>
Dibawah ini adalah daftar kode yang mewakili nama bahasa:

AA "Afar"
AB "Abkhazian"
AF "Afrikaans"
AM "Amharic"
AR "Arabic"
AS "Assamese"
AY "Aymara"
AZ "Azerbaijani"
BA "Bashkir"
BE "Byelorussian"
BG "Bulgarian"
BH "Bihari"
BI "Bislama"
BN "Bengali" "Bangla"
BO "Tibetan"
BR "Breton"
CA "Catalan"
CO "Corsican"
CS "Czech"
CY "Welsh"
DA "Danish"
DE "German"
DZ "Bhutani"
EL "Greek"
EN "English" "American"
EO "Esperanto"
ES "Spanish"
ET "Estonian"
EU "Basque"
FA "Persian"
FI "Finnish"
FJ "Fiji"
FO "Faeroese"
FR "French"
FY "Frisian"
GA "Irish"
GD "Gaelic" "Scots Gaelic"
GL "Galician"
GN "Guarani"
GU "Gujarati"
HA "Hausa"
HI "Hindi"
HR "Croatian"
HU "Hungarian"
HY "Armenian"
IA "Interlingua"
IE "Interlingue"
IK "Inupiak"
IN "Indonesian"
IS "Icelandic"
IT "Italian"
IW "Hebrew"
JA "Japanese"
JI "Yiddish"
JW "Javanese"
KA "Georgian"
KK "Kazakh"
KL "Greenlandic"
KM "Cambodian"
KN "Kannada"
KO "Korean"
KS "Kashmiri"
KU "Kurdish"
KY "Kirghiz"
LA "Latin"
LN "Lingala"
LO "Laothian"
LT "Lithuanian"
LV "Latvian" "Lettish"
MG "Malagasy"
MI "Maori"
MK "Macedonian"
ML "Malayalam"
MN "Mongolian"
MO "Moldavian"
MR "Marathi"
MS "Malay"
MT "Maltese"
MY "Burmese"
NA "Nauru"
NE "Nepali"
NL "Dutch"
NO "Norwegian"
OC "Occitan"
OM "Oromo" "Afan"
OR "Oriya"
PA "Punjabi"
PL "Polish"
PS "Pashto" "Pushto"
PT "Portuguese"
QU "Quechua"
RM "Rhaeto-Romance"
RN "Kirundi"
RO "Romanian"
RU "Russian"
RW "Kinyarwanda"
SA "Sanskrit"
SD "Sindhi"
SG "Sangro"
SH "Serbo-Croatian"
SI "Singhalese"
SK "Slovak"
SL "Slovenian"
SM "Samoan"
SN "Shona"
SO "Somali"
SQ "Albanian"
SR "Serbian"
SS "Siswati"
ST "Sesotho"
SU "Sudanese"
SV "Swedish"
SW "Swahili"
TA "Tamil"
TE "Tegulu"
TG "Tajik"
TH "Thai"
TI "Tigrinya"
TK "Turkmen"
TL "Tagalog"
TN "Setswana"
TO "Tonga"
TR "Turkish"
TS "Tsonga"
TT "Tatar"
TW "Twi"
UK "Ukrainian"
UR "Urdu"
UZ "Uzbek"
VI "Vietnamese"
VO "Volapuk"
WO "Wolof"
XH "Xhosa"
YO "Yoruba"
ZH "Chinese"
ZU "Zulu"