Info Penting

Harga Domain Premium Rp. 10.000 Mau?

M emiliki blog pribadi atau blog bisnis dengan menggunakan domian premium tentu ada kebanggaan dan kepuasan tersendiri, untuk blog bisnis ...

Artikel Terbaru

Menampilkan postingan yang diurutkan menurut relevansi untuk kueri membuka halaman web. Urutkan menurut tanggal Tampilkan semua postingan

Mengenal Lebih Dekat Google Webmaster

Google webmaster tool berfungsi untuk memantau lebih lanjut tentang bagaimana perkembangan blog Anda di mesin pencari Google, bagaimana kekuatan web/ blog anda di SERP Google (SERP adalah singkatan dari Search Engine Results Page istilah Indonesianya Halaman Hasil Pencarian Mesin Pencari) dan  juga yang tak kalah pentingnya dengan Google webmaster ini kita bisa mendiagnosa serangan malware di blog sebagaimana pernah saya tulis pada posting terdahulu: Cara Mengatasi Reported Attact di Page Blog, yang jelas informasi ditampilkan secara detail dan tentu bisa dinikmati secara gratis.

Sebagai contoh perhatikan gambar dibawah ini, ketika saya login di google webmaster dan membuka blog mr-mung.com, maka akan tampak laporan berikut;
Laporan periode 3 April - 3 Mei 2012

Dengan melihat informasi tersebut, kita bisa tahu ternyata jumlah tampilan pencarian terbanyak untuk blog ini pada periode 3 April - 3 Mei 2012 adalah dengan menggunakan kata kunci "murotal" dan kita bisa juga membaca informasi lain mengenai grafik pencarian, link yang masuk ke blog kita, dll.
Klik untuk melihat ukuran penuh


Sebagai prasyarat penggunaan tool ini, blog anda harus terverifikasi, salah satu caranya adalah dengan  menanamkan meta tag kedalam kode template blog anda (dibawah kode <head> ). Setelah blog anda terverifikasi google, anda baru bisa melihat informasi lengkap di google webmaster,
Verifikasi Blog Menggunakan MetaTag
Verifikasi Blog Menggunakan MetaTag

Berikut beberapa tool yang ada di google webmaster yang biasa saya gunakan dan tentunya yang sedikit saya ketahui, yang lainya belum saya gunakan:
=> Site Configuration

1. Sitemaps
Fungsi dasar dari sebuah sitemap adalah untuk mempermudah robotnya google dalam menelusuri situs atau blog anda. sebagai contoh untuk memasukan sitemap blogspot adalah: http://alamatblog.blogspot.com/atom.xml (perhatikan gambar dibawah ini:)



2. Crawler Access
Crawler access mempunyai fungsi sebagai robot penerima tamu (robot teks) yang mempersilahkan halaman yang mana yang boleh diakses dari mesin pencari dan halaman yang tidak tidak boleh diakses mesin pencari, Untuk akun blogspot sudah mempunyai robot teks bawaan, jadi tidak usah pusing memikirkan membuat robot teks sendiri.

=> Your Site On The Web
Pada fasilitas ini Google memberikan akses kepada anda untuk memantau perkembangan blog anda di SERP:
  1. Search Queries adalah gambaran tentang kueri-kueri yan mengarah ke situs atau halaman blog anda.
  2. Links To Your Site berisi informasi tentang semua link yang berasal dari luar yang mengarah ke blog anda.
  3. Keywords adalah gambaran atau informasi yang didapat oleh robot mesin pencari Google ketika merayapi seluruh halaman blog anda.
  4. Internal Links adalah daftar link dalam blog anda yang mengarah ke halaman lain.
  5. Subscriber Stats adalah statistik feed blog anda, yaitu seberapa banyak pelanggan blog anda.

=> Diagnostic
Pada fasilitas ini anda bisa memantau semua masalah yang terdapat pada blog anda:
  1. Malware adalah sebuah laporan robot kepada anda jika ada suatu hal di blog anda yang dicurigai sebagai malware.
  2. Crawl Errors, fasilitas ini memberikan informasi kepada anda tentang halaman error yang ditemui robot google, bisa berupa halaman yang tidak ditemukan (not found).
  3. Crawl Stats adalah statistik aktifitas robot dalam merayapi halaman situs anda, kalau grafiknya konstan atau naik berarti bagus tapi kalau sebaliknya maka ada sesuatu masalah dengan blog anda sampai-sampai robot google tidak mau lagi merayapi halaman blog anda.
  4. Fetch As a Googlebot, dengan alat yang satu ini anda bisa memanggil robot ketika ada pembaruan atau update dalam blog anda yang anda anggap penting, atau ketika si robot lagi lambat mengindex halaman dan artikel anda maka ini bisa jadi pilihan yang baik buat anda, tapi dengan catatan jangan terlalu sering karena ada batasnya.
  5. HTML Suggestion adalah saran dari Google jika ada elemen HTML dalam halaman anda dapat mempersulit robot, jika template, html, css dan meta tag anda baik-baik saja maka fitur ini tidak akan menampilan apa-apa.

Semoga Bermanfaat.

HTTPS untuk Custom Domain Blogspot Resmi Tersedia

Alhamdulillah akhirnya yang ditunggu-tunggu muncul juga, protokol https untuk custom domain blogspot. Alamat blog mrmung.com yang semula diakses menggunakan http://www.mrmung.com sekarang sudah bisa diakses menggunakan https://www.mrmung.com.

Sebenarnya apa sih bedanya HTTP dan HTTPS ?

HTTP ( Hypertext Transfer Protocol)
Hypertext Transfer Protokol (HTTP) adalah sebuah protokol jaringan lapisan aplikasi yang digunakan untuk sistem informasi terdistribusi, kolaboratif, dan menggunakan hipermedia penggunaannya banyak pada pengambilan sumber daya yang saling terhubung dengan tautan yang disebut dengan dokumen hiperteks yang kemudian membentuk World Wide Web pada tahun 1990 oleh fisikawan inggris yang bernama Tim Berners Lee. Http merupakan protokol yang menyediakan perintah dalam komunikasi antar jaringan, yaitu komunikasi antara jaringan komputer client dengan web server. Dalam komunikasi ini, komputer clientmelakukan permintaan dengan mengetikkan alamat atau website yang ingin di akses. Sedangkan server mengolah permintaan tersebut berdasarkan kode protokol yang di inputkan.

HTTP disebut protokol Stateless karena setiap perintah dijalankan secara independen, tanpa pengetahuan tentang perintah yang datang sebelumnya. Ini adalah alasan utama yang sulit untuk menerapkan situs Website yang bereaksi secara cerdas untuk input pengguna.

Hypertext Transfer Protocol Secure (HTTPS)
Hypertext Transfer Protocol Secure (HTTPS) memiliki pengertian yang sama dengan HTTP hanya saja HTTPS memiliki kelebihan fungsi di bidang keamanan (secure). HTTPS di temukan oleh Netscape Communication Corporation. HTTPS menggunakan Secure Socket Layer (SSL) atau Transport Layer Security(TLS) sebagai sublayer dibawah HTTP aplikasi layer yang biasa. HTTP di enkripsi dan deskripsi dari halaman yang di minta oleh pengguna dan halaman yang di kembalikan oleh web server. Kedua protokol tersebut memberikan perlindungan yang memadai dari serangan eavesdroppers, dan man in the middle attacks. Pada umumnya port yang digunakan HTTPS adalah port 443. Tingkat keamanan tergantung pada ketepatan dalam mengimplementasikan pada browser web dan perangkat lunak server dan didukung oleh algorithma penyandian yang aktual. Oleh karena itu, pada halaman web digunakan HTTPS, dan URL yang digunakan dimulai dengan ‘https://’.

Https dapat menjamin keamanan dalam Autentikasi server yaitu memungkinkan peramban dan pengguna memiliki kepercayaan bahwa mereka sedang berbicara kepada server aplikasi sesungguhnya.Https juga mampu dalam menjaga kerahasiaan data dan Integritas data.

Perbedaan utama HTTP dan HTTPS
Perbedaan utama antara http dan https, dimulai dengan port default, yang 80 untuk http dan 443 untuk https. Https bekerja dengan transmisi interaksi yang normal http melalui sistem terenkripsi, sehingga dalam teori, informasi tidak dapat diakses oleh pihak selain klien dan server akhir. Ada dua jenis umum lapisan enkripsi: Transport Layer Security (TLS) dan Secure Socket Layer (SSL), yang keduanya menyandikan catatan data yang dipertukarkan. (Sumber)

Mengaktifkan Ketersediaan HTTPS akan memungkinkan pengunjung melihat blog Anda melalui sambungan yang dienkripsi dengan membuka https://www.mrmung.com. Untuk mensetting https pada blogspot custom domain, anda hanya perlu memilih opsi Ya pada setelan - dasar - Ketersediaan HTTPS, setelah itu anda cukup tunggu beberapa saat, blogger akan memprosesnya secara otomatis, berikutnya jika anda menginginkan pengunjung selalu melihat alamat blog anda dengan protokol HTTPS ini, maka anda perlu memilih opsi Pengalihan HTTPS menjadi YA.


Setelan ini tidak tersedia selama Ketersediaan HTTPS sedang diproses. Periksa kembali nanti. Jika Pengalihan HTTPS diaktifkan, Pengunjung blog akan selalu membuka https://www.mrmung.com. demikian penjelasan blogger saat saya mengaktifkan https pada custom domain blogspot. 

Beberapa hal yang perlu diperhatikan setelah anda selesai mensetting HTTPS pada domain blogspot custom domain adalah sebagai berikut:

  1. Submit kembali ke google.com/webmaster dengan menggunakan alamat blog yang sudah menggunakan https, termasuk submit kembali sitemapnya kedalam google webmaster.
  2. Silahkan edit link yang ada di blog anda, baik menu, link yang ada dalam postingan, dan link yang ada di dalam template, yang masih menggunakan http dirubah menjadi https.

Demikian, semoga bermanfaat.
Referensi perbedaan http dan https: http://ilmukomputer.org/2013/01/30/perbedaan-http-dan-https/

Tutorial Cara Membuat Menu di Blog


Menu dan sub menu di blog berfungsi untuk memudahkan pengunjung blog untuk membuka berbagai informasi yang ada di web/ blog kita. Bagi website/ blog yang memiliki informasi sangat banyak dengan berbagai kategori informasi yang banyak pula, membuat sub menu tentunya pilihan yang tepat. Nah... pada kesempatan ini akan kita pelajari bersama bagimana cara membuat menu dan sub menu di blog dengan mudah dan cepat.

1.    Login Blogger.com
2.    Klik halaman "Template" backup template lengkap untuk berjaga-jaga terjadi hal-hal yang tidak di inginkan dengan mengklik Cadangkan/ Pulihkan.


3.    Kemudian klik Edit HTML;

4.    Cari kode ]]></b:skin>
dengan menggunakan Ctrl + F.

5.    Copy kode script di bawah ini dan letakkan tepat di atas kode  ]]></b:skin>
#menubar{
border-bottom:4px solid #ff0000;
width:1025px;
height:32px;
background:#000000;
float:center;
margin-bottom:3px;
}
#menubar ul{
float:left;
margin:0;
padding:0;
}
#menubar li{
float:left;
list-style:none;
margin:0;
padding:0;
}
#menubar li a, #menubar li a:link{
float:left;
padding:8px 12px;
color:#fff;
text-decoration:none;
font-size:13px;
font-weight:bold;
}
#menubar li a:hover, #menubar li a:active, #menubar .current_page_item a  {
background: #ff0000;
color: #fff;
text-decoration:none;
}
#menubar li li a, #menubar li li a:link, #menubar li li a:visited{
font-size: 12px;
background: #ff0000;
color: #fff;
text-decoration:none;
width: 150px;
padding: 0px 10px;
line-height:30px;
}
#menubar li li a:hover, #menubar li li a:active {
background: #000000;
color: #ffffff;
}
#menubar li ul{
z-index:9999;
position:absolute;
left:-999em;
height:auto;
width:170px;
margin-top:32px;
border:1px solid ##ff0000;
}
#menubar li:hover ul, #menubar li li:hover ul, #menubar li li li:hover ul, #menubar li.sfhover ul, #menubar li li.sfhover ul, #menubar li li li.sfhover ul{
left:auto
}
#menubar li:hover, #menubar li.sfhover{
position:static
}
6.    Simpan Template.

7.    Copy script berikut dan pasang di widget HTML/JavaScript blog anda:
<div id='menubar'>
<ul>
<li><a href=””>Home</a></li>
<li><a href=”URL_TUJUAN”>About Me</a></li>
<li><a href=”URL_TUJUAN”>>Contact Me</a>
<ul>
<li><a href=”URL_TUJUAN”>>Google +</a></li>
<li><a href=”URL_TUJUAN”>>Facebook</a></li>
<li><a href=”URL_TUJUAN”>>Twitter</a></li>
</ul>
</li>
</ul>
</div>
8.    Letakan widget HTML/JavaScript yang berisi kode menu diatas di bawah header, perhatikan gambar berikut:




  • Download Lengkap tutorial : Cara Membuat Menu di Blog Drive
  • Follow Me


    Iklan Penyemangat

    Koleksi Tutorial Blog

    Arsip Blog