Tips Meningkatkan Ranking Blog | Tutorial Blog

Untuk meningkatkan Google pagerank dan Alexa rank Blog Anda secara manual, Sobat dapat mengikuti beberapa tips dibawah ini :

1. Isi yang segar dan bagus
   Buat postingan yang menarik agar banyak pengunjung yang datang, bisa dengan tutorial , tips , trik atau info yang sedang hangat / trend .Google akan mengindex situs kita harian, jika pengunjung situs kita selalu bertambah tiap harinya. Bagaimana sih agar pengunjung selalu bertambah tiap harinya? Jadi usahakan selalu menambahkan isi (content) yang segar di situs kita secara berkala dan teratur sebisa mungkin.
2. Daftarkan blog ke search engine
   lakukan verifikasi dan daftar blog di google sitemap agar mudah terindex.
3. Meta Tag yang bagus
   Meskipun kegunaan kata kunci di meta tag dalam hal meraih peringkat atas pada hasil pencarian di google masih diperdebatkan, tapi jangan sampai kita mengabaikan title tag dan meta description tag.
4. Link Popularity
   Google bank sangat bergantung pada berapa banyak orang yang telah benar-benar terhubung ke situs Anda. Logika Google adalah bahwa jika lebih banyak orang telah menghubungkan ke situs Anda, mereka telah jelas menemukan situs Anda menjadi situs yang baik. Kalau tidak kenapa mereka harus terkait dengan hal itu? Juga jika Anda terhubung dari situs yang lebih populer daripada Anda, peringkat Anda tiba-tiba akan melonjak.
5. Cari backlink berkualitas sebanyak-banyaknya
   jika page rank blog anda 2 cari backlink pada blog yang page rank 3 , 4 , dan yang lebih tinggi ( sebaiknya sesuai kategori blog anda , karena google menilai berdasarkan kuantitas dan kualitas link).
6. Buatlah link (anchor text) yang mengarah ke postingan
   tempatkan link tersebut di menu bar atau di side bar atau di tempat yang mudah di klik oleh pengunjung (direkomendasikan di menu bar /menu navigasi karena lebih mudah di deteksi oleh robot google).
7. Memberi komentar
   Memberi komentar pada blog yang banyak pengunjungnya dan mempunyai page rank tinggi, beri komentar yang bagus supaya bisa menarik perhatian pemilik blog atau pengguna lain , sertakan link sehingga orang lain bisa dengan mudah menuju ke blog anda ( hal ini diharapkan dapat meningkatkan traffik blog anda).
8. Update blog secara berkala
   jika anda ingin membuat 4 postingan saya sarankan sebaiknya mengupdate 2 saat ini dan 2 lagi besok atau anda bisa memanfaatkan publish postingan berkala ( terjadwal) , karena google lebih senang dengan situs yang sering di update karena google menganggap ada kegiatan yang kontinyu dalam blog anda . Catatan: 2 postingan minggu ini kemudian 2 lagi postingan minggu depan ( lebih disenangi google daripada 4 postingan dalam minggu ini, dan 4 postingan 2 minggu berikutnya / ada vakum dalam 1 minggu ).
9. Daftarkan blog anda ke web direktori atau blog direktori gratis
   Open Directory memberikan hasil direktori ke Google. jika Anda terdaftar dalam direktori, dan di kategori yang tepat juga, dengan deskripsi yang memiliki istilah pencarian Anda, apakah Anda beruntung! Situs Anda akan mendapatkan motivasi dalam rank untuk istilah pencarian Anda. semakin banyak tautan dari blog lain ke blog anda , maka google akan semakin menganggap blog anda berbobot.
10. Aktif dalam forum diskusi
    seperti google grup,yahoo answer , atau social networking seperti friendster, yuwie, buat artikel atau jawaban disana yang berisi ringkasan dan link ke blog anda 
11. Daftarkan blog anda ke social bookmark.
12. Kata kunci yang relevan
    Jika Anda memiliki halaman tentang ”Customer Relationship Management”/”CRM” dan Anda menemukan bahwa lebih banyak orang mencari postingan Anda dengan menggunakan “Customer Relationship Management” daripada ”CRM”, maka lebih baik bagi Anda untuk menggunakan “Customer Relationship Manajemen “di halaman bukan ” CRM “. Hal ini sangat meningkatkan lalu lintas situs Web dan juga meningkatkan peringkat Anda untuk kata kunci Anda.
