Memasang Widget Google PageRank

Google Page Rank merupakan sebuah metode yang digunakan Google untuk mengetahui tingkat popularitas Blog atau website. Pemilik blog biasanya memasang Widget PageRank untuk memperlihatkan ranking blognya kepada pengunjung, untuk mengetahui lebih jauh tentang page rank silahkan Sobat baca di en.wikipedia.org.

Pada tutorial ini akan saya bahas tentang cara Memasang Widget Google PageRank di Blog, Widget ini juga bisa dipasang untuk wordpress.com karena menggunakan kode Html.

Berikut Tutorialnya :

1. Masuk ke www.prchecker.info
2. Lalu isi alamat Blog Sobat dan klik Get It.
   
3. Kemudian isi Anti-bot Code dan klik Generate Now.
   
4. Copy kode yang di berikan sesuai dengan widget yang ingin Sobat tampilkan.
   
5. Selanjutnya Login ke Blogger atau wordpress Sobat.
6. Lalu Paste kode dari prchecker tadi pada widget text Html Blog Sobat.
   Silakan di cek tampilannya pada blog Sobat.

Selain prchecker juga ada website lain yang menyediakan widget Google PageRank dengan banyak pilihan tampilan/style badge, caranya pun mudah.

1. Masuk ke halaman http://getrank.org/pagerank-display/ .
2. Pilih salah satu badge yang Anda suka. Lalu klik badge tersebut.
   
3. Setelah itu akan muncul kode HTML dari badge yang Anda pilih. Copy kode tersebut.
   
4. Selanjutnya Login ke Blog Sobat.
5. Lalu Paste kode tadi pada widget text Html Blog Sobat. Selesai.

Semoga Tutorial singkat ini bisa membantu Anda untuk Memasang Widget Google PageRank.

Artikel Yang Lain :

• Trik Memasang Widget Alexa di Wordpress.com
• Widget untuk Mengetahui Pengunjung Blog
• Membuat Daftar Isi Blog

Read More

Widget untuk Mengetahui Pengunjung Blog

Feedjit (Widget untuk Mengetahui Pengunjung Blog) | Untuk mengetahui siapa dan dari mana saja pengunjung blog kita, kita dapat menggunakan Widget yang satu ini. widget ini juga membantu kita untuk mengetahui waktu kunjungan di blog.

Langkah pemasangan Widget ini pada Wordpress dan Blogspot tidak sama, karena Wordpress.com tidak mengizinkan kode Javascript, oleh sebab itu pada tutorial ini akan saya bahas cara memasang Feedjit di Wordpress.com dan Blogspot.com

Berikut langkah memasang Widget untuk Mengetahui Pengunjung Blog :

• Memasang di WP.com :

1. Masuk ke http://feedjit.com/joinimg/, akan muncul halaman awal dari website penyedia.
   
2. Tentukan lebar dan berapa entri yang ingin Sobat tampilkan, lalu klik Apply.
   
3. Selanjutnya, copy kode dalam kotak
   
4. Lalu paste ke dalam widget Sobat. dan klik Save.
   
   selesai

• Memasang di Blogspot :

1. Masuk ke http://feedjit.com/plansPricing/
2. Klik Sign Up pada Feedjit Completely Free
   
3. Pada halaman selanjutnya atur tampilan widget seperti keinginan Anda.
   
4. Pada bagian untuk menginstall di blog pilih Other Blog or website. lalu klik GO!
   
5. Lalu Copy kode yang diberikan
   
6. Selanjutnya login ke blogger, klik Rancangan > Elemen Laman
   
7. Pilih Tambah Gadget > HTML / JavaScript
   
8. Paste Kode dari Feedjit, dan klik Simpan
   
   Selesai...

Kiranya sampai disini tutorial tentang memasang Widget untuk Mengetahui Pengunjung Blog

Read More

Mempercepat Loading Blog

Mempercepat Loading Blog merupakan salah satu cara untuk meningkatkan jumlah Pageview, jika loading blog Sobat cepat maka pengunjung akan merasa nyaman, karena apa yang ingin di baca akan cepat di tampilkan, sehingga Traffic Blog juga akan meningkat.

