Menghilangkan Sidebar Pada Wordpress

Menghilangkan sidebar pada halaman (page) tertentu Wordpress (hosting sendiri) kita perlukan, misalnya pada pemasangan halaman Affiliate Amazon yang membutuhkan space lebih lebar, seperti pada contoh berikut :

Cara menghilangkan sidebar Wordpress

 

Contohnya ada pada halaman SEO Materi di blog ini dan pada website http://geotextile.web.id/buku-geosintetik

Jika menggunakan Wordpress versi 3.0 ke atas, cara menyembunyikan atau menghilangkan sidebar pada page (halaman) tertentu sangat mudah :

1. Login ke dalam Wordpress

2. Klik menu Pages

3. Klik tombol Edit pada Page yang akan dihilangkan sidebar nya

4. Pada menu Page Attibutes bagian Template, pilih : 1 column page (no sidebar)

Cara menghilangkan sidebar Wordpress

5. Lalu klik tombol Update

Sedangkan pada Wordpress versi dibawah 2.5, cara menghilangkan sidebar :

1. Login ke dalam Wordpress

2. Klik menu Presentation –> Theme Editor

3. Pilih file page.php (Page Template)

4. Cari code :

<?php get_sidebar(); ?>

5. Ganti dengan :

<?php if(is_page(’SEO Materi’)) { ?>
<?php }else{ ?>
  <?php get_sidebar(); ?>
<?php } ?>

</div>

6. Lalu klik tombol Update File

Blog, wordpress | No Comments

Mengukur Kecepatan Loading Website atau Blog

Mengukur kecepatan loading website atau blog berfungsi sebagai dasar untuk mengoptimalkan tampilan atau layout website. Sebab semakin ringan suatu web blog untuk dimuat (loading) maka semakin senang pengunjung membuka web kita. Selain itu, kecepatan loading web juga berpengaruh kepada SEO.

Yang dibutuhkan untuk melakukan hal tersebut adalah FIREFOX internet browser dan Addons FIREBUG.

Cara mengukur kecepatan loading wbsite atau blog :

1. Buka Firefox

2. Jika belum di instal Addons Firebug, kunjungi http://getfirebug.com/ lalu klik Install Firebug

3. Setelah terinstal, dipojok kanan bawah akan ada icon bergambar kumbang –> klik icon tersebut

clip_image002

4. Klik menu Net –> klik Enabled

Mengukur kecepatan loading Website Blog

5. Sebelum melakukan pengukuran, lakukan pembersihan Cache dan Cookies pada Firefox dengan cara tekan CTRL SHIFT DEL bersama-sama sehingga keluar menu :

Clear Cookies and Cache

Beri ceklist pada Cookies dan Cache lalu klik tombol Clear Now

6. Untuk mengukur kecepatan loading, klik icon Firebug, lalu kunjungi sebuah website atau blog. Amati proses loading di jendela Firebug

Hasil pengukuran kecepatan loading Website Blog menggunakan Firefox dan Firebug

Perhatikan pada angka di sebelah sisi kanan bawah. Seperti contoh di atas kecepatan loading website www.kopiluwakrajaku.com adalah 2,77 detik.

Blog, Internet, Tutorial | 2 Comments

Search Engine Robot Simulator

Search Engine Robot Simulator adalah sebuah simultor yang bertindak mirip dengan peng-crawler atau peng-index (Bot) dari sebuah search engine. Contohnya adalah Google Bot. Mengapa kita harus tahu perilaku Bot ini ? Agar kita tahu bagaimana sebuah Search Engine merayapi website atau blog.

Di bawah ini adalah contoh dari hasil perayapan Google Bot :

image

Sedangkan jika kita mengunjungi website tersebut diatas menggunakan internet browser, inilah yang kita lihat :

Geotextile website

Perayapan Google Bot di atas diambil dari data yang ada di Google Webmaster Tools. Pertanyaanya sekaran adalah, bagaimana jika kita ingin melihat hasil perayapan Search Engine untuk web / blog lain yang bukan milik kita. Sebab kita tidak bisa mengakses Google Webmaster Tools milik orang lain. Caranya yaitu dengan menggunakan Search Engine Robot Simulator online milik xml-sitemaps.com

Cara menggunakan Search Engine Robot Simulator :

1. Kunjungi http://www.xml-sitemaps.com/se-bot-simulator.html

Search Engine Robot Simulator online  

2. Isikan alamat web / blog pada kolom Webpage URL

3. Pilih Search Engine Type (misalnya, Google)

4. Lalu klik tombol Start, tunggu beberapa saat untuk melihat hasilnya

