Wednesday, August 26, 2009

Cara ganti template di blogger

Artikel ini di khususkan untuk para pemula, yang dah jago jangan di hina yah! tulisan bertujuan untuk berbagi pengalaman kepada para blogger pemula saja. Yaitu tentang cara ganti template di blogger atau yang biasa di sebut layout. Berikut cara-caranya:

Sebelum proses mengganti template anda perseiapkan terlebih dahulu template yang ingin anda gunakan selanjutnya, nah untuku itu silahkan anda download dan klik di sini kumpulan template untuk blogger gratis dan keren untuk blog anda.

Langkah alternatif pertama:

Setelah selesai download, silahkan extrack file zip tersebut dan buka dengan program notepad.

1. Masuk ke blogger > klik tab TATA LETAK > Edit HTML
2. Kemudian akan ada code HTML yang banyak n rumit :)
3. Klik EXPAND TEMPLATE WIDGET
4. Hapus code HTML tersebut lalu paste hasil copy dari file wordpad di atas!
5. Simpan template anda

Langkah alternatif ke dua

1. Masuk ke blogger > klik tab TATA LETAK > Edit HTML
2. Kemudian akan ada code HTML yang banyak n rumit :)
3. Klik EXPAND TEMPLATE WIDGET
4. Diatas tulisan expan template widget ada tulisan BROWSE dan UPLOAD
5. Silahkan klik browse dan cari file bola2.xml yang sudah anda download dan extract tadi.
6. Kemudian klik upload
7. Lalu simplan template anda

Nah saya kira itu saja tutorial ganti layout blog di blogger kali ini, lebih dan kurang silahkan ditambahkan si komentar. Goodluck!

Monday, August 24, 2009

Blogger template 3 kolom

Silahkan di download Blogger template 3 kolom dan keren yang terdiri free templates 2 kolom xml, dan template 4 column Blogger Template HTML di bawah ini dapat membantu anda mempercantik blognya, Semua template yang ada dibawah ini saya ambil dari beberapa sumber dan sumbernya dapat anda lihat di dalam kode XML itu sendiri.

Manggo 3 kolom
manggo
Download



Remedy 3 kolom
remedy
Download



Super Custom 3 kolom
super_custom.thumbnail
Download



Cool Blue (Web 2.0) 3 kolom
cool_blue.thumbnail
Download



Girly Pink 3 column
amanda_template
Download



Magical 3 kolom
ScreenHunter
Download



Greenary 2 kolom
greenary
Download



Green Press 3 kolom
Greenpress
Download



Orange star 3 kolom
orangetheme
Download



Citrus pink star 3 kolom
Citrus Pink
Download



Grey 3 kolom
Grey Blogger Theme
Download



Blue 3 kolom
blue-template
Download



4 column blogger template
plain-4-col
Download



FREE Premium Magazine "SchemerMag" 3 kolom
schemer mag
Download



FREE Premium Magazine "TURN OUT MAG"
turnout mag screenshot
Download



Magazine style Blogger Template "Falkner Press"
falknerbloggertemplate
Download


Diharapkan penggunaan template di atas tidak kepada hal-hal yang mengandung pornografi, kekerasan, sara dan tidak diperjual belikan. Karena itu semua gratis.

Saturday, August 22, 2009

Cara buat peta situs blog

Membuat daftar isi / peta situs 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.Tips kali ini juga merupakan cara membuat daftar isi blog secara lengkap yang ditampilkan dalam bentuk tabel. Kelebihan dari daftar isi ini dapat ditampilkan dan juga dapat disembunyikan, anda tinggal klik kata untuk menampilkan atau menyembunyikan daftar isi.Ikuti langkah-langkah dibawah ini bagi anda yang ingin mencoba.

* Langkah Pertama
1. Masuk ke Blogger dengan ID anda.
2. Pilih Tata Letak.
3. pilih Edit HTML.
4. Back up dulu templatnya jika takut gagal.
5. Cari kode ini : ]]></b:skin>
6. Copy kode dibawah ini, kemudian paste tepat diatas kode tadi.