Berikut ini beberapa tips untuk mempercepat loading blog versi Tutorial Blog :

• Jangan terlalu banyak membuat label blog
• Kurangi script dari pihak ketiga baik itu berupa widget ataupun kode-kode iklan
• Gunakan widget atau banner seperlunya dan buang yang tidak penting.
• Compress CSS biar ukurannya jadi lebih kecil
  
• Kompress Image supaya lebih optimize
• Gunakan template yang simple dan tidak banyak meload gambar
• Edit Template Supaya Valid XHTML

Kiranya itu saja, moga aja benar, kalau ada yang salah tolong di koreksi, jika ada yang mau menambahkan silakan tulis di kotak komentar.
Sekian Artikel tentang Mempercepat Loading Blog.

Read More

Edit Template Supaya Valid XHTML

Ketika saya menggunakan Validator XHTML Tool untuk mengetahui kode yang error pada blog, ternyata banyak terdapat error pada blog saya, akhirnya saya edit saja templatenya biar lebih valid, dan syukur lah errornya berkurang. Jika Sobat juga ingin Meng-edit template Blog sebaiknya backup dulu template Anda, buat jaga-jaga bila terjadi hal yang tidak di inginkan. Adapun kode HTML yang saya edit pada template antara lain :

• Kode dibawah ini
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
saya ganti dengan kode berikut
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

• Memperbaiki penulisan META Tags
  Contoh
  
  <META content='hG7mdGP3GZvNuz6CXDF58rL2NhgOH4GhtwttcDrGThA' name='compete'/>
  saya rubah menjadi
  
  <meta content='hG7mdGP3GZvNuz6CXDF58rL2NhgOH4GhtwttcDrGThA' name='compete'/>

• Menghapus semua kode ( ---------- )

• Pada kode </head> saya tambahkan kode berikut tepat dibawahnya
<!-- <body><div></div> -->

• Menghapus semua kode quickedit seperti dibawah ini :
<b:include name="quickedit">

• Menghapus Post icon
<span class='post-icons'>
        <!-- email post links -->
        <b:if cond='data:post.emailPostUrl'>
          <span class='item-action'>
          <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
              <img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
          </a>
          </span>
        </b:if>
        <!-- quickedit pencil -->
        <b:include data='post'
name='postQuickEdit'/>
      </span> <div class='post-share-buttons'>
        <b:include data='post' name='shareButtons'/>
      </div> </div>
saya hapus dan ganti dengan kode berikut
<span class='post-icons'>
        <!-- email post links -->
        <b:if cond='data:post.emailPostUrl'>
        </b:if>
      </span>
      </div>

• Menambahkan type="text/javascript" pada semua kode JavaScript yang ada.
<script type="text/javascript" src="http://tutorialblog.googlecode.com/files/dfisi.js"></script>

• Menyembunyikan page navigation di halaman utama, kode
<b:include name='nextprev'/>
saya hapus dan ganti jadi
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<!-- navigation -->
<b:include name='nextprev'/>
</b:if> 

• Menambahkan atribut Alt pada semua gambar
    <img alt="gambar" href="http://2.bp.blogspot.com/-vk3j9GrD30P/GhYf2WEe4mI/bsvjsfnnBF6/a2516/dboss.jpg">

• Memperbaiki atribut title dan alt pada link bergambar
contoh
    <a href="http://www.google.com" title="Google" target="_blank"><img src="http://2.bp.blogspot.com/-vk3j9GrD30P/GhYf2WEe4mI/bsvjsfnnBF6/a2516/dboss.jpg" alt="www.google.com" border="0" /></a>

Sobat juga perlu menghapus beberapa widget bawaan blogger yang tidak valid, silakan cek di validator.w3.org, jika ada hapus widget tersebut.
Selain kode diatas sebenarnya masih ada lagi kode yang lain, cuma karena saya tidak begitu mengerti tentang kode HTML jadi cuma itu yang bisa saya betulkan pada template saya supaya lebih Valid XHTML.

