Tampilkan postingan dengan label Tips Trik Blogger. Tampilkan semua postingan
Tampilkan postingan dengan label Tips Trik Blogger. Tampilkan semua postingan

Dasar-Dasar Teknik SEO On Page

Dasar-Dasar Teknik SEO On Page | Gho Blog's - Posting kali ini temanya "Dari Pemula Untuk Pemula", jadi buat yang udah master dalam hal SEO cukup senyum aja, karena tips yang akan saya bagikan ini udah basi buat yang ahli SEO... hehehehehe....

Maklum saya masih newbie dalam hal SEO, jadi infonya juga difokuskan buat para blogger newbie. Buat yang udah ahli, mohon masukkannya aja jika ada yang kurang dan salah.

Sebelumnya, kita berkenalan dulu dengan apa yang namanya SEO, kalau pengertian dalam versi saya, SEO (Search Engine Optimization) adalah teknik-taknik yang digunakan agar web/blog kita bisa mendapatkan rangking tinggi di search engine, terutama Google. Karena  semakin tinggi rangking di Google, maka blog/web kita akan semakin didepan pada hasil pencarian Google alias masuk page one / halaman pertama Google.

Sedangkan SEO On Page adalah optimasi yang dilakukan didalam web/blog sobat, artinya ada beberapa hal yang harus sobat perhatikan agar web/blog sobat bisa lebih maksimal di mata Google. Disini saya hanya akan memberikan trik-trik dasarnya saja, untuk tingkatan lebih lanjut sobat bisa belajar dari blogger yang memang sudah ahli dibidang SEO.

Berikut ini beberapa teknik dasar yang harus diperhatikan pada SEO On Page :

1. Title
Title adalah judul web/blog, usahakan judul web/blog sobat sesuai dengan keyword yang sobat incar. Adapun cara membuat title yang baik adalah sebagai berikut :
  • Panjang karakter sebaiknya kurang dari 65 karakter saja, singkat, jelas, padat dan berisi keyword yang diinginkan.
  • Sobat bisa menggunakan 3 keyword sekaligus, dan sebagai pemisah gunakan tanda "|".
  • Sebaiknya tidak menggunakan kata-kata penghubung seperti : dan, untuk, yang dan lain-lain.
  • Jangan mengulan kata yang sama lebih dari 3 kali. Penggunaan berlebihan dapat menyebabkan Google melakukan pinalti karena dianggap melakukan kecurangan atau SPAM.


2. Meta Description dan Meta Keyword
Meta Description adalah uraian singkat mengenai isi web/blog sobat yang akan ditampilkan di hasil pencarian search engine. Sedangkan Meta Keyword adalah kumpulan keyword yang menggambarkan isi dari web/blog sobat. Cara memasukkan script meta description dan meta keyword diblog adalah sebagai berikut :

  • Login ke blog sobat => pilih Tamplate dan masukkan script berikut di bawah <head>
  • Ganti kata "Your description here" dengan deskripsi blog sobat.
  • Ganti kata  "Keyword1, Keyword2, Keyword3 dan seterusnya" dengan keyword blog sobat.


3. Penggunaan H1 dan H2
H1 dan H2 adalah kode html yang merupakan singkata dari heading 1 dan heading 2. Teks apapun yang diapit oleh oleh kode H1, ukuran hurufnya akan menjadi besar, begitu juga dengan H2, hanya saja ukuran hurufnya lebih kecil dari H1. Pastikan keyword yang sobat inginkan juga dimasukkan kedalam teks yang diapit oleh H1 dan H2.

Contoh kode :
<H1>Ini adalah kalimat yang diapit oleh kode H1</H1>
<H2>Ini adalah kalimat yang diapit oleh kode H2</H2>

Hasilnya seperti ini :

Ini adalah kalimat yang diapit oleh kode H1

Ini adalah kalimat yang diapit oleh kode H2




4. Penggunaan Alt Tags Image
Alt Tags Image adalah keyword yang tertanam didalam gambar, karena sebuah blog/web tidak hanya berisi teks saja tapi juga berisi gambar. Selain itu, ada baiknya jika file gambar tersebut diberi nama yang sama dengan keyword yang diinginkan.

Contoh kode html image tanpa alt tags :

Contoh kode html image menggunakan alt tags



5. Penggunaan Keyword Di Halaman Blog/Web
Teknik ini adalah menyertakan keyword yang sobat inginkan didalam halaman blog ataupun pada posting blog sobat. Adapaun kriterianya sebagai berikut :
  • Dalam menuliskan keyword pada posting sebaiknya menggunakan huruf besar, huruf tebal, huruf miring ataupun tanda kutip.
  • Masukkan keyword pada paragraf awal dan paragraf akhir posting blog sobat.
  • Gunakan Anchor Text pada Link.
Untuk point 1 dan 2, saya rasa sudah cukup jelas, saya akan membahas sedikit maksud Anchor Text pada Link seperti yang disebutkan pada point ke-3. Contoh penggunaan Anchor Text Link adalah seperti kode dibawah ini : 

<a href="http://gho-blogs.blogspot.com" target="_blank">Gho Blog's</a>

Tulisan berwarna biru itulah yang disebut Anchor Text Link. Jadi, daripada sobat membuat link http://gho-blogs.blogspot.com/, lebih baik sobat membuatnya dalam bentuk Anchor Text Link, sehingga hasilnya akan seperti ini : Gho Blog's yang keduanya jika dklik akan sama membawa sobat menuju http://gho-blogs.blogspot.com/.



Sekian dulu posting saya yang berjudul Dasar-Dasar Teknik SEO On Page. Semoga bermanfaat buat kita sesama blogger pemula. Dan buat yang udah master dan ahli dibidang SEO, mohon masukkannya agar ilmu yang saya sampaikan bisa lebih berkembang lagi.


Cara Membuat Kotak Pesan Admin Di Blogger

Cara Membuat Kotak Pesan Admin Di Blogger
Gho Blog's - Apa kabar sob...?? Hari ini saya akan membagikan sedikit tips dan tutorial blogger tentang Cara Membuat Kotak Pesan Admin Di Blogger seperti yang berada di blog ini tepatnya dibagian bawah posting.

Sebelumnya saya ucapkan terima kasih buat http://catatan-google.blogspot.com, karena saya mendapatkan contoh scriptnya dari sana dan kemudian saya lakukan sedikit modifikasi pada warna dan isi pesan.

Buat sobat yang berminat dan ingin membuat kotak pesan seperti ini, silakan ikuti langka-langkah berikut ini :
  • Login ke akun blogger sobat.
  • Pilih Template/Rancangan ==>Edit HTML ==> Proccess/Lanjutkan ==> Cheklist Expand Template Wdidget.
  • Cari kode ]]></b:skin>, kemudian pastekan kode berikut tepat diatasnya :

  • Kemudian cari kode <div class='post-footer'>, dan pastekan kode dibawah ini tepat diatasnya :

Keterangan :
Pada kode <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiu89AiigX_jParPYTsYbw2epPLjvZtObBq29MVNxNsadzXdWRQDDY3_DwPzB_wnAKZF1r2lietRRmoBPme2tFhBbDh4ZpQlJIq4hXB0X71z1mJB7OAA2GxKgNGWUNHUc8Q85cvsxQUV3l9/s1600/pp.jpg'/> diatas, gantilah dengan url foto/gambar profil sobat dan sobat juga bisa menggati kata-kata pada kotak pesan tersebut sesuai keinginan.

Sekian tutorial blog dari saya yang berjudul Cara Membuat Kotak Pesan Admin Di Blogger. Selamat mencoba dan semoga bermanfaat.

Membuat Status Maintenance Pada Blogger

Membuat Status Maintenance Pada Blogger
Posting kali ini saya akan membahas bagaimana caranya membuat status Under Maintenance pada blog terutama pada pengguna blogger.com

Kenapa saya membuat posting ini...?
Karena ini adalah bagian dari pengalaman saat saya selama proses pergantian domain blog. Yang jadi masalah bukan proses perubahan domainnya, tapi setelah domain berubah banyak settingan yang harus saya set ulang dan banyak pula link yang error sehingga saya harus mengupdate nya.

Karena masalah-masalah diatas, saya harus menutup sementara blog ini selama beberapa hari agar visitor tidak ikutan menikamati link-link error disini.

Sekarang bagaimana caranya agar kita bisa menutup sementara blog tetapi URL masih dalam keadaan aktif, maksudnya, saat visitor membuka link kita...,, mereka akan dibawa ke alamat blog kita, tapi blog kita hanya menampilkan sebuah pesan dalam bentuk gambar yang memberikan informasi bahwa blog tersebut dalam status maintenance seperti gambar dibawah ini.

Membuat Status Maintenance Pada Blogger

Langkah-langkah :
  1. Login keblog sobat, kemudian pilih Template
  2. Klik tombol Edit HTML --> Proccess --> beri tanda centang pada Expand Template Widget
  3. Cari kode ]]></b:skin> 
  4. Gunakan pencarian agar mempermudah dalam menemukan kode diatas dengan cara menekan Ctrl + F di keyboard sobat
  5. Masukkan script berikut tepat diatas ]]></b:skin> kemudian Save Template

html 


height: 100%; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi97ORne6BtMTYTwFrm7ej8Ha2gzIFUw8HjerdJmypyfno1EN10Sz1ilj3SWeOoQLLqx_C862mbP0YC0V9q2rsynaS-MpUuU_hC1oRRhLPw-6qCNa2e8diyyiyaCOEEJoVcr0kLPNszexGz/s400/maintenance.jpg) no-repeat center 50%; margin: 0; 


body 
display: none; 
}
Sobat bisa mengganti URL berwarna merah pada script diatas dengan URL gambar kreasi sobat sendiri.

Cara lain untuk membuat Status Under Maintenance adalah dengan cara menutup akses visitor ke blog kita dengan cara sebagai berikut :
  • Login keblog sobat, kemudian pilih Setting
  • Pada bagian Blog Readers klik link Edit 
  Membuat Status Maintenance Pada Blogger
  • Setelah itu tandai pilihan Only blog author kemudian klik Save changes
 Membuat Status Maintenance Pada Blogger

Sekian dulu tips hari ini,, semoga bermanfaat aja sob...
Salam...



Membuat Recent Post Dengan Gambar Di Blogger

Membuat Recent Post Dengan Gambar Di Blogger
Mungkin posting kali ini udah basi dikalangan para blogger semua, tapi tetep ga ada salahnya saya sedikit berbagi trik dan cara menambahkan widget Recent Post / Posting Terakhir / Posting Terbaru.

Dan saya juga yakin kalo sobat semua juga tau kalo blogger menyediakan widget bawaan untuk menampilkan Recen Post ini, namun dari yang saya liat kita gak bisa menambahkan gambar pada widget tersebut. Tapi bener ato gaknya saya juga kurang tau, maklum saya masih pemula.... hehehehehe

Sedikit sharing aja nih buat sobat yang berminat, tapi kalo gak...,, gak dipaksa koq..... hehehehehe.

Kalo sobat mau tau gimana tampilan dari widget Recent Post ini, sobat bisa lihat disebelah kanan blog ini, tu yang saya kasi nama "Artikel Terbaru".

Berikut langkah-langkahnya :
  1. Login ke akun blogger pake email ma password blog sobat, jangan pake email ato password orang lain... hhehehehe
  2. Pilih Layout, kalo bahasa Indonesianya Tata Letak
  3. Klik Tambah Gadget ato dalam bahasa kampung saya Add a Gadget (Kampung yang mana yah....???)
  4. Pilih yang HTML/Javascript trus masukkin script berikut ini :


Keterangan :
  • Script numpost =5 berarti jumlah posting yang ditampilkan adalah 5, sobat bisa menggantinya sesuai keinginan sobat.
  • Script home_page = "http://gho-blogs.blogspot.com/"; silakan sobat ganti dengan URL blog sobat sendiri, bukan URL blog tetangga... hehehehe...
  • Pada bagian paling bawah ada yang namanya posting_terbaru.js, itu Jquery yang saya simpan di hosting saya, sebaiknya sobat download Jquery tersebut dan sobat upload ke hosting sobat sendiri dan ganti URL nya dengan URL hosting sobat, untuk downloadnya silakan sobat Klik Disini, tapi kalo males dan ga mau ribet, biarin aja deh pake aja yang ada dihosting saya....
  • Tinggal klik simpan aja buat finishing nya.....
Semoga bermanfaat aja postingnya,, maklum udah lebih seminggu gak ngeblog, semoga ga kaecewa aja ma tulisan yang saya bikin kali ini, karena saya juga bingung mau buat posting apa... hehehehehe...



Cara Memasang TV Online Di Blog

Cara Memasang TV Online Di Blog
Setelah melihat TV online di beberapa blog dan website, saya menjadi penasaran bagaimana cara membuatnya....??

Maklum, di kamar belum ada TV, males keruang tengah cuma buat nonton TV doank..., berhubung saya cuma punya laptop dan jaringan internet yang baik, saya memanfaatkan fasilitas TV online buat ngilangin suntuk.
(Kenapa jadi curhat nih....... hehehehe)

Kalo dipikir-pikir asik juga bikin TV online sendiri diblog ini, dari pada repot-repot buka blog lain cuma buat nonton TV, mendingan buka blog sendiri.

Setelah berputar-putar sejenak didunia maya, akhirnya saya dapat caranya, ternyata very simple...., dan walaupun chanelnya gak banyak,, bisa dibilang lumayanlah....
Kalau sobat tertarik, dan pingin punya TV online di blog sendiri berikut langkahnya :

Silakan sobat copy script berikut ini dan letakan diblog sobat, jangan lupa gunakan HTML mode untuk meletakkan scriptnya.


Jika script ini berhasil, sobat bisa memilih chanel yang tersedia melalui tombol berwarna merah yang terletak dibagian bawah layar.

Cara Memasang TV Online Di Blog

Untuk full screen layar, sobat cukup menekan tombol yang dilingkar seperti dibawah ini :

Cara Memasang TV Online Di Blog

Untuk mengembalikan ke screen normal, sobat tinggal tekan tombol Esc pada keybord sobat...

Sebenarnya dibutuh kan jaringan internet yang bagus, kalo bandwidth sobat pas-pasan dijamin bakalan kesel, karena kualitas gambarnya putus-putus. :)


Selamat Mencoba......



Cara Setting Domain Di co.cc

Cara Setting Domain Di co.ccMelanjutkan posting sebelumnya, setelah kita melakukan registrasi di http://co.cc kita harus melakukan beberapa settingan terlebih dahulu baik itu di co.cc maupun di akun blog kita agar domain bisa berjalan dengan baik. 

Sebelum anda mengikuti langkah-langkah diposting ini, pastikan anda sudah mendaftar di http://co.cc terlebih dahulu. Untuk mengatahui cara mendaftar silakan anda baca posting saya yang berjudul Cara Mendaftar Di co.cc sebelumnya.

Saya hanya menunjukkan cara setting untuk pengguna Blogger saja, karena cara setting untuk blogger dan web berbeda.

Ok... lanjuuuttt....
Silakan anda akses http://co.cc kemudian login dengan email dan password yang telah anda daftarkan sebelumnya, lalu pilih Domain Setting dan klik Zone Record yang berada disebelah kiri.


Cara Setting Domain Di co.cc
Setelah muncul form, silakan anda isi dengan data sebagai berikut :

- Host = www.namaweb-anda.co.cc (pastikan anda menggunakan www)

- TTL =1D

- Type = CNAME

- Value = ghs.google.com

Kemudian tekan tombol Set up 


Cara Setting Domain Di co.cc

 Proses setting co.cc selesai....

Berikutnya kita akan melakukan settingan di blog agar proses direct bisa berjalan. Berikut langkah-langkahnya :
  1. Login ke blog anda terlebih dahulu...
  2. Pilih menu Setting, pada bagian Publishing pilih Costume Domain
  3. Pada Already own a domain? klik Switch to advanced settings
  4. Isikan domain yang telah anda daftar kan di co.cc sebelumnya (ex : www.namaweb-anda.co.cc)
  5. Klik save setting.
Jika semua langkah telah dilakukan dengan benar, domain anda akan aktif diblog dalam beberapa jam, paling lama sekitar 2 hari. Anda tetap bisa mengakses blog anda melalui domain lama selagi domain baru belum aktif sepenuhnya.

Selamat mencoba.....




 
Copyright © 2014. Gho - Blog's - All Rights Reserved
Template Created by Creating Website Published by Mas Template