Optimasi Meta Tag


Hi, kali ini AsalSuka akan memposting hal yang sangat penting pagi para blogger, yaitu Optimasi Meta Tag.
Meta tag berguna bagi para blogger, terutama agar blog mereka semakin mudah terindex oleh Search Engine.
Inilah Meta Tag yang harus ada di blog Anda:

<meta name='keywords' content='WEBSITE KEYWORD' />
<meta name='description' content='YOUR SITE DESCRIPTION' />
<meta content='AUTHOR NAME' name='author'>
<meta content='index, dofollow' name='robots'>
<meta content='1 Week' name='revisit-after'>
<meta content='EN' name='language'>
<meta content='AsalSuka' name='copyright'>
Keterangan untuk mengedit:

  • untuk name='keywords', Anda ganti pada content disana dengan keyword blog/web Anda.
  • untuk name='description', Anda ganti pada content disana dengan deskripsi blog Anda. Saya sarankan dengan bahasa Inggris.
  • untuk name='author', Anda ganti pada content disana dengan nama Author blog Anda.
  • untuk name='robots', maksud dari content='index, dofollow' maksudnya adalah blog Anda mau di indeks robot-robot Search Engine, dan tipe blog Anda adalah dofollow.
  • untuk name='revisit-after', pada contentnya Anda tidak perlu mengganti dengan yang lain. Sebab itu adalah waktu paling minimal Search Engine Crawler mengunjungi blog Anda (1 week/ 1 minggu).
  • untuk name='language', pada contentnya Anda ganti dengan kode bahasa blog Anda. EN = inggris, ID = indonesia, FR = perancis, dll
  • untuk name='copyright', saya sangat sangat berterima kasih jika Anda tidak mengubah copyright ini..


Sekarang untuk menempatkan pada blog Anda, Anda harus masuk ke EDIT HTML blog Anda. Tidak perlu mencentang kotak Expand Widget Templates.
Terlebih dahulu, Download Full Template Anda sebagai backup.
Kemudian, Anda hapus meta-meta tag yang serupa dengan content-content yang ada diatas. contoh: name='description'.
Kemudian Anda tempatkan meta tag yang telah Anda edit setelah kode <head>, atau setelah kode <b:include data='blog' name='all-head-content'/>.
Kemudian Anda save template dan selesai. :)

Itulah postinga Asal Suka mengenai Meta Tag :) smoga dapat membantu sobat-sobat, dan jika Anda kekurangan, maupun pertanyaan dapat bertanya disini :)

Terima kasih sudah berkunjung...
Happy Blogging ^^...
Read more →

Animasi Gambar Berputar saat kursor diarahkan


Hi Sahabat Blogger..
Kali ini AsalSuka akan berbagi trik kecil untuk memperindah blog/Web Anda.
Trik kali ini yang akan AsalSuka bagi adalah cara membuat sebuah gambar akan berputar, saat cursor diarahkan pada gambar tersebut, dengan efek waktu lambat atau cepat. tergantung keinginan Anda.

Caranya sangat mudah, cukup mengikuti langkah dibawah ini.

  1. Login ke Blogger
  2. Kemudian klik design, lalu Edit HTML
  3. Kemudian masukan kode tag CSS dibawah ini sebelum kode </head> pada Edit HTML
  4. <style type="text/css">
    #rotate img
    {
    opacity:0.4;
    transition:width 4s, height 4s;
    -moz-transition:width 4s, height 4s, -moz-transform 4s; /* Firefox 4 */
    -webkit-transition:width 4s, height 4s, -webkit-transform 4s; /* Safari and Chrome */
    -o-transition:width 4s, height 4s, -o-transform 4s; /* Opera */
    }
    #rotate:hover img:hover
    {
    opacity:1;
    transform:rotate(360deg);
    -moz-transform:rotate(360deg); /* Firefox 4 */
    -webkit-transform:rotate(360deg); /* Safari and Chrome */
    -o-transform:rotate(360deg); /* Opera */
    }
    </style>
  5. Pada gambar kepunyaan Anda yang akan dibuat memutar, Anda harus menempatkan id="rotate" agar gambar tersebut menjadi berputar. Yaitu sebagai contoh:
  6. <a id="rotate" href="url tujuan"><img src="image.png"/></a> atau contoh lain:
    <div id="rotate"><a href="url tujuan"><img src="image.png"/></a></div>
  7. Setelah Anda memasang id="rotate" pastikan Anda save. dan lihatlah hasilnya.

Jika mengalami kesulitan, silahkan beri komentar Anda.. ^^
Terima kasih sudah berkunjung...
Happy Blogging ^^...
Read more →

Merubah Favicon Ico tanpa mengedit HTML

Hi sobat, kali ini AsalSuka mau share cara merubah favicon ico blog Anda.
Favicon ico pasti sudah tahu kan??
Favicon ico adalah icon/gambar yang muncul di tab browser Anda saat membuka blog/website.
Biasanya untuk mengganti favicon ico ini kita harus melakukan Edit HTML, tetapi sekarang Blogspot sudah mempermudah kita untuk mengganti favicon ico tersebut.