#toc { border: 0px solid #000000; background: #ffffff; padding:2px; width:495px; margin-top:10px;}

.toc-header-col1, .toc-header-col2,

.toc-header-col3 { background: #B5CBFA; color: #000000; padding-left: 5px; width:250px;}

.toc-header-col2 { width:75px;}

.toc-header-col3 { width:125px;}

.toc-header-col1 a:link, .toc-header-col1 a:visited,

.toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link,

.toc-header-col3 a:visited { font-size:100%; text-decoration:none;}

.toc-header-col1 a:hover,

.toc-header-col2 a:hover,

.toc-header-col3 a:hover { font-size:100%; text-decoration:underline; color:#3D3F44;}

.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 { padding-left: 5px; font-size:100%; background:#f0f0f0;}
7. Klik Tombol Simpan Template


* Langkah Kedua
1. Masuk ke Elemen Halaman.
2. Pilih Tambah Gadget.
3. Klik tanda + pada HTML/JavaScript.
4. Copy kode dibawah ini kemudian paste pada kolom yang tersedia

<div id="toclink"> <a href="javascript:showToc();"> <img border="0" src="http://h1.ripway.com/ades40/image/add2.png"/><font color="#808000"><b> Lihat Semua Daftar Posting</b></font></a>
</div>
<script style="text/javascript" src="http://h1.ripway.com/ades40/blogtoc.js"></script>
<script src="http://namablog anda.blogspot.com/feeds/posts/default?alt=json-in-script&max-results=999&callback=loadtoc"></script>
5. KLik tombol Simpan


* Langkah Ketiga
1. Masih di Elemen Halaman.
2. Klik Tambah Gadget.
3. Klik tanda + pada HTML /JavaScript.
4. Copy kode dibawah ini, kemudian paste pada kolom yang tersedia.

<div id="toc"></div>

5. Klik tombol Simpan
* Selesai.

Sekedar tambahan, jika ingin memasukan daftar isi tersebut ke dalam postingan tinggal anda masukan saja script langkah ke 2 dan langkah ke 3 ke dalam postingan anda. Selamat mencoba.

Peta Situs SEO Tutorial Blogger

Ingin meningkatkan SEO pada blog Blogger Blogspot? Tutorial ini membahas bagaimana blogger bisa mengoptimalkan blog mereka menggunakan teknik SEO untuk meningkatkan pengindeksan mereka blog Blogger Blogspot dan mencapai peringkat yang lebih baik dalam hasil mesin pencari.

Pada artikel ini saya akan membahas tips bantuan berikut Blogger untuk SEO:

* Menambahkan Blog Blogger Anda untuk Search Engine Mayor
* Blogger Post Mengoptimalkan Judul
* Kata kunci Meta Penggunaan dan Meta Description
* Menggunakan Kata kunci dalam Tag Alt dan Judul Gambar
* Menggunakan Kata kunci Sasaran dalam Konten Post Anda
* Blogger Tag Mengoptimalkan Judul
* Mengoptimalkan Permalinks Blogger Anda
* Membuat Penggunaan Tags Pos HTML Dalam Pos dan Judul Posting
* Menambahkan Breadcrumb Navigasi untuk Anda Blogger Blog


Dapatkan Blog Anda Dipasang oleh Mayor Search Engine
Tambahkan Blog Anda ke Yahoo dan Kirim Anda SitemapGetting terdaftar di mesin pencari utama adalah suatu keharusan jika Anda ingin mendapatkan traffic dari search engine. Saya telah menulis beberapa artikel mendalam tentang cara menambahkan sitemap ke mesin pencari utama dan bagaimana menambahkan blog Anda ke Google, Yahoo dan MSN jadi saya tidak akan mengulangi diriku sendiri. Ikuti artikel ini untuk langkah demi langkah walkthrough

Optimalkan Blogger Posting Judul
Mayor mesin pencari meminjamkan banyak berat badan untuk judul sehingga sangat penting bahwa Anda kerajinan judul posting Anda hati-hati. Untuk mengoptimalkan judul postingan Anda membuat mereka kaya dan memastikan kata kunci judul dengan jelas menjelaskan apa posting blog adalah tentang. Cobalah untuk menempatkan kata kunci pada awal judul Anda untuk hasil terbaik dan menghindari pengulangan kata kunci Anda dalam judul. Hindari panjang judul sebagai Google hanya menampilkan sekitar 65 karakter dalam hasil pencarian tetap.

Judul tag yang penting jika Anda blog Blogger adalah untuk menarik lalu lintas dan peringkat dalam hasil mesin pencari. Pada halaman home blog judul blog Anda muncul di antara tag judul sementara di setiap halaman posting individu itu adalah nama dari artikel itu sendiri. Sedangkan tag judul sendiri tak terlihat oleh pengunjung ke blog Anda ketika dibaca ketika mesin pencari crawl blog Anda.

Mesin pencari menggunakan tag title untuk menampilkan judul posting Anda sebagai informasi utama dalam hasil mesin pencari. Search engine juga menampilkan deskripsi artikel baik dengan penggalian dari isi posting biasanya dengan mengambil 150 karakter pertama dari posting Anda atau dengan membaca deskripsi meta pos jika ada.

Meta deskripsi dapat dibuat untuk tiap posting di Blogger untuk efek yang baik. Buatlah deskripsi yang unik untuk setiap posting dan memastikan mereka berisi target kata kunci dan frase kata kunci untuk mendorong mesin pencari untuk mengekstrak potongan dari mereka. Untuk mengetahui lebih lanjut tentang menambahkan deskripsi meta ke sebuah pos individu silakan lihat artikel saya Menambahkan Meta Tags ke Blogger Blogspot Blog for Better SEO

Tambahkan Meta Tag dan Deskripsi Blog ke Blogger
Menambahkan meta kata kunci dan deskripsi blog untuk Anda blog Blogger Blogspot dapat meningkatkan peringkat Anda dengan membantu pengunjung menemukan blog Anda menggunakan frase kata kunci dan kata kunci. Untuk mengetahui metode terbaik untuk memasukkan ini ke dalam blog Blogger Anda silakan lihat artikel saya tentang Menambahkan Meta Tags ke Blogger Blogspot Blog for Better SEO


Gunakan Kata kunci dalam Tag Alt dan Judul Gambar
Mengoptimalkan gambar yang digunakan di blog Anda dengan menggunakan tag alt dan judul gambar. Untuk beberapa tips tentang SEO dan gambar silahkan lihat 10 Tips Membangun Situs Traffic untuk Blog Blogspot

Gunakan Kata Kunci Target dalam Konten Post Anda
Mengenal blog Blogger keywordsMake yakin Anda tahu kata kunci bertarget Anda dan menggunakannya dalam isi posting Anda. Salah satu faktor dalam menentukan peringkat adalah relevansi kata kunci yang ditargetkan dalam hubungan dengan teks yang muncul di isi posting.

Ubah Orde Judul Posting dan Judul Blog untuk SEO Lebih Baik
Salah satu perubahan kunci Anda dapat membuat ke Blogger yang ditandai akan meningkatkan SEO blog Anda adalah untuk menyesuaikan tag judul.

Dengan tag judul default Blogger tidak dioptimalkan untuk search engine. Nama blog muncul sebelum nama artikel yang tidak ramah mesin pencari. Karena mesin pencari dibaca dari kiri ke kanan dan memberikan preferensi untuk apa yang muncul pertama memiliki tampilan nama blog Anda sebelum judul posting Anda adalah signifikan. Untuk meningkatkan SEO membayar untuk mengatur urutan tag judul sehingga judul posting Anda muncul pertama kali:

Untuk mengetahui cara menyesuaikan tag judul dari blog Blogger Blogspot silahkan lihat artikel saya Mengatur Blogger Title Tags untuk Meningkatkan SEO

Optimalkan Blogger Permalinks
Bergandengan tangan dengan tag judul adalah permalink permanen yang dibuat ketika sebuah tulisan dipublikasikan. Jika judul posting lebih dari sekitar 35 karakter lama Anda akan menyerang masalah dengan Blogger karena akan memperpendek judul ke karakter permalink 35-40. Beberapa hasil yang sangat buruk terjadi karena faktor ini. Misalnya membayangkan permalink seperti:

Sebuah hasil permalink sama sekali tidak berguna karena kata kunci blogger telah tinggalkan. Pelajari lebih lanjut tentang kerajinan judul dan bekerja di sekitar keterbatasan permalinks Blogger dalam artikel saya Cara Membuat Search Engine Friendly Permalinks

Optimalkan Permalinks Blog Blogger Blogspot

Meningkatkan SEO by Pembuatan Penggunaan Pos untuk Judul Posting
Heading tag penting untuk SEO yang optimal. Kebanyakan Blogger.com header template menggunakan tag html berukuran & lth2> atau & lth3> untuk judul posting. Dalam search engine utama seperti Google terakhir mengutamakan tag dengan & lth1> depan apapun kecuali betapa pentingnya & lth1 tag> hari ini kurang tertentu. Anda bisa men-tweak ukuran judul judul posting Anda Namun jika Anda ingin berhati-hati untuk memastikan tampilan template Anda tidak terganggu. Sebuah font yang lebih besar akan menghasilkan dan ini mungkin berarti bagian lain dari blog Anda akan perlu disesuaikan untuk mengkompensasi. Untuk mengetahui apa ukuran judul blog Anda adalah mencari baris berikut dalam template Anda.

Seperti yang bisa dilihat ini judul blog template dalam & lth3>. Untuk mengubah ukuran tag hanya mengganti header tag yang tepat di mana & lth3> muncul

Meningkatkan SEO Dengan Pembuatan Penggunaan Tags Pos Dalam Posting
Heading tag dapat digunakan untuk efek yang baik dalam posting Anda. Pastikan Anda hanya memiliki satu & lth1> pos per halaman jika Anda memiliki satu sama sekali dan cadangan ini untuk judul posting Anda. Manfaatkan & lth2> dan & lth3> pos seluruh posting Anda untuk menekankan poin-poin penting dan kata kunci bertarget. mesin pencari Mayor melakukan memperhatikan & lth2> dan & lth3 pos> saat meng-crawl blog Anda. Untuk menambahkan penekanan ke pos yang tepat dalam blog Anda cukup tutupi dalam & lth3 pos> tags.

Tambahkan Breadcrumb Navigasi untuk Anda Blogger Blog
Ada hack yang dapat digunakan untuk menambahkan breadcrumb navigasi ke blog Blogger Blogspot. Menambahkan navigasi breadcrumb dapat meningkatkan SEO Anda dari blog Anda serta meningkatkan bagaimana pembaca berkeliling.

Tambahkan Breadcrumb Navigasi untuk blog Blogger Blogspot for Better SEO
breadcrumb A memberikan navigasi berbasis teks dengan menampilkan lokasi pengunjung dalam blog. breadcrumb A memberikan cara pintas untuk memungkinkan pengunjung untuk mengakses cepat di blog Anda dan melompat dari satu bagian dari blog Anda yang lain. Misalnya breadcrumb untuk posting tentang meta tag akan Home> Meta Tag> Tambahkan Meta Tags ke Blogger for Better SEO. Jangkar teks seperti 'meta tag' memberitahu mesin pencari tentang subjek halaman terkait. Search engine melihat breadcrumb dengan link teks untuk kata kunci yang relevan di pos penting.

Untuk mengetahui bagaimana cara menambahkan sebuah navigasi breadcrumb to your blog Blogger Blogspot saya silahkan lihat artikel Tambahkan Navigasi Breadcrumb ke Blog Blogger

Artikel ini difokuskan pada penyediaan saran Anda dengan solid SEO Blogger, tips dan trik untuk Blogger Blogspot. Ini akan membantu Anda mencapai hasil SEO yang baik untuk blog Anda. Good luck. Jika Anda punya waktu biarkan aku tahu tentang pengalaman Anda.

Komentar muncul jika di klik

Mungkin bagi blog yang rame pengunjung jika terlalu banyak komentar pasti akan memakan banyak tempat. Nah kali ini saya akan memberikan sedikit tips membuat komentar muncul jika di klik dan akan membuat blog kita sedikit lebih profesional lho,Cara kerjanya adalah jika postingan terbuka, seluruh komentar tidak terlihat/tersembunyi dan jika kita ingin melihat semua komentar tinggal mengklik Tulusan "[+/-]Click to Show or Hide Old Comments". Seperti yang dah saya pake di blog ini:

Komentar akan terlihat kembali jika pengunjung ingin menampilkannya dengan cara meng-klik tulisan "Lihat / Tutup Komentar" atau apa saja sesuai dengan kalimat yang ditampilkan.
Langkah-langkah untuk membuatnya, silahkan anda ikuti seperti dibawah ini :

1. Masuk ke Blogger dengan ID anda.
2. Pilih Tata Letak.
3. pilih Edit HTML.
4. Back up dulu templatenya dengan dengan cara klik Download Template Lengkap.
5. Kasih contreng pada Expand Widget Templates.
6. Copy seluruh kode dibawah ini kemudian paste tepat diatas kode </head>


<script type="text/Javascript">
function togglecomments (postid) {
var whichpost = document.getElementById(postid);
if (whichpost.className=="commentshown") {
whichpost.className="commenthidden";
}
else {
whichpost.className="commentshown";
}
}
</script>

7. Cari kode ini <dl id='comments-block'> kemudian ganti dengan kode dibawah ini :


<dl class='commenthidden' id='comments-block'>

8. Copy kode ini .commenthidden { display:none } .commentshown { display:inline } kemudian tambahkan pada kode seperti dibawah ini (yang berwarna hijau itu kode yang harus ditambahkan.


.deleted-comment {
font-style:italic;
color:gray;
}
.commenthidden { display:none } .commentshown{ display:inline }
.feed-links {
clear: both;
line-height: 2.5em;
}
#blog-pager-newer-link {
float: right;
}
#blog-pager-older-link {
float: left;

9. Cari kode seperti ini :


<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>

10. Copy seluruh kode dibawah ini kemudian paste tepat dibawah kode tadi.


<base target='_self'><h2><a aiotitle='click to expand' href='javascript:togglecomments%20("comments-block")' rel='nofollow'><b> Click to Show or Hide Old Comments</b></a></h2></base>

11. Klik tombol Simpan Template
12. Lihat komentar pada blog anda akan terlihat jika diklik kalimat "Click to Show or Hide Old Comments"
13. Selamat mencoba, semoga berhasil dan ada manfaatnya...!!

Monday, August 17, 2009

Seo wordpress com

Berikut adalah informasi bagi yang hosting di wordpress mengenai seo wordpress com itu sendiri. berikut tips yang bisa saya share untuk anda yang saya dapat dari blogwalking: Setelah mencoba beberapa cara dan akhirnya trafik kembali normal lagi dan mudah-mudahan bisa naik drastis. Tips ini sebagai catatan pribadi saya saja agar tidak mengulangi beberapa ’langkah bodoh’. Berikut beberapa teknik optimasi yang saya lakukan:

1. Jangan listing semua halaman page. Plugin wp-pagenavi itu bagus akan tetapi tidak bagus untuk ditaruh di mainpage yang selalu berubah jika ada postingan yang baru. Mungkin ini ada hubungannya dengan duplicate content. Semakin banyak kita memberi link ke halaman page maka semakin banyak pula duplicate content yan terdeteksi. Apalagi memberi listing keseluruhan page, bisa ancur dah trafiknya. Lebih baik gunakan link Next dan Previous aja, lebih tidak terdeteksi kalo ada duplicate content. Lebih baik gunakan plugin ini di halaman archive.php saja.

2. Pergunakan tag header dengan baik. Tau kan tag <h1>, </h1><h2> dst? Dalam dunia SEO ini masih berlaku. Theme yang kita gunakan biasanya tidak teroptimasi dengan baik karena tergantung developernya. Gunakan tag H1 untuk judul posting pada single.php saja. Sedangkan untuk tag H2 gunakan pada judul posting di index.php, archive.php, dan page.php. Untuk tag H3 bisa digunakan pada sidebar saja.

3. Link postingan lama. Lakukan link untuk postingan yang lama pada postingan yang baru, tapi jangan sembarangan yah. Yang penting related lah topiknya. Ato bisa juga menggunakan plugin random post.

4. Gunakan RSS footer utk para scrapper. Kalo blog kita ada di google blog, biasanya sih pasti ada aja blog scrapper yang copy paste blog kita. Kalo mereka ngasih link balik biarin aja, soalnya dapet backlink gratis :D Biar lebih mantap pasang plugin RSS footer. Jadinya kalo ada yang ambil feed RSS kita dengan plugin ini langsung terpasang link posting originalnya :)

5. Jangan lupakan Sitemap. Gunakan plugin Google XML sitemaps dan submit ke google webmaster tools. Cek 3 hari sekali, jika ada status warning coba cek sitemapnya, dan kalo dah bagus submit ulang sitemapnya.

6. Optimasi Title. All in One SEO Pack bagus pluginnya, cuma bagi yang servernya sharing ama ribuan domain mending ngga usah pake plugin ini deh. Perlu resource memory yang cukup gede dan biasanya setelah diaktifin plugin ini bakalan bilang out of memory :D Coba deh cara modifiksi title yang saya pernah ulas waktu ini dengan hardcode pada file header.php

7. Fast loading dengan Clean CSS. Gunakan clean css untuk mengoptimalkan loading file css. Makin kecil makin bagus karena loadingnya akan semakin cepat, tapi perlu diingat bahwa kita juga perlu membaca kode css jika ingin merubah tampilan blog. Jadi terserah anda mengoptimasi menggunakan kompresi yang mana :)

8. Gunakan tag seminimal mungkin. Jika menggunakan tag, agar tidak terlalu duplicate content sebaiknya dibatasi menggunakan 3-5 tag saja.

Baru itu saja yang tak inget, kalo ada yang kelupaan nanti tak tambahin lagi. Semoga membantu.

Sunday, August 9, 2009

Cara memasang banner di header blog

Mungkin pernah ada yang mengalami kesulitan bagaimana cara memasang banner di header blog di blogger :) , Itu karena area header pada blog di blogger dikunci! jadi kita tidak bisa menambahkan widget di area ini. jadi pada area ini hanya diperbolehkan merubah judul dan deskripsi. yang jadi permasalahan kadang kita ingin menambahkan komponen baru pada area ini terutama bagi para blogger yang memasang iklan PPC (seperti adsense), dan ingin mengaplikasikan template "leader board". Agar area header ini dapat di modifikasi dan ditambahkan komponen lain selain judul dan deskripsi lakuan langkah2 dibawah ini:

