Kumpulan Tips Bloger

Tuesday, October 3, 2017

Mitos, Fakta, FAQ Seputar Google AdSense
BISA daftar Google AdSense gak dengan template ini? Itulah salah satu pertanyaan yg tak jarang diajukan terhadap CBBCBlogger, soal tema/theme di Galeri Template CBbc.

Jawaban CBbc: Google AdSense tak mensyaratkan template tertentu yg wajib digunakan. SEMUA tema blogger tak menghipnotis GA. Maka, blog dengan template apa saja dapat didaftarkan ke AdSense.
Mitos, Fakta, FAQ Seputar Google AdSense
Template menentukan diterima-tidaknya jadi publisher alias penayang iklan Google merupakan salah satu mitos alias faktor yg tak benar seputar Google AdSense.

Template Bawaan Blogger?
Ada mitos, wajib memakai template bawaan blogger. Entah dari mana asal pendapat ini. Tidak ada satu pun pernyatan di Bantuan AdSense yg menyebutkan demikian.

Bahwa memakai template bawaan blogger mempermudah diterima GA, hanyalah dugaan alias perkiraan.

Template AdSense Ready
Ada juga mitos, template wajib ringan, simple, jadi tak sedikit desainer template yg membikin tema blog sederhana banget bahkan cenderung jelek saking simplenya.

Banyak tema blog diklaim sebagai "AdSense Ready Blogger Template", padahal semua template juga siap dipasang iklan Google.

Katanya, template ini serta itu serta anu dapat menambah CPC (Cost per Click) alias BPK (Biaya per Klik) serta CTR (Click Through Rate) alias RKT(Rasio Klik Tayang).

Semuanya itu hanya mitos.

Template terlalu sederhana bahkan dapat menjauhkan kesempatan memperoleh "iklan lokal", yakni blogger lain yg mau beriklan di blog Anda.

Blog Harus Berusis 6 Bulan
Ini juga mitos. Tidak ada TOS Adsense yg menyebutkan demikian. Faktanya, enam bulan terbukti waktu normal yg biasa  diperlukan suatu blog untuk mendatangkan trafik.

Namun, apabila blog Kalian berisi Konten Berkualitas --unik, orisinal, tak ada di blog lain-- jadi blog Kalian akan lebih cepat terindeks Google serta mendatangkan pengunjung.

Butuh Trafik Tinggi
Tidak ada ketentuan berapa jumlah pengunjung yg wajib dimiliki supaya diterima Google AdSense. Memang, ada perdiksi berdasarkan pengalaman, jumlah pengunjung minimal 250 visitor per hari, sebagaimana sempat CBBCshare di Jumlah Pengunjung Blog untuk Adsense.

AdSense tak mempertimbangkan trafik untuk mendapatkan alias menolak suatu blog yg daftar AdSense. Yang menjadi pertimbangan merupakan konten blog --berkualitas serta memadai. Memadai dapat berarti jumlah postingannya telah lumayan banyak.

Konten yg utama. Trafik kemudian. Istilahnya, content first, traffic will follow.

Alexa Rank?
Ini juga mitos. Alexa Rank tak ada kaitan dengan AdSense.

Mitos Googl Adsense lainnya:

You will earn in millions. Kalian akan memperoleh jutaan dari AdSense. Faktanya, blogger sangat susah memperoleh jutaan dari satu blog alias hanya mempercayakan AdSense.
Blocking Low Price Ads Will Generate More Money. Memblokir iklan harga rendah akan menambah pendapatan. Faktanya, Google menempatkan iklan sesuai dengan konten yg ada.


FAQ seputar Google AdSense

Ada juga faktor yg tak jarang ditanyakan (Frequently asked questions, FAQ) seputar Google AdSense. Untuk yg satu ini, Kalian dipersilakan meluangkan waktu menyimak panduan lengkap Bantuan AdSense resmi dari Google.

Salah satunya, penegasan berikut ini: 

Hal paling penting untuk meraih kesuksesan bersama AdSense merupakan mempunyai website web dengan konten luar biasa yg memuaskan pemakai Anda—sebelum mengajukan permohonan ke AdSense, periksa apakah website Kalian mempunyai konten yg luar biasa serta orisinal. Tentu saja, Kalian juga butuh pengunjung, alias tak ada seorang pun yg akan menonton iklan Anda, jadi pastikan orang telah mengenal mengenai website Kalian sebelum menempatkan iklan di sana.

Konten luar biasa serta orisinal menjadi kunci diterima serta memperoleh penghasilan dari Google Adsense. Fokuslah ke konten, bukan ke desain.