13. Jangan mengganti judul postingan
    Jika postingan anda telah terindex oleh google dan muncul dihalaman pertama google search , jangan pernah ganti judulnya dengan alasan untuk menyesuaikan dengan kategori atau judulnya kurang menarik tata bahasanya, karena halaman tersebut akan dapat pinalti dari google , peringkat halamannya bisa turun akibat google menganggap halaman tersebut adalah halaman baru. 
14. Menginstal Alexa toolbar
    instal Alexa toolbar pada browser anda, atau memasang widget alexa pada blog.
15. Biasakan masuk ke blog menggunakan google search.
16. Jaga kredibilitas blog anda
    jangan sekali-kali melakukan penipuan terhadap search engine , hal ini ada saya temukan pada beberapa blog yang hanya berisi tag dan link yang menjebak pengunjung karena situs tersebut tidak ada postingan yang ada hanya iklan penuh 1 halaman , mungkin dengan harapan bahwa pengunjung terjebak untuk mengklik iklannya sehingga menambah penghasilan pemilik situs. Padahal secara psikologis dalam jangka panjang situs tersebut akan ditinggalkan oleh pengunjung.
17. Jangan sekali- kali membuat anggapan blog anda dimengerti oleh google
    lakukan sebaliknya yaitu buatlah situs anda bersahabat dengan google . Usahakan buat judul postingan yang frasenya sudah dikenal google , hal ini bisa anda lihat pada saat menggunakan google search , misalkan di kotak teks pencarian pada saat mengetik s akan muncul pilihan SEO , SEO Tools , gunakan kata -kata yang sudah dikenal oleh google tersebut jika postingan anda berhubungan dengan SEO jangan modifikasi menjadi SEOS , atau SEOTools agar tampil beda dengan yang lain , karena google akan bingung dengan judul postingan seperti di atas.
18. Buat link antar halaman
    Buat link antar halaman dan link dari halaman Home ke sub halaman dan sebaliknya , anda bisa menggunakan link navigasi atau link di dalam postingan yang mengarah ke postingan lain.
19. Jangan gunakan terlalu banyak kode javascript dalam blog anda
    sebaiknya gunakan html script, karena google lebih peka terhadap kode html . Anda juga bisa memilih template yang mudah loadingnya, biasanya template yang berat loadingnya jika banyak menggunakan javascript atau background image , multimedia atau flash untuk menghias blog agar kelihatan cantik. Tujuam kita bukan menghias tampilan blog tetapi merampingkan /membutuhkan template yang ringan loadingnya agar memudahkan robot google menelusuri script yang ada dalam blog .
20. Gunakan situs dengan domain sendiri ( berbayar)
    Google lebih senang dengan situs yang mempunyai domain sendiri dibanding blog gratisan seperti blogger,wordpress dll.

Tips diatas saya dapat dari beberapa blog dan ada sebagian yang saya tambahkan, Silahkan dicoba dan mudah-mudahan bermanfaat.

Baca Selengkapnya → Tips Meningkatkan Ranking Blog | Tutorial Blog

Memasang Jam di Blog | Tutorial Blog

Untuk mempercantik tampilan blog, baik itu Wordpress maupun Blogspot, mungkin Anda ingin memasang aksesoris berupa widget jam pada sidebar blog Sobat, Bagi Sobat yang ingin memasang widget jam di Wordpress.com, Silakan baca Memasang Jam di Wordpress. Buat Blogspot dapat Anda ikuti tutorial berikut ini :

• Kunjungi www.clocklink.com
• Lalu klik pada menu Gallery (kita bisa memilih kategori-kategori yang ingin kita pilih), sebagai contoh kategori Digital yang di pilih.
  
• Kemudian klik View HTML Tag.
  
• Akan timbul halaman baru. disitu ada ketentuan-ketentuan yang memakai bahasa inggris, pilih Accept.
  