Untuk langkah pertama anda Login dulu ke Blogger, setelah masuk menu dasbor klik TATA LETAK >> EDIT HTML, pada kolom EDIT TEMPLATE backup terlebih dahulu template anda lalu cari kode dibawah ini:
<div id='header-wrapper'>
Nah sekarang lihat koding-koding dibawahnya. disana terdapat variabel-variabel yang anda bisa rubah, dengan tujuan agar area ini dapat di modifikasi, variabel-variabelnya antara lain: maxwidgets='nilai', rubah nilai variabel ini oleh anda, misalkan nilainya diisi tiga, berarti komponen maksimal yang dapat di tempatkan pada area ini adalah 3 komponen. showaddelement='nilai', nilai default dari varibel ini adalah 'no', rubah menjadi 'yes'.locked='nilai', nilai default dari varibel ini adalah 'true', rubah menjadi 'false'Save Template. dan lihat hasilnya pada jendela TATA LETAK!

Thursday, August 6, 2009

Cara Cepat Update PageRank

Berikut langkah dan Cara cepat update PageRank di Google? Memang kita jangan pernah menganggap remeh penyebaran informasi dgn pemasaran sistem seo fast? Dan dalam postingan kali ini sebagai admin mau mencoba mengajak sobat semua untuk memanfaatkan kedahsyatan faktor kali dan kecepatan penyebaran ini dalam bentuk backlink.