Jika Kalian tertarik menjadi penayang iklan Google, lumayan gunakan Template Blog SEO Friendly serta FOKUS ke konten berkualitas.

Sunday, September 3, 2017

Cara Membuat Sitemap Daftar Isi Otomatis Sederhana di Blogger
Sitemap alias Peta Situs merupakan deretan link URL halaman posting sebuah blog yg sudah dikelompokkan berdasarkan kategorinya. Atau singkatnya, sitemap bisa disebut juga dengan daftar isi blog.
CCBC Sitemap

Saturday, September 2, 2017

Trik SEO Cara membuat link terbuka di tab baru
Kali ini saya akan coba bagikan kode HTML yang berfungsi untuk membuat semua link yang ada di blog terbuka ditab baru pada saat diklik. Dengan begitu pengunjung blog akan lebih mudah untuk membuka link2 yang ada diblog kita, jadi tidak perlu lagi klik kanan open link in new tab.

Link adalah alamat url dari suatu halaman website, contohnya seperti ini fandrajuani.blogspot.com. Langsung saja kebagian inti, cara membuat link terbuka ditab baru. Ikuti langkah-langkah dibawah ini.
  1. Login ke blogger, dari halaman dasbor pilih pengaturan template.
  2. Dan klik Edit HTML, lalu cari kode </head> gunakan Ctrl + F untuk memudahkan pencarian.
  3. Setelah ketemu, masukan kode berikut ini diatasnya.
  4. <base target='_blank'/>
  5. Terakhir, save template. Selesai.
Mudahkan, dengan menambahkan kode <base target='_blank'/>, maka seluruh link yang ada di blog kita akan terbuka dihalaman atau tab baru ketika diklik. Selain untuk memudahkan pengunjung untuk membuka setiap link yang ada di blog, kode ini juga akan meningkatkan total tayangan laman dari blog kita. 

Atau jika ingin membuat link terbuka ditab baru, tapi tidak disemua link di blog. Kamu bisa tambahkan kode target="_blank" atau target='_blank' di kode link HTML kamu. Contoh:
<a href="http://fandrajuani.blogspot.com/p/blog-page_25.html" target="_blank" title="Profil">Profil</a>
Hasilnya: Silakan klik link ini Profil

Silakan dibaca juga artikel2 saya yang lainnya seputar seo seperti artikel tentang belajar seo untuk blogger pemula, tips dan mempercepat loading blog dan juga cara mempercepat loading blog lanjutan. Sedikit informasi seo kepanjangannya search engine optimization, fungsinya agar blog kita bisa masuk di halaman google search, jadi ketika ada yang mencari artikel yang berkaitan dengan judul artikel yang telah kita buat. 