Search Engine Robot result

Semoga bermanfaat.

Blog, Tutorial, seo | No Comments

Menghilangkan Navbar Blogger (Blogspot)

Menghilangkan Navbar Blogger / Blogspot sangatlah mudah. Hanya dengan menambahkan beberapa baris code, navbar kan hilang atau disembunyikan, sehingga tampilan Blogspot menjadi lebih menarik.

Navbar Blogger

Cara menghilangkan Navbar Blogger :

1. Kunjungi www.blogger.com

2. Lakukan login ke dalam Blogger

3. Klik menu Design –> Edit HTML

4. Tambahkan code berikut :

#navbar-iframe {
display: none !important;
}

sesudah code :

<b:skin><!–[CDATA[/*

lalu klik tombol SAVE TEMPLATE.

Kunjungi kembali blog Anda dan perhatikan perubahan yang terjadi.

Semoga bermanfaat

Blog, Tutorial | 2 Comments

Mengganti Favicon Blogger (Blogspot)

Mengganti Favicon pada Blogger / Blogspot, sekarang menjadi sangat mudah. Sekarang tidak usah harus edit html code nya, tetapi cukup di dashboard Blogger.

Favicon Blogger  menjadi  Favicon Blogger modif

Cara mengganti favicon blogger adalah :

1. Kunjungi http://draft.blogger.com

2. Lakukan login ke dalam Blogger

3. Masuk ke menu Design –> Page Element

4. Pada bagian Favicon klik Edit

Blogger Favicon Edit

5. Siapkan image file ber extension .ico, jika belum belum mempunyai file .ico bisa melakukan convert image ke ico secara online, dengan berkunjung ke http://iconverticons.com/

Online image converter to Ico

6. Melanjutkan langkah 4. Lakukan upload file .ico ke Blogger. File icon ini size tidak boleh lebih dari 10 kB. kemudian klik Save.

Blogger Configure Favicon

Semoga bermanfaat.

Blog, Tutorial | No Comments

Memasang Twitter Timeline Pada Blog

Pernah kah Anda melihat Twitter Timeline yang dipasang di blog  sepert di bawah ini ?

 

 

Fungsi Twitter Timeline yang dipasang di bagian sidebar blog, seperti di atas adalah :

1. Agar pengunjung blog bisa membaca update terbaru dari pemilik account Twitter

2. Mendatangkan lebih banyak Follower

Cara memasang Twitter pada blog atau website adalah :

1. Login ke account Twitter

2. Klik menu Profile, lalu klik Edit Your Profile

3. Pada halaman Setting, klik menu Profile

4. Klik pada : You can also add Twitter to your site here

Baca lebih lanjut…

Blog, Tutorial, Twitter | No Comments

Blogger Tips : Menghemat Space Server Hosting

image Untuk para blogger yang mempunyai blog yang menggunakan sewa server hosting, dapat melakukan penghematan space hosting dengan cara, menempatkan image/foto blog di server image gratis, misalnya image server hosting milik Google, PICASA. Seperti kita ketahui, image/gambar/foto memiliki ukuran yang cukup besar, mungkin lebih dari 100 KB. Jika seorang blogger mengupdate blog setiap hari, dan mengunakan image pada setiap postingnya. Maka dalam sebulan, image akan menghabiskan space hosting 100KB x 30 = 3000 KB = 3,0 MB. Dan dalam setahun bisa menghabiskan space 12 x 3,0 MB = 36 MB. Jika hosting yang kita sewa hanya 100MB maka space hosting tersebut, akan habis dalam waktu maksimal 3 tahun.

Prosenya cukup sederhana, image/gambar diupload ke PICASA, kemudian link image di copy, dan link tersebut disisipkan (insert) di blog.

Berikut langkah-langkah detailnya :

Baca lebih lanjut…

Blog, Tutorial | No Comments

Blogspot Kini Mendukung Format Mobile

Walaupun masih dalam taraf konsep, blog gratis milik Blogger atau Blogspot kini sudah mendukung format mobile. Artinya ketika suatu blog diakses menggunakan Gadget Mobile seperti Handphone atau Blackberry maka tampilannya menyesuaikan dengan peralatan mobile tersebut, sehingga loadingnya menjadi lebih ringan karena menghilangkan elemen seperti sidebar dan image header.

Perhatikan screen shoot dibawah ini :

Gambar 1. Blogspot Dalam Format Desktop

Blogspot dalam Format Desktop 

Gambar 2. Blogspot Dalam Format Mobile

  Blogspot dalam Format Mobile

Baca lebih lanjut…

Blog, Tutorial | No Comments