Caranya gampang kok, Yang perlu kamu lakukan adalah meletakkan link-link berikut ini di blog atau artikel kalian.

- Bing
- Google
- Yahoo
- Foredi
- Generator
- Laptop Reviews
- Beauty counter
- Asus Laptop Reviews
- Mengatasi Ejakulasi Dini
- Portable diesel generator
- Portable diesel generator reviews
- SEO Tutorial

Tapi ingat, sebelum kamu meletakkan link diatas, kamu harus menghapus peserta nomor 1 dari daftar. Sehingga semua peserta naik 1 level. Yang tadi nomor 2 jadi nomor 1, nomor 3 jadi 2, dst. Kemudian masukkan link kamu sendiri di bagian paling bawah.

Jika tiap peserta mampu mengajak 5 orang saja, maka jumlah backlink yang akan didapat adalah

Ketika posisi kamu 12, jumlah backlink = 1
Posisi 11, jml backlink = 5
Posisi 10, jml backlink = 25
Posisi 9, jml backlink = 125
Posisi 8, jml backlink = 625
Posisi 7, jml backlink = 3,125
Posisi 6, jml backlink = 15,625
Posisi 5, jml backlink = 78,125
Posisi 4, jml backlink = 390,625
Posisi 3, jml backlink = 1,953,125
Dst