Maka blog kita akan muncul, walaupun tidak dihalaman pertama, bisa jadi dihalaman kedua dan seterusnya. Seiring waktu berjalan, jika artikel kita sudah sering dikunjungi. Maka nantinya akan masuk kehalaman pertama dari google search, sesuai dengan kata kunci yang dimasukan orang ke dalam mesin pencari google search. Terima kasih telah berkunjung dan semoga artikel diatas bisa bermanfaat untuk anda.
    Trik SEP Penyempurnaan html di google webmaster
    Cara penyempurnaan html blog di google webmaster, mulai dari mengatasi duplikasi deskripsi meta, deskripsi meta panjang dan deskripsi singkat meta. Seperti keterangan yang tertulis diatasnya berbunyi kinerja dan pengalaman pengguna situs anda dapat terbantu jika hal berikut di atasi. Seperti contoh gambar dibawah ini.

    Penyempurnaan html di google webmaster


    Mengatasi duplikasi deskripsi meta 

    1. Silakan login ke blogger, dari halaman dasbor pilih pengaturan Setelan.
    2. Lalu pilih Preferensi penelusuran, dan klik edit pada bagian Tag tajuk robot khusus. Lalu beri tanda all pada bagian beranda, tandai noindex dan noarchive pada bagian laman arsip dan penelusuran. Terakhir beri tanda all di default untuk pos dan laman. Seperti gambar dibawah ini.
    3. Penyempurnaan html di google webmaster
    4. Simpan perubahan, selesai.

    Mengatasi Deskripsi meta panjang

    1. Ke pengaturan Setelan > Preferensi penelusuran > dan klik pada bagian deskripsi.
    2. Pilih ya pada Aktifkan deskripsi penelusuran, lalu Kosongkan isi di dalamnya. Lalu klik simpan perubahan.
    3. Penyempurnaan html di google webmaster
    4. Selanjutnya ke pengaturan template, klik edit html dan cari kode <head>
    5. Lalu masukan meta deskripsi kamu dibawah <head>. Contoh:
    6. <head>
      <b:if cond='data:blog.url == data:blog.homepageUrl'>
      <meta content='Fandra Juani,Desain blog,blogger,blogspot,tutorial,cara,membuat,mengganti,merubah,modifikasi,belajar,Tips,Trik,edit template,css,html' name='keywords'/>
      <meta content='Fandra Juani kumpulan tutorial tentang cara desain blog sendiri di blogspot, serta tips dan trik edit template asli blogger.' name='description'/>
      </b:if>
    7. Save template, maka deskripsi meta panjang hanya akan ada di halaman awal blog saja, agar tidak ada duplikasi desckripsi meta panjang. selesai.

    Mengatasi Deskripsi singkat meta

    1. Pertama, login ke blogger, lalu kunjungi situs google webmaster.
    2. Dan pilih pada bagian tampilan penelusuran > penyempurnaan html > lalu klik Deskripsi meta. 
    3. Setelah itu akan ada halaman2 dari blog kita yang mempunyai deskripsi singkat meta. Contohnya.
    4. Penyempurnaan html di google webmaster
    5. Sekarang, kembali ke halaman blogger, lalu pilih pengaturan Post dan cari artikel yang sesuai dengan URL laman dari google webmaster. Seperti gambar diatas, judulnya cara menghapus akun google analytics.
    6. Setelah ketemu artikelnya, edit artikel itu, lalu klik pada bagian Deskripsi Penelusuran. Seperti gambar dibawah ini.
    7. Penyempurnaan html di google webmaster
    8. Nah disitu terlihat tulisan yang sama dengan yang di google webmaster tadi, contoh disini adalah cara menghapus akun google analytics, disitulah masalahnya. Cara mengatasunya tambahkan kata di dalamnya, kira-kira 20 sampai 30 kata dari keseluruhan kalimat di deskripsi penelusuran.Klik selesai. Dan klik perbarui. Selesai.
    Setelah melakukan cara-cara diatas, untuk melihat hasilnya tunggu 4 - 7 hari  atau sampai google memperbarui penyempurnaan html dari blog kita. Setelah diperbarui google, maka tampilan html yang sudah disempurnakan akan seperti gambar dibawah ini.

    Penyempurnaan html di google webmaster
    Itulah sedikit tips trik penyempurnaan html di google webmaster, yaitu dengan cara mengatasi masalah dari ke tiga deskripsi meta. Semoga bisa bermanfaat untuk anda.
    Mengenal Fungsi Fixed dan Cara Menggunakannya
    Belajar fungsi kode Fixed dan cara menggunakannya diblog. Fixed merupakan kode css yang berarti menetapkan, dalam penggunaannya, fixed akan membuat posisi widget atau gadget menjadi menetap. Atau posisinya akan tetap disitu2 saja. Walaupun kita mengarahkan mouse sampai kebawah. Untuk lebih jelasnya silakan lihat gambar dengan tulisan Contoh penggunaan kode fixed dibawah ini dibawah kiri. 

    Dari contoh, posisi gambar tetap, walaupun mouse diarahkan ke atas atau bawah. Bagaimana membuatnya, silakan baca artikel cara membuat menu menempel diblog.

    Setelah selesai membaca dan mencoba cara membuat menu menempel diblog. Sekarang saya beri contoh penggunaan kode fixed pada bagian header blog, sedikit lebih rumit dari cara sebelumnya. Ikuti langkah-langkah dibawah ini.
    1. Login ke blogger, dari halaman dasbor pilih pengaturan tata letak.
    2. Lalu klik Desainer Template > tingkat lanjut > Tambahkan CSS.
    3. Copy kode dibawah ini. Lalu pastekan di kotak pada Tambahkan CSS.
    4. #header {
        width: 100%;
        position: fixed;
      top: 0px;
        left: 0px;
        right: 0px;
      height: 88px;
      margin:0px 0px 0px 0px;
      padding:10px 0px 0px 10px;
      z-index: 99;
      white-space: nowrap;
      background-color: #33aaff;
      background-image: -moz-linear-gradient(center top , rgb(20, 132, 206) 0%, #1780dd 100%);
        box-shadow: 0px 2px 0px rgb(14, 90, 140);
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
      }
    5. Maka tampilan header blog akan menetap, tapi masalahnya jika header kita beri fixed, bagian posting(main) dan juga sidebar, posisinya akan naik. Ini dikarenakan posisi pertama dalam sebuah template itu adalah header, ketika header diberi fungsi fixed, maka akan ada kekosongan diposisi pertama, sehingga posisi kedua(main dan sidebar) akan naik menjadi posisi pertama.
    6. Untuk mengatur main(posting) dan sidebar turun, tambahkan kode berikut dibawah kode dari langkah 3 tadi.
    7. #main{margin:40px 0px 0px 0px;}
      .sidebar{margin:40px 0px 0px 0px;}

      Keterangan kode:
      #main untuk bagian posting
      .sidebar untuk bagian widget kanan dan kiri blog.
      40px 0px 0px 0px untuk mengatur posisinya, atas, kanan, bawah, kiri.
    8. Atur sesuai dengan yang kalian inginkan. Setelah itu baru save template. Selesai.
    Sekarang, Pertanyaannya, berapa banyak widget yang anda gunakan diblog??? Jika kita hanya mengatur header saja, apalagi menggunakan background warna. Maka widget/gadget lain yang ada di bagian header akan tertutup/tidak terlihat.

    Solusinya, kita harus memberikan fungsi fixed juga pada gadget lain yang ada diheader. Contoh: Misalkan anda menggunakan 2 Gadget lain pada bagian header, seperti contoh dibawah ini.
    1. Gadget Menu Laman.
    2. Gadget Kotak search.
    Kita cari dulu kode id dari kedua Gadget/widget diatas. Cara mencarinya bisa dibaca di membuat cara membuat menu menempel diblog. Berikut contoh dari kedua kode id diatas:
    1. PageList1
    2. CustomSearch1
    Setelah ketemu semua kode, selanjtunya menambahkan satu persatu kode tersebut dengan fungsi fixed. Contoh Dari Keseluruhan kode diatas.
    #PageList1{
    width: 100%;
      position: fixed;
      top: 0px;
      left: 790px;
      right: 0px;
      height: 30px;
    z-index: 99;
    white-space: nowrap;
    }

    #CustomSearch1{
    width:30%;
    position:fixed;
    top:0px;
    right:0px;
    margin:40px 0px 0px 0px;
    z-index:99;
    white-space:nowrap}
      Jika sudah memasang background pada header, gadget yang lain tidak perlu diberi background. Cukup dengan mengatur posisinya saja, atur kode width: top, right, dan margin untuk mengatur posisi widget. Semoga Bermanfaat.

      Mengenal Fungsi Border Dan Penggunaannya Di Blog
      Fungsi border dan cara pengguaannya di blog. Border merupakan kode css yang digunakan untuk membuat kotak di blog atau website lainnya. Salah satu contoh penggunaan border adalah pembuatan kotak script, untuk menempatkan kode script di posting blog. Berikut contohnya.
      1.  Buka entri baru atau post lama kamu.
      2.  Klik HTML lalu masukan kode sricpt dibawah ini.
      3. <div style="border: 1px #cccccc solid; padding: 10px;background-color:#ffffff;
        overflow: auto; height: 80px; text-align: left;">.kode script disini.</div>
      4. Lalu klik pada bagian Compose. Maka tampilannya akan seperti ini.
      5. .kode script disini.
      6. Klik .kode script disini. hapus dan ganti dengan kode script yang kalian masukan.
      Keteranga kode langkah 2: 
        border: 1px ketebalan kotak, #cccccc warna garis kotak, solid(bentuk kotak)
        background-color:#ffffff; warna kotak
        height: 80px; tinggi kotak yang akan ditampilkan diposting blog.
        overflow: auto; akan ada scroll dikotak, jika sudah melebihi tinggi kotak height: 80px;
          Berikut ini adalah bentuk kotak lain yang dapat digunakan, untuk menggantikan bentuk solid.

          dotted

          dashed

          double

          groove

          ridge

          inset

          outset

            Satu lagi penggunaan warna yang berbeda disetiap border, atas,kanan,bawah,kiri.

            untuk membuat border seperti ini, kode yang digunakan:
             <div style="border-top:2px solid green;border-bottom:2px solid red;border-left:2px solid #1780dd;
            border-right:2px solid orange; padding: 10px;background-color:#ffffff;overflow: auto; height: 200px;
            text-align: left;">.kode script disini.</div>
             

            Contoh-contoh diatas adalah penggunaan border didalam posting, berikut ini adalah penggunaan border di bagian sidebar blog.

            .sidebar .widget h2 {
             border-top:2px solid red;border-bottom:2px solid green;border-left:2px solid orange;border-right:2px solid #1780dd; padding: 10px;background-color:#ffffff;
            }

            Contoh gambar:
            fungsi border di blog

            Artikel diatas merupakan sedikit contoh penggunaan border diblog, masih banyak yang dapat diberi border diblog, yang terpenting kita mengetahui kode pada bagian mana yang akan kita beri border. Semoga bermanfaat untuk anda.