Read More

Mengetahui Kode Error di Blog

Sebuah Blog yang valid XHTML akan sangat mempengaruhi SEO, karena kode XHTML yang valid pada sebuah blog akan mempermudah robot untuk menelusuri halaman blog kita, jadi sebuah blog yang valid XHTML itu Penting sekali, itu menurut beberapa blog yang saya baca.

Saya sebenarnya kurang memahami tentang valid XHTML, tapi menurut saya akan lebih baik jika sebuah blog itu valid XHTML, daripada tidak valid, he...

Menurut pengalaman saya kode XHTML akan tidak valid jika terdapat penempatan kode yang salah (error), Untuk mengetahui kode yang error di blog, Sobat bisa menggunakan tools Validator XHTML Service di validator.w3.org. caranya mudah Sob, tinggal masukin alamat blog sobat lalu klik Check.

Pada halaman selanjutnya Sobat akan diberitahu jumlah Error dan Warning pada Blog Sobat, selanjutnya cek dimana terdapat error, lalu betulkan kode tersebut pada blog Sobat (ini yang sulit). saya katakan sulit karena saya kurang mengerti mengenai kode HTML, buktinya saat saya menulis artikel ini masih terdapat 7 error dan 13 warning pada blog ini. hehe...
Silakan di coba Sob, dan Semoga berhasil...

Read More

Free Backlink Spiderizon

Buat sobat yang ingin mendapatkan Backlink gratis, Sobat dapat mencoba Spiderizon (salah satu generator backlink gratis dan efektif di Internet).

Caranya gampang Sob, ikuti langkah berikut :

• Buat sebuah account Spiderizon gratis
• Tentukan kategori yang sesuai dengan situs web Anda
• Lalu instal sebuah script otomatis di situs web Anda!
• Terakhir klik Process The Script Verification.
  Selesai...

Anda akan menerima backlink secara otomatis berdasarkan kategori Anda setiap harinya.

Powered by Spiderizon, free backlinks.

Read More

Mempercepat Loading Blog dengan Kompress Image

Untuk mempercepat loading blog, selain dengan Compress CSS kita juga perlu mengkompress gambar / image, Anda bisa menggunakan image optimizer dari www.imageoptimizer.net. untuk menggunakannya anda bisa ikuti tutorial dibawah ini:

• Siapkan gambar yang akan di optimize.
• Buka www.imageoptimizer.net.
• Klik Browse dan pilih gambar yang akan di optimiskan
• Tentukan ukuran lebar dan tinggi gambar.
• Lalu klik Optimize Now.
  
• Pada halaman selanjutnya klik Download to your Computer.
  
  selesai...

Untuk lebih cepat Sobat bisa Download softwarenya dan instal pada komputer Sobat.


Untuk langkah mengoptimiskan image :

• Klik kanan pada image pilh Optimize Image As...
  
• Kemudian atur lebar dan tingginya, Lalu klik Optimize
  
  Ok selesai

Silakan di coba Sob, Semoga bermanfaat...

Read More

Mempercepat Loading Blog dengan Compress CSS

Pemakaian kode HTML dan Javascript yang berlebihan tentu akan membuat loading blog menjadi lambat, jadi sebaiknya gunakan kode HTML dan Javascript seperlunya saja, Selain itu kita juga harus memperhatikan pemakaian kode CSS, karena hal tersebut juga berpengaruh terhadap loading sebuah blog, ada baiknya kode CSS template kita kompres biar ukurannya jadi lebih kecil, sehingga loading tampilan blog akan lebih cepat.
Sebagai contoh pada sebuah template biasanya terdapat kode

a:link{
color:#BBDDFF;
text-decoration:none;
}
a:visited{
color:#BBDDFF;
text-decoration:none;
}
a:hover {
#BBDDFF;
text-decoration:underline;
}

Kode tersebut bisa kita kompress secara manual jadi seperti ini:

a:link {color:#BBDDFF; text-decoration:none;}
a:visited {color:#BBDDFF; text-decoration:none;}
a:hover {color:#BBDDFF; text-decoration:underline;}

atau seperti ini:

a:link, a:visited, a:hover {color:#BBDDFF; text-decoration:underline;}

Untuk mengkompress kode CSS pada template, mungkin agak merepotkan karena kodenya cukup panjang. jadi sebaiknya anda menggunakan CSS Compressor Tool biar lebih mudah. Di bawah ini ada beberapa situs yang menyediakan CSS Compressor Tool :

• www.cleancss.com
• CSS Drive Gallery
• CSS Compressor
• Online CSS Optimiser/Optimizer 
• Minify CSS
• CSSTidy Online

Saran saya sebaiknya mengkompress kode CSS-nya jangan langsung semuanya, karena menurut pengalaman saya kode CSS-nya malah ga bisa di Parse, akibatnya blog Anda malah tidak bisa ditampilkan.

OK sekian dulu,,, Silakan di coba...GRATIS !!!

Read More

Tool Untuk Mengetahui Kecepatan Loading Blog

Untuk mengetahui kecepatan loading blog, Anda bisa menggunakan tool page speed, Tool ini memberikan keterangan tentang kecepatan loading sebuah blog saat di tampilkan. Sebagian ada juga yang memberikan keterangan tentang apa saja yang perlu di optimasi pada blog Anda. Dibawah ini akan saya berikan beberapa alamat situs yang menyediakan tool untuk mengecek kecepatan loading blog :

• pagespeed.googlelabs.com
• www.webpagetest.org
• www.iwebtool.com
• tools.pingdom.com
• www.selfseo.com
• www.linkvendor.com

Buat Sobat yang ingin mengetahui loading blognya silakan dicoba situs diatas, buat yang ingin menambah silakan tulis di komentar.
Sepertinya cukup segini aja artikel dari saya tentang Tool untuk mengetahui kecepatan loading Blog.

Read More

Mengganti Template Melalui Menu Edit Html

Untuk Mengganti Template Blog, selain dengan template standart dari blogger, Sobat juga dapat mengganti dengan template dari penyedia template. Pada tutorial kali ini akan saya bahas cara untuk mengganti template melalui menu Edit HTML, sebelumnya download terlebih dahulu template yang ingin Sobat gunakan. untuk daftar Situs Penyedia Template Blog Gratis baca di sini : Situs Penyedia Template Gratis.

Berikut cara untuk mengganti template melalui menu Edit HTML.

• Menganti Template melalui menu Upload :

1. Login ke blogger Anda. Klik Rancangan / Design > Edit HTML.
   
2. Sebaiknya buat backup terlebih dahulu, klik pada tulisan Download Full Template (Download Template Lengkap).
   
3. Klik tombol Browse, dan pilih file template yang ingin Sobat gunakan.
   
4. Kemudian klik tombol Upload / Unggah.
   
   Apabila ada muncul peringatan tentang widget, klik pada tombol Keep Widgets / Pertahankan Widget.
   
   Selesai.

• Selain cara diatas Sobat juga dapat menganti Template dengan cara Copy Paste, berikut caranya :

1. Login ke blogger Anda. Klik Rancangan / Design > Edit HTML. 
2. Backup template anda terlebih dahulu.
3. Buka program notepad atau program sejenis, lalu buka template baru pada notepad tersebut, untuk mudahnya drag file template ke notepad
4. Kemudian Copy semua sript yang ada pada tampilan notepad.
5. Kembali pada tampilan Edit Html di blogger
6. Centang pada kolum Expand Template Widget, tunggu sampai scriptnya tampil semua, lalu hapus.
7. Paste semua sript pada notepad tadi.
8. Klik Preview / Pratinjau untuk melihat hasilnya, jika sudah benar klik Save Template / Simpan Template.
   Selesai

Selamat Mencoba...

Artikel Yang Lain :

• Membuat Daftar Isi Blog
• Memasang Google Translate di Blog
• Cara Mengganti Favicon Blogspot

Read More