Dan semuanya menggunakan kata kunci yang kamu inginkan. Dari sisi SEO kamu sudah mendapatkan 1,953,125 backlink dan efek sampingnya jika pengunjung web para downline kamu mengklik link itu, juga membuat blog kamu mendapatkan traffik tambahan.

Nah, silahkan copy paste artikel ini, dan hilangkan peserta nomor 1 lalu tambahkan link blog/website kamu di posisi 12. Ingat, kamu harus mulai dari posisi 12 agar hasilnya maksimal. Karena jika kamu tiba2 di posisi 1, maka link kamu akan hilang begitu ada yang masuk ke posisi 12. Selamat mencoba :lol: ya, sebab buktinya dengan sistem ini dalam 3 bulan blog seo tutorial ini mendapat Pagerank 4 Lho!

Iklan muncul saat buka blog

Widget ini gunanya untuk cara memasang Iklan muncul saat buka blog seperti iklan adsense camp, kumpul blogger, indovertiser ,google adsense dan program PPC lainnya. Kelebihan script ini ialah Iklan PPC akan selalu muncul walaupun pengunjung blog anda melakukan scroling halaman blog anda tetapi Iklan PPC anda akan selalu berada di bagian bawah blog anda atau footer blog sehingga pengunjung dapat melihat dengan jelas iklan PPC anda.Oke deh daripada saya banyak ngoceh tak karuan sebaiknya kita langsung ke TKP aja ya !

