Merubah Title Blogspot

Pengertian sederhana SEO atau Search Engine Optimizer atau Search Engine Optimizing menurut saya pribadi berarti membuat konten (materi) dari portal, website, blog dikenali dan didata (diindeks) oleh search engine seperti Google, Yahoo, Bing, Lycos, dan search engine lainnya secara lebih optimal. Harapannya ketika orang atau user mencari sesuatu di internet melalui search engine dengan kata kunci (keyword) tertentu maka konten yang kita miliki dalam portal, website, atau blog dapat muncul dalam hasil pencarian.

SEO sendiri akan dianggap berhasil, jika posisi kita dalam halaman hasil pencarian berada pada urutan halaman-halaman awal, sebisa mungkin halaman pertama. Tapi tentu saja apa yang dicari oleh orang tersebut sesuai dengan konten yang kita miliki. Jadi tujuan akhir dari SEO ini adalah mendatangkan traffic(kunjungan) yang lebih banyak melalui search engine.

Dari pengertian sederhana di atas, saya ingin menginformasikan trik sederhana yang bisa dimanfaatkan oleh temen-temen yang baru belajar ngeblog atau ingin belajar bikin blog dengan Blogspot. Trik berikut berkaitan dengan Title tulisan/artikel dalam Blogspot dengan template/themes standar. Secara default (standar) title pada Blogspot adalah Judul (Nama) Blog itu sendiri (saat kita membuka Home, sedangkan saat membuka salah satu artikel maka title yang muncul adalah Nama Blog dilanjutkan dengan Judul Artikel.

Untuk format Title standar seperti di atas, bagi search engine kurang optimal, karena seluruh konten kita akan diawali oleh judul blog yang sama (apalagi jika judul blog kita panjang). Berbeda hasilnya jika Title diawali oleh Judul Artikel baru diikuti judul (nama) Blog, dengan demikian konten yang didata (diindeks) oleh search engine lebih bervariasi dan kemungkinan muncul dalam hasil pencarian halaman depan lebih besar.

Untuk merubah format Title di atas relatif mudah, berikut langkah-langkahnya. Setelah masuk ke panel admin, kita masuk ke menu Edit HTML.

Selanjutnya kita cari script Title seperti dibawah ini (script ini ada pada bagian atas, penulisan script secara default/standar ini ada pada template Blogspot standar, ada kemungkinan jika kita gunakan template bikinan pihak ketiga, maka penulisan script Title itu sendiri mungkin juga sudah berubah).

view plainprint?

1. <b:include data='blog' name='all-head-content'/>  
2. <title><data:blog.pageTitle/></title>  
3. <b:skin><![CDATA[/*  

Ganti script yang diberi tanda merah dengan script baru di bawah ini dan simpan template tersebut.

view plainprint?

1. <b:if cond='data:blog.pageType == &amp;quot;index&amp;quot;'>  
2. <title><data:blog.title/></title>  
3. <b:else/>  
4. <title><data:blog.pageName/> | <data:blog.title/></title>  
5. </b:if>  
6. <b:skin><![CDATA[  

Sekarang coba buka salah satu artikel dalam blog kita dan perhatingan Title-nya, jika berhasil maka sekarang format penulisan sudah berubah menjadi judul tulisan berada di depan diikuti judul blog. Dengan demikian title tulisan kita sudah lebih optimal, dan tinggal kita tunggu robot search engine mendata (mengindeks) konten blog kita.

Itu tadi sekilas informasi tentang format penulisan Title yang dianggap mampu mengoptimalkan SEO, semoga bermanfaat dan selamat mencoba.

Read more...

Mengganti Header Blog di Blogspot

Pertama kali orang melihat blog, mayoritas mereka melihat header blog tersebut.. Kesan pertama terhadap blog yang mereka kunjungi adalah bagaimana header blog tersebut mencerminkan isi atau konten dari keseluruhan blog. Untuk blogspot blog, tampilan header (pakai gambar atau hanya tulisan saja) biasanya tergantung dari template yang kita gunakan. Ada kalanya, format keseluruhan template blogspot sudah sesuai dengan keinginan kita, namun gambar headernya tidak cocok dengan isi blog kita. Jika demikian kasusnya, kita perlu mengganti header blog agar sesuai dengan konten.

Bagaimana mengganti header blog blogspot? Untuk mengganti header blogspot, ada beberapa cara yang bisa kita lakukan. Cara termudah adalah dengan melalui pengaturan add and arrange page element (tergantung template yang digunakan. sebagian besar template blogspot mendukung penambahan gambar di header lewat menu ini). Untuk mengganti header blogspot dengan cara ini, login ke dashboard blogger.

Masuk ke tab Layout. Pada kotak Header (sesuai judul blog anda) klik Edit.

Pada jendela baru yang muncul, klik Browse untuk mencari gambar yang akan digunakan sebagai header. Sebaiknya sebelum melakukan ini, kita harus menyediakan image yang akan kita pakai sebagai header, dengan ukuran sesuai ukuran header (jika tidak tahu ukuran headernya, beri tanda centang pada Shrink to fit dimana ukuran gambar akan disesuaikan dengan ukuran header). Pilih behind title and description jika gambar yang anda masukkan tidak mengandung teks judul, karena ini berarti judul dan deskripsi blog akan ditampilkan. Sebaliknya, jika anda membuat gambar header komplit dengan tulisan judul dan deskripsinya, pilih instead of title and description yang mana pilihan ini akan menyembunyikan judul dan deskripsi. Klik Save. Kini blog anda sudah mempunyai header yang sesuai dengan keinginan anda (tentunya disesuaikan dengan tema blog).

Cara lain untuk mengganti header blogspot adalah melalui pengaturan kode CSS. Caranya, dari dashboar blogger, masuk ke blog yang akan kita ganti headernya. Masuk ke tab Layout > Edit HTML. Pastikan anda selalu membackup template sebelum mengubahnya (caranya dengan klik Download full template) agar sewaktu-waktu ada kejadian yang tidak kita harapkan, kita bisa kembalikan lagi template seperti semula.

Pada menu Edit HTML, beri centang Expand Widget Template. Tekan tombol Ctrl + F bersamaan untuk memanggil fungsi pencarian. Ketikkan header pada kolom Find untuk mencari kode css header. Anda juga bisa menscroll mouse untuk melakukan pencarian ini, tapi tidak praktis.Cara kedua ini  tidaklah sulit, namun jika Anda tidak ingin pusing-pusing membuat gambar sendiri, Anda bisa memanfaatkan website penyedia gambar yang gratis, seperti: freewebpageheaders.com, smashingmagazine.com dan lain.

Adapun cara download gambar di freewebpageheaders.com adalah sebagai berikut:

1. Klik Daftar Sekarang untuk membuka halaman situsnya;
2. Klik Register untuk mendaftar.
3. Klik Agree. Kemudian Anda akan diminta untuk mengisi Registration form. Form ini terdiri dari 2 bagian yaitu : Required info dan Optional info. Required info merupakan info yang harus Anda berikan untuk pendaftaran sedangkan Optional info merupakan info yang digunakan untuk menampilkan data Anda kepada pengunjung saat Anda login. Jika Anda merasa tidak perlu maka diabaikan saja untuk bagian ini.
4. Klik Submit Registration Form, lalu Anda akan mendapat pesan supaya membuka email untuk mengaktifkan account Anda.
5. Buka email yang Anda gunakan untuk mendaftar. Klik pada link yang diberikan untuk mengakftifkan account Anda.
6. Jika sudah, Anda akan mendapat pesan bahwa account Anda sudah diaktifkan.
7. Klik Return to the front page of free Web Page Headers.
8. Lalu klik Login untuk mendowload gambar header.
9. Pilih kategori header yang Anda inginkan. Jika Anda sudah menemukan gambar yang cocok. Klik pada gambar tersebut lalu klik Download.
10. Kemudian gambarnya akan terbuka pada halaman baru. Klik kanan pada gambar lalu pilih Save Image As lalu tekan Save.
11. Selesai. Sekarang gambar sudah tersimpan di komputer Anda.

Langkah selanjutnya Cara Mengganti Header Blog pada Blogger, yang pertama dilakukan yaitu mencari tahu berapa ukuran header pada template Anda, caranya:

1. Klik Rancangan->Edit HTML.
2. Cari kode #header-wrapper. Supaya mudah untuk mencarinya, tekan Ctrl+F ketikkan #header-wrapper lalu tekan Next.
3. Jika sudah ketemu biasanya ada kode width dan height disekitarnya. Misalnya seperti ini:
   

   #header-wrapper {
   width:975px;
   height:130px;
   margin:0px;
   padding:0px;
   text-align:left;
   background:#FFF url("http://i977.photobucket.com/albums/ae258/SPN_photo/HeaderMaskolis-New.jpg") no-repeat right ;
   }

   Keterangan:
   width:975px; adalah panjang header
   height:130px;adalah lebar header.
   
   Agar gambar Anda sesuai dengan ukuran header template, maka gambar Anda harus diresize menjadi 975x130 pixel. Untuk merizenya Anda bisa menggunakan program pengolah gambar seperti Ms Paint, ACD See, Photoshop atau lainnya.
4. Setelah selesai. Masuk ke Dashboard Blogger Anda lagi, pilih Rancangan => Page Elements.
5. Klik Edit pada bagian Header.
6. Kemudian akan muncul halaman baru, pilih Browse from your computer, jika gambarnya disimpan dikomputer atau Browse from the web, jika gambarnya disimpan di image hosting seperti: Imageshack, Photobucket atau Geocities.
7. Pada bagian Placement. Pilih Behind title and description, jika Anda ingin manampilkan gambar dibelakang judul dan deskripsi blog atau pilih Instead of title and description, jika Anda ingin menyembunyikan judul dan deskripsi blog.
8. Lalu klik Save, selesai.

CATATAN:

• Tidak semua template bisa dipasang gambar, karena ada yang hanya menggunakan teks saja oleh karena itu pilihlah template yang sesuai kebutuhan.
• Jika cara di atas sulit diterapkan pada blog Anda, isi kotak komentar yang ada di bawah siapa tau saya bisa bantu.

Demikian tadi tutorial memasang header dari saya semoga dapat bermanfaat bagi teman-teman semua.

Read more...

idhostinger - Hosting web paling popular dan kapasitas besar

Hosting adalah tempat penyimpanan files pada server yang merupakan syarat utama dalam pembuatan website. ada banyak sekali layanan hosting, baik itu gratisan atau yang premium atau yang berbayar, namun hosting yang menyita banyak perhatian tahun lalu adalah hosting yang akan saya bahas disini, yaitu idhostinger. sebuah hosting asli indonesia yang sangat popular sepanjang tahun kemarin dan menjadi hosting paling banyak digunakan oleh orang indonesia maupun luar negri.

Daftar idhostinger Disini

Layanan penyimpanan server hosting idhostinger memberikan sobat bagasi31.blogspot.com semua solusi bagaimana seoran pemula dan calon pemilik website yang ingin dan baru belajar membuat sebuah website untuk menaruh file-file html, php, image script dll guna bisa diakses oleh publik sebagai website secara gratis. disini idhostinger memberikan space ruang penyimpanan sebesar 2 GB lebih, yang saya rasa untuk sebuah web pembelajaran ataupun web ringan sudah sangat.

Lantas apa saja fitur idhostinger ?

Fitur yang ditawarkan oleh idhostinger ini sudah sangat cukup untuk memenuhi standar kebutuhan seorang developer untuk membuat sebuah website. support pada teknologi pemrograman web PHP dan database MySQL. Kedua teknologi ini sudah dikenal banyak dipakai oleh website-website besar, misalnya Wikipedia dan WordPress. Layanan dari Hostinger ini juga menyediakan bandwidth sebesar 100 GB, fitur site builder, dan menjamin tidak ada iklan atau banner yang disisipkan di website penggunanya. Untuk konsultasi dan berinteraksi dengan sesama pengguna, Idhostinger juga menyediakan halaman forum.

• Keunggulan

Space atau kapasitas 2 GB yang ditawarkan secara gratis sangat menarik. Support teknologi web berbasis PHP dan MySQL cukup membantu para webmaster dan blogger yang ingin mengembangkan aplikasi atau web menggunakan teknologi yang paling umum dipakai di internet

• Kekurangan

 Tentu saja yang namanya aja hosting gratis, jadi kadang kala server bisa down kalo trafiknya sangat tinggi pada saat bersamaan, serta jaminan privasi dan keamanan web menjadi faktor yang perlu dipertimbangkan calon pengguna. Jaminan akan hal-hal di atas tentu berbeda dengan layanan hosting berbayar. Mungkin layanan gratis yang ditawarkan lebih cocok digunakan sebagai media uji coba website, atau digunakan untuk web yang tidak begitu memperhatikan faktor up time dan keamanan web.

Read more...

UPDATE !!! Cara Mengganti Domain Blogspot Menjadi .com

Perubahan ini sangatlah bermanfaat karena dapat membuat blog kita tampil lebih profesional, keren, dan lebih personal.

Pada update tutorial kali ini, saya ingin mencoba memperbaharui langkah-langkah pengalihan domain blogspot menjadi dotcom atau langsung menggunakan top level domain (TDL), bukan lagi subdomain dari blogspot. Sehubungan dengan adanya perubahan atau optimalisasi dari pihak Idwebhost terkait tampilan halaman manage domain, maka langkah-langkahnya pun diperbaharui.

Langsung saja kita beraksi

Cara Mengganti Domain Blogspot Menjadi .com / .net / .info / .org / Dll...

1. Siapkan domain anda !!! Jika belum punya domain, anda perlu membelinya terlebih dahulu. Sebaiknya, belilah domain di Webhosting lokal saja agar lebih mudah (pembayaran dan supportnya). Seperti di KiosGalesong.net atau IDwebhost (Reccomended dehh)

Lihat disini : Cara Membeli Domain dan Hosting Murah

2. Login ke blog anda, lalu pilih menu Setting / Setelan, kemudian klik : Tambahkan domain khusus

3. Masukkan nama domain anda pada kolom yang tersedian (tulis lengkap dengan www.). Setelah itu klik petunjuk setelan.

Kamu akan dialihkan ke halaman lain untuk melihat kode CNAME dan A Record yang nantinya akan dipergunakan pada pengaturan domain.

4. Pilih "On a top-level domain (www.example.com)" . Disini kamu dapat melihat kode CNAME dan A Record

Klik untuk memperbesar gambar !!

Keterangan:
CNAME dan A Record akan dipergunakan pada langkah ke 6 dari panduan ini. Perlu diperhatikan, terdapat dua 'pasang' CNAME dan terdapat 4 IP A Record.

First CNAME : Name Host adalah " www " sedangkan Target atau Value adalah " ghs.google.com "

Second CNAME : Name Host adalah " ZOMU7IBI3NJS " sedangkan Target atau Value adalah " gv-5XDFI5PKX5BTZW.dv.googlehosted.com. "
Second CNAME bersifat unik atau kodenya berbeda di setiap blog. Kode di atas hanya sebagai contoh saja ;)

Kode CNAME adalah yang berada diantara tanda kutip.

Sementara A Record adalah :

216.239.32.21

216.239.34.21

216.239.36.21

216.239.38.21

5. Login ke panel admin untuk domain kamu. Jika membeli domain di KiosGalesong.net atau IDwebhost maka login ke : Idwebhost.com/manage.

Pilih menu "Kelola" yang terdapat di sebelah kiri, lalu klik "Kelola Domain"

Kemudian pilih "Manage DNS"

Setelah itu akan tampil halaman seperti ini:

Setting CNAME Records terlebih dahulu, setelah itu baru beralih ke A Records

6. Pilih CNAME Records. Kemudian klik "Tambah CNAME Record". Masukkan CNAME (sebagaimana ditunjukkan pada langkah ke 4 di atas) pada kolom yang tersedia. Ikuti panduan gambar berikut:

a. First CNAME Record

b. Second CNAME Record

7. Pilih A Records. Kemudian klik "Tambah A Record"

Ulang langkah ini dengan menginputkan kode IP yang lain, yaitu : 216.239.34.21, 216.239.36.21 dan       216.239.38.21

8. Pengaturan manage DNS telah selesai, secara default butuh waktu 1x24 jam untuk resolve domain, namun biasanya sekitar 6-7 jam sudah mengarah.

9. Bersantailah sejenak !!! keluar dari kamar dan hiruplah udara segar. Setelah sekitar 6 - 7 jam, ulangi proses atau langkah pada poin ke 2 & 3  di atas lalu klik "SIMPAN" (bukan lagi "petunjuk setelan").

Jika terdapat pesan error, abaikan saja!!! Hal itu berarti kamu harus lebih bersabar beberapa saat lagi hingga proses resolve domain berhasil.

10. Setelah berhasil mengalihkan domain blogspot ke domain dot com yang baru. Satu langkah lagi tersisa.

Klik Edit pada domain yang baru saja anda alihkan. Lalu Centang pengalihan domainkamu.com ke www.domainkamu.com ... 

Selesai ... ;)

Read more...