Popular posts

Labels

Archive for Mei 2007

Membuat Footer 3 Kolom Di Blog

Senin, 21 Mei 2007
Posted by tt
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!

Blog/Website Yang Disukai Google Dan Yahoo

Sabtu, 19 Mei 2007
Posted by tt
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?

Cara Membuat Judul Blog Bergerak

Rabu, 16 Mei 2007
Posted by tt
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.

Tips Mengganti Background Blog

Jumat, 11 Mei 2007
Posted by tt
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.

Tips Mengubah Blog Anda Menjadi Do Follow

Kamis, 10 Mei 2007
Posted by tt
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!