1-Log in ke account blogger.
2-Click Lay Out---->Add New Gadget---->HTML/JAVA SCRIPT.
3-Copy pastekan script di bawah ini :
<style type="text/css">
#gb{
position:fixed;
top:325px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:30px;
width:960px;
float:center;
cursor:pointer;
background:url('') no-repeat;
}
.gbcontent{
float:center;
border:1px solid #A5BD51;
background:#000000;
padding:1px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 125-w) : moveGB(125-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

SCRIPT IKLAN PPC ANDA DISINI!

<div style="text-align:right">
<a href="javascript:showHideGB()">
[Close]
<a href="http://tutorial-seo-blogger.blogspot.com">
[Widget By Seo tutorial blogger]
</a>
</a></div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.down = (125-gb.offsetWidth).toString() + "px";
</script></div>
Keterangan :
-Angka 325 adalah ukuran letak widget ini di halaman blog anda artinya semakin besar angkanya anda edit maka widget ini akan semakin kebawah, begitu juga sebaliknya.
-Angka 000000 adalah kode warna background widget ini. Silahkan anda edit dengan warna yg sesuai dengan background blog anda.
-Ganti Tulisan SCRIPT IKLAN PPC ANDA DISINI! Dengan script iklan PPC anda.
-Selamat mencoba

Sunday, August 2, 2009

Membuat menu halaman horizontal

Selain link dan banner yang membuat blog menarik di pandang, menu horisontal juga tidak kalah menarik untuk menjadi hiasan di blog Anda karena saya kira bentuknya Menarik dan elegan. Nah jkia Anda juga belum faham mengenai menu horisontal seo tutorial akan kasih contah yang di maksud menu horizontal, lihat dibawah:


Nah bagi yang blognya belum ada menu seperti ini silakan dibuat kalo tertarik, nih cara-caranya :

Langkah pertama yaitu log in ke blogger lalu masuk menu Layout kemudian masuk menu Edit HTML

Lalu taruh code dibawah diatas Code: ]]></b:skin> pokoknya di barisan CSS pada Blog Anda
.menuhorisontal{
width: 100%;
overflow: hidden;
border-bottom: 1px solid #000000;
}