• Selanjutnya kita diminta memilih warna (color), time zone, serta ukuran jam agar sesuai dengan sidebar blog.
  
• Kemudian Copy kode HTML yang diberikan.
  
• Langkah selanjutnya pasang pada widget HTML/Javascript blog Sobat, jika belum bisa memasang widget silakan baca Memasang Widget / Gadget di Blogspot

Silakan dicoba Sob, semoga berhasil...

Baca Selengkapnya → Memasang Jam di Blog | Tutorial Blog

Membuat Link Berwarna Warni Saat Disentuh Cursor

Dalam merubah tampilan link saat di sentuh cursor, kita dapat merubahnya menjadi berwarna warni, ada pula cara lain, misalnya; Membuat Link Berbintang-Bintang,Membuat Link Berkedip Saat Disentuh Cursor, dan lain lain.

Berikut cara Membuat Link Berwarna Warni Saat Disentuh Cursor :

1. Masuk ke akun Blogger Sobat. Klik Rancangan > Edit HTML.
   
2. Beri tanda centang di Expand Template Widget.
   
   Klik Download Template Lengkap untuk berjaga-jaga kalau nanti terjadi kesalahan kita dapat dengan mudah mengembalikan template seperti semula.
3. Cari kode <b:skin><![CDATA[
4. Copy kode di bawah ini lalu paste di atas kode tersebut
   <script src='http://achmad46.googlepages.com/rainbow.js'>
   </script>
5. Terakhir SIMPAN / SAVE TEMPLATE.
   

Sumber : Membuat Link Berwarna Warni Saat Disentuh Cursor.

Baca Selengkapnya → Membuat Link Berwarna Warni Saat Disentuh Cursor

Membuat Spoiler Pada Postingan

Spoiler sangat berguna untuk mengurangi beban loading sebuah postingan, fungsi dari Spoiler ini adalah untuk menghemat tempat, selain itu Spoiler ini juga membuat postingan anda tampak lebih rapi.

Berikut cara Membuat Spoiler Pada Postingan :

• Anggap saja Anda sedang membuat sebuah postingan, kemudian klik pada TabEdit HTML.
  
• Lalu letakkan kode berikut :
  <div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;">
  <b>Spoiler</b> : <input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div>
  <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px; text-align: left;">
  <div style="display: none;">
  Isi Spoiler
  </div>
  </div>
  </div>
  Isi Spoiler : Isi dengan kode gambar, video, atau kode html lainnya.
  Sebagai contoh saya gunakan kode berikut :
  <div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;">
  <b>Spoiler</b> : <input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div>
  <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px; text-align: left;">
  <div style="display: none;">
  <a href="http://s1193.photobucket.com/albums/aa345/bakulatz/Dashboard/?action=view&amp;current=edthtmlpost.gif" target="_blank"><img src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/edthtmlpost.gif" border="0" alt="Edit Html Post"></a>
  </div>
  </div>
  </div>
  Hasilnya akan seperti ini,
  Spoiler : 
• Selanjutnya silakan Anda Publish postingan Anda.

Semoga bermanfaat buat Sobat yang ingin Membuat Spoiler Pada Postingan.

Baca Selengkapnya → Membuat Spoiler Pada Postingan

Memberi Efek Taburan Bintang di Blog

Sebelumnya saya berbagi salah satu cara untuk mempercantik blog, yaitu Memberi Efek Taburan Hati di Blog, pada postingan kali ini saya akan membahas mengenai cara Memberi Efek Taburan Bintang di Blog. Sebenarnya efek ini sama saja dengan efek taburan hati dan Efek Daun Berjatuhan, hanya tampilannya saja yang berbeda dan juga kode script-nya.

Untuk menerapkan efek ini pada blog bisa melalui edit template, ataupun lewat gadget, silakan anda pilih cara mana yang menurut anda lebih nyaman.

Cara yang pertama melalui edit template :

• Pada dashboard blogger klik Template > Edit html
• Beri centang pada Expand Template Widget
• Cari kode </body> lalu letakkan kode script efek di atas kode </body>, berikut script-nya:
  Efek bintang berwarna kuning,
  
  <script src='http://wadah-tutorial.googlecode.com/files/bintangkuning.js' type='text/javascript'/>
  Efek bintang berwarna biru,
  
  <script src='http://wadah-tutorial.googlecode.com/files/bintangbiru.js' type='text/javascript'/>
  Efek bintang berwarna oren,
  
  <script src='http://wadah-tutorial.googlecode.com/files/bintangoren.js' type='text/javascript'/>
  Efek bintang berwarna pink,
  
  <script src='http://wadah-tutorial.googlecode.com/files/bintangpink.js' type='text/javascript'/>
• Terakhir klik Save Template.

Untuk cara kedua melalui Gadget :

• Pada dashboard klik Tata Letak > Add a gadget > HTML/JavaScript.
• Letakkan script dibawah ini pada gadget.
  Efek bintang berwarna kuning,
  
  <script src='http://wadah-tutorial.googlecode.com/files/bintangkuning.js' type='text/javascript'/></script>
  Efek bintang berwarna biru,
  
  <script src='http://wadah-tutorial.googlecode.com/files/bintangbiru.js' type='text/javascript'/></script>
  Efek bintang berwarna oren,
  
  <script src='http://wadah-tutorial.googlecode.com/files/bintangoren.js' type='text/javascript'/></script>
  Efek bintang berwarna pink,
  
  <script src='http://wadah-tutorial.googlecode.com/files/bintangpink.js' type='text/javascript'/></script>
•  Lalu klik Simpan / Save.

Selesai,,, silakan lihat hasilnya pada blog sobat.

Baca Selengkapnya → Memberi Efek Taburan Bintang di Blog

Memberi Efek Hujan Salju di Blog | Tutorial Blog

Memberi Efek Hujan Salju di Blog

Rasanya udah lama saya ga post, baru sekarang bisa update blog, jadi pada kesempatan ini saya akan berbagi salah satu cara untuk mempercantik blog, tutorial singkat kali ini tentang Memberi Efek Hujan Salju di Blog. Efek ini akan sangat bagus jika ditampilkan  pada background(latar belakang) blog berwarna gelap. jika background blog sobat berwarna terang atau mungkin putih, maka efek hujan saljunya akan tidak jelas malah mungkin tidak terlihat.

Langsung aja sob, berikut tutorialnya :

1. Login ke dashboard blogger sobat.
2. Pilih Layout > Add gadget > HTML/JavaScript.
   
   Spoiler : 

   
3. Letakkan script dibawah ini pada gadget.
   
   <script src='http://wadah-tutorial.googlecode.com/files/snow.js.txt' type="text/javascript"></script>
4. Save dan lihat hasilnya.
   
   Spoiler : 

   

Ok sob, sekian dulu tutorial tentang Memberi Efek Hujan Salju di Blog.

Baca Selengkapnya → Memberi Efek Hujan Salju di Blog | Tutorial Blog

Efek Warna berputar di Kursor Blog

lagi lagi kita buat blog kita lebih menarik, kali ini kita coba dengan memberikan efek warna yang berputar d kursor kita.
Dan kali ini, satu lagi ubahsuai yang anda boleh lakukan, iaitu objek berpusing keliling mouse seperti gambar di bawah

Anda juga blog melihat contoh di blog demo ini

Tutorial di bawah.

1. Dari dashboard > design > add a gadget > HTML/javascript.

2. Copy dan paste kod di bawah ke dalam ruangan HTML/javascript yang anda buka.
(tidak faham.?)

<script language="JavaScript" type="text/javascript">

var xCol = "#FF0000";
var yCol = "#FFFF00";
var zCol = "#0000FF";

var n = 6; //number of dots per trail.
var t = 40; //setTimeout speed.
var s = 0.2; //effect speed.

var r,h,w;
var d = document;
var my = 10;
var mx = 10;
var stp = 0;
var evn = 360/3;
var vx = new Array();
var vy = new Array();
var vz = new Array();
var dy = new Array();
var dx = new Array();

var pix = "px";

var strictmod = ((document.compatMode) &&
document.compatMode.indexOf("CSS") != -1);

var domWw = (typeof window.innerWidth == "number");
var domSy = (typeof window.pageYOffset == "number");
var idx = d.getElementsByTagName('div').length;

for (i = 0; i < n; i++)
{
var dims = (i+1)/2;
d.write('<div id="x'+(idx+i)+'" style="position:absolute;'
+'top:0px;left:0px;width:'+dims+'px;height:'+dims+'px;'
+'background-color:'+xCol+';font-size:'+dims+'px"><\/div>'
+'<div id="y'+(idx+i)+'" style="position:absolute;top:0px;'
+'left:0px;width:'+dims+'px;height:'+dims+'px;'
+'background-color:'+yCol+';font-size:'+dims+'px"><\/div>'
+'<div id="z'+(idx+i)+'" style="position:absolute;top:0px;'
+'left:0px;width:'+dims+'px;height:'+dims+'px;'
+'background-color:'+zCol+';font-size:'+dims+'px"><\/div>');
}

if (domWw) r = window;
else
{
if (d.documentElement &&
typeof d.documentElement.clientWidth == "number" &&
d.documentElement.clientWidth != 0)
r = d.documentElement;
else
{
if (d.body && typeof d.body.clientWidth == "number")
r = d.body;
}
}

function winsize()
{
var oh,sy,ow,sx,rh,rw;
if (domWw)
{
if (d.documentElement && d.defaultView &&
typeof d.defaultView.scrollMaxY == "number")
{
oh = d.documentElement.offsetHeight;
sy = d.defaultView.scrollMaxY;
ow = d.documentElement.offsetWidth;
sx = d.defaultView.scrollMaxX;
rh = oh-sy;
rw = ow-sx;
}
else
{
rh = r.innerHeight;
rw = r.innerWidth;
}
h = rh;
w = rw;
}
else
{
h = r.clientHeight;
w = r.clientWidth;
}
}

function scrl(yx)
{
var y,x;
if (domSy)
{
y = r.pageYOffset;
x = r.pageXOffset;
}
else
{
y = r.scrollTop;
x = r.scrollLeft;
}
return (yx == 0)?y:x;
}

function mouse(e)
{
var msy = (domSy)?window.pageYOffset:0;
if (!e) e = window.event;
if (typeof e.pageY == 'number')
{
my = e.pageY - msy + 16;
mx = e.pageX + 6;
}
else
{
my = e.clientY - msy + 16;
mx = e.clientX + 6;
}
if (my > h-65) my = h-65;
if (mx > w-50) mx = w-50;
}

function assgn()
{
for (j = 0; j < 3; j++)
{
dy[j] = my + 50 * Math.cos(stp+j*evn*Math.PI/180) *

Math.sin((stp+j*25)/2) + scrl(0) + pix;
dx[j] = mx + 50 * Math.sin(stp+j*evn*Math.PI/180) *

Math.sin((stp+j*25)/2) * Math.sin(stp/4) + pix;
}
stp+=s;

for (i = 0; i < n; i++)
{
if (i < n-1)
{
vx[i].top = vx[i+1].top; vx[i].left = vx[i+1].left;
vy[i].top = vy[i+1].top; vy[i].left = vy[i+1].left;
vz[i].top = vz[i+1].top; vz[i].left = vz[i+1].left;
}
else
{
vx[i].top = dy[0]; vx[i].left = dx[0];
vy[i].top = dy[1]; vy[i].left = dx[1];
vz[i].top = dy[2]; vz[i].left = dx[2];
}
}
setTimeout(assgn,t);
}

function init()
{
for (i = 0; i < n; i++)
{
vx[i] = document.getElementById("x"+(idx+i)).style;
vy[i] = document.getElementById("y"+(idx+i)).style;
vz[i] = document.getElementById("z"+(idx+i)).style;
}
winsize();
assgn();
}

if (window.addEventListener)
{
window.addEventListener("resize",winsize,false);
window.addEventListener("load",init,false);
document.addEventListener("mousemove",mouse,false);
}
else
if (window.attachEvent)
{
window.attachEvent("onload",init);
document.attachEvent("onmousemove",mouse);
window.attachEvent("onresize",winsize);
}
</script>

3. Save dan lihat hasilnya.

Baca Selengkapnya → Efek Warna berputar di Kursor Blog