Tidak perlu berbasa-basi lagi, mari kita langsung praktek-kan.
langkah dasar yang harus dilakukan adalah:
Masuk ke blogger.
Lalu masuk ke Design. Pada tab Page Elements, Anda akan melihat gambar seperti ini:
Setelah itu, klik edit dan browse gambar favicon Anda, dan kemudian Save..
Dan lihatlah hasilnya..^^

Cara ini berhasil untuk: 

  • hanya gambar berformat .ico
  • hanya gambar persegi

Terima kasih sudah berkunjung...
Happy Blogging ^^...
Read more →

Alternatif Ads google yang tidak muncul

Hi sahabat..^^

Lama tidak memposting hal-hal baru..
Kali ini AsalSuka berkesempatan untuk memposting cara alternatif untuk menampilan Iklan Google Adsense yang sering hilang.
Caranya sangat gampang ternyata, yaitu dengan memanfaat layanan yang memang telah disediakan oleh Google Adsense, yaitu: Backup ads dengan opsi "Show other ads from another URL"..
Jadi, yang pertama Anda harus lakukan adalah menambah unit iklan baru(new ad unit) yang akan digunakan sebagai backup/alternatif..(setting channel sendiri sesuai keingainnan Anda)

Langkah 1:
Agar backup ads tidak terpotong (melanggar TOS GA), buatlah dokumen HTML yang baru, dengan format seperti berikut:
<html>
<head>
<title>Title Blog Anda</title>
</head>
<body>
<div style="margin:-8px -8px -8px -8px ;">
!!!!! Disini taruh script Backup Ads yang sebelumnya Anda buat.
</div>
</body>
</html>
Lalu Anda simpan dengan format .html.. sebagai contoh: backupads.html

Langkah 2:

Kemudian yang Anda perlu perhatikan adalah Anda harus memiliki hosting yang digunakan sebagai penempatan Backup Ads.
Jika terbatas dana, saran saya adalah memakai hosting gratis seperti 000webhost, lalu kemudian daftarkanlah menggunakan domain yang disediakan oleh 000webhost. contoh: www.backupads.herobo.com


Langkah 3:
Pada tahap selanjutnya, sekarang Anda kembali ke hosting yang telah Anda buat sebelumnya, lalu mengupload dokumen HTML yang telah Anda buat pada Tahap 1, ke folder public_html domain Anda.
Caranya adalah setelah Anda membuat Akun domain baru di 000webhost, masuk ke cpanel domain tersebut..
Kemudian, cari dan masuk ke "file manager"... masukan password untuk domain Anda lalu masuk ke direktori "publik_html"..
Kemudian Upload dokumen HTML yang telah Anda buat sebelumnya di folder tersebut dengan mengklik opsi upload.

Langkah 4:
Masuk ke akun GA Anda, pada tab Iklan saya(My Ads)
Klik pada nama Ads utama Anda dan kemudian pada opsi Backup ads, masukan url dokumen HTML yang telah Anda upload sebelumnya. contoh jika domain Anda adalah www.backupads.herobo.com: maka link ke URL dokumen HTML Anda adalah: http://www.backupads.herobo.com/backupads.html/
Setelah Anda memasukan URL backup tersebut.. simpan dan tunggu 5 menit untuk mengetes...

!!!!Perhatian: pastikan Anda membacup Ads dengan ukuran yang sama.. Misalkan: Iklan Utama Anda 468.60, maka pastikan backup Ads Anda juga 468.60.!!! 

Demikianlah postingan AsalSuka yang lumayan membuat Anda berfikir dan semoga apa yang AsalSuka bagikan, dapat membantu..^^
Silahkan bertanya jika ada masalah..^^
Terima kasih sudah berkunjung...
Happy Blogging ^^...
Read more →

Menampilkan "Add Enclosure Link"

Hi sobat,
Kali ini AsalSuka punya artikel singkat mengenai cara menampilkan enclosure link.
Enclosure link memiliki fungsi yang terkadang dibutuhkan oleh para blogger. Nah, kalau Anda belum tahu cara menampilkannya
Asalsuka akan berbagi sedikit tentang cara menampilkan Add Enclosure Link..
Pilihan Enclosure link itu sendiri akan Anda terihat saat Anda membuat postingan baru.
Tampilan Enclosure link itu sendiri adalah seperti berikut:
Tidak semua membutuhkan fungi dari  Enclosure Link ini. Tetapi terkadang ada saja yang membutuhkannya.
Cara menampilkannya sangat gampang.

  • Klik Setting, Formatting
  • kemudian cari Show Link Field, dan pilih yes.
  • Simpan dan Anda cek apakan saat Anda membuat postingan baru..


Terima kasih sudah berkunjung semoga dapat membantu Anda..^^...
Happy Blogging ^^...
Read more →