.menuhorisontal ul{
margin: 0;
padding: 0;
padding-left: 10px;
font: bold 12px Verdana;
list-style-type: none;
}

.menuhorisontal li{
display: inline;
margin: 0;
}

.menuhorisontal li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px;
border-right: 1px solid white;
color: white;
background: #414141; /*background dari Tabel*/
}

.menuhorisontal li a:visited{
color: white;
}

.menuhorisontal li a:hover, .menuhorisontal li.selected a{background:#002EB8; /*Background Setelah Pointer Diarahkan */
}
#footheader {
width: 100%;
float:left;
margin:0 0 0;
padding:0 0 0;
height:35px;
}

Kalau sudah cari kode Dibawah ini:
<div id='header-wrapper'><b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Bisnis Di Internet (Header)' type='Header'/>
</b:section></div>


Code diatas Di Blog kamu berdeda-beda pokoknya kamu perhatikan Code yang berwarna hijau saja dan taruh Code dibawah ini tepat dibawah Code Diatas itu.

<div id='footheader'>
<b:section class='footheader' id='footheader' preferred='yes'>
</b:section>
</div>

Kemudian Simpan.
Langkah kita belum selesai mari kita beranjak ke menu Layout
Nah dibawah Header pasti sudah ada tempat widget/gadget,



kemudian klik Add A Gadget kemudian pilih HTML/JavaScript.. Lalu taruh Code dibawah ini:

<div class='menuhorisontal'>
<ul>
<li><a href='/'>Home</a></li>
<li><a href='http://lerry060183.wordpress.com/'>Lerry060183</a></li>
<li><a href='http://ilmu-belajar-komputer.blogspot.com/'>Tutorial Komputer</a></li>
<li><a href='http://artis-indo-hot.blogspot.com/'>Berita Artis Indonesia</a></li>
</ul>
</div>

Nah selesai deh..