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.

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.

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 disitu² 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.
#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);
}
4. 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.
5. Untuk mengatur main(posting) dan sidebar turun, tambahkan kode berikut dibawah kode dari langkah 3 tadi.
#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.
6. 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.
<div style="border: 1px #cccccc solid; padding: 10px;background-color:#ffffff;
overflow: auto; height: 80px; text-align: left;">.kode script disini.</div>
3. Lalu klik pada bagian Compose. Maka tampilannya akan seperti ini.
.kode script disini.
4. 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:

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.

Tips Mudah Membat Tulisan Dengan Warna yang Berbeda

Tulisan dengan warna yang berbeda. Setiap huruf mempunyai warna yang berbeda. Bisa digunakan sebagai tulisan di menu blog. Pada saat tulisan tersebut di klik, akan terbuka halaman baru.

Sebagai contoh: saya membuat menu dengan judul Fandra Juani. Setiap huruf mempunyai warna yang berbeda-beda. Dan pada saat diklik akan terbuka halaman tentang saya. Lihat contoh dibawah ini.

• FANDRA JUANI

Untuk lebih jelasnya tentang cara membuat tulisan dengan warna yang berbeda di blog. Ikuti langkah-langkah dibawah ini.

1. Login ke blogger. Dari halaman dasbor pilih pengaturan tata letak.
2. Lalu, klik tambahkan Gadget. Dan pilih HTML/Javasript.
3. Selanjutnya copi kode dibawah ini.
<style>
#tentang{background:transparent}
#tentang ul{float:left}
#tentang ul li{float:left;list-style:none}
#tentang ul li span{float:left;text-transform:uppercase;font-family:Ravie;font-size:12px;text-shadow:2px 2px 5px #1780dd;font-weight:bold;padding:0}
d{font-size:180%;color:DarkCyan}
g{color:red}
h{color:blue}
i{color:#ee3e80}
j{color:pink}
k{color:black}
l{font-size:180%;color:violet}
m{color:DarkCyan}
n{color:blue}
o{color:pink}
r{color:red}
#tentang ul li span:hover{background:transparent;font-weight:bold;color:#aaa;font-size:14px;font-family:Calligraffitti;text-shadow:2px 2px 3px #3af}
</style>
<div id='tentang'>
<ul>
<li><a href='http://fandrajuani.blogspot.com/p/blog-page_25.html' title='Fandra Juani'><span><d>F</d><g>a</g><h>n</h><i>d</i><j>r</j><k>a</k> <l>J</l><m>u</m><n>a</n><o>n</o><r>i</r></span></a></li>
</ul>
</div>
4. Dan pastekan di Gadget HTML/Javascript Tadi. Save, lalu tempatkan gadget kemanapun yang kalian inginkan. Selesai.

Keterangan Kode Diatas:

• #tentang ul li span { fungsinya untuk mengatur tebal fon-family dan ukuran huruf yang digunakan.
• #tentang ul li span:hover{ fungsinya untuk mengatur tebal fon-family dan ukuran huruf pada saat di sentuh kursor.
• Kode Merah d sampai r. untuk mengatur warna tiap² huruf.
• Kode Biru adalah kalimat yang akan ditampilkan.
• Jadi Intinya setiap huruf mempunyai kode tersendiri. <d></d> untuk f dan seterusnya. 
• Terakhir, jangan lupa diganti https://ciamisberbagiberbagaicara.blogspot.com/ dengan alamat URL kalian sendiri.

Contoh yang saya berikan ini jumlah hurufnya ada 11, jadi ada 11 kode tersendiri di setiap hurufnya. Jika jumlah huruf kalian lebih dari 11. Tambahkan kode yang lain, misalnya <z></z> ,<t></t>.

Jika huruf yang ingin kalian buat kurang dari 11, silakan dikurangi saja beberapa kode diatas. Misal huruf kalian 6, maka gunakan kode merah d sampai k saja. Kode l sampai r hapus.

Begitu juga untuk kode biru gunakan <d>F</d><g>a</g><h>n</h><i>d</i><j>r</j><k>a</k> saja. Kode <l>J</l><m>u</m><n>a</n><o>n</o><r>i</r> hapus.

Itulah sedikit cara membuat tulisan dengan warna yang berbeda yang dapat digunakan di menu blog. Semoga Bermanfaat.

Mengenal Fungsi Margin Dan Padding di Blog

Margin dan Padding merupakan kode CSS yang digunakan untuk membuat jarak atau spasi. Perbedaanya adalah margin digunakan pada bagian luar, dan padding pada bagian dalam. Dengan kode margin kita dapat merubah posisi dari widget yang kita inginkan, sedangkan padding, kita dapat menggunakannya untuk bagian dalam, seperti spasi antar text tulisan, jarak antara text dengan batas garis widget atas-bawah. Untuk lebih jelasnya lihat gambar dibawah ini.

Adapun kode-kode Css Dari Margin dan Padding yang dapat kita gunakan diblog adalah sebagai berikut:

 Margin

1. margin: 10px;  (10px Spasi atas-kanan-bawah-kiri).
2. margin: 0px 80px; (0px Spasi atas-bawah) (80px spasi kanan-kiri)
3. margin: 100px 10px 50px; (100px spasi atas) (10px spasi kanan-kiri) dan (50px spasi bawah)
4. margin: 90px 50px 20px 0px; (90px spasi atas) (50px spasi kanan) ( 20px spasi bawah) (0px spasi kiri)
5. Khusus untuk margin dengan kode 4, bisa kita tambahkan kode - untuk merubah posisi dengan arah berlawanan, contoh: margin: margin:-55px -50px 0 0

Padding

1. padding: 10px;  (10px Spasi atas-kanan-bawah-kiri).
2. padding: 0px 80px; (0px Spasi atas-bawah) (80px spasi kanan-kiri)
3. padding: 100px 10px 50px; (100px spasi atas) (10px spasi kanan-kiri) dan (50px spasi bawah)
4. padding: 90px 50px 20px 0px; (90px spasi atas) (50px spasi kanan) ( 20px spasi bawah) (0px spasi kiri)

Dari kode-kode diatas sudah terlihat, yang membedakan Margin dan Padding hanyalah nama awalnya saja sedangkan yang lainnya sama.

Langsung saja, dibawah ini adalah contoh penggunaan margin pada bagian Header blog. Tampilan awal Header blog pertama.

1. Susunan elemen dari gambar diatas adalah seperti dibawah ini.

2. Sekarang ke pengaturan template. Dan klik edit HTML.
3. Lalu cari satu persatu kode dari susunan elemen dari langkah 1.

4. Pertama cari kode Header, disini yang berjudul Fandra Juani. Gunakan Ctrl F untuk mempermudah pencarian. seperti dibawah ini.
5. Setelah ketemu, copy kode bertanda merah diatas, lalu pastekan di notepad, dan lanjutkan mencari kode Laman Dan HTML/javascipt.
6. Setelah semuanya ketemu, tambahkan kode margin untuk merubah posisi yang kita inginkan. seperti dibawah ini.
#Header{float:left}
#HTML1{float:right; margin:-115px -195px 0 0}
#PageList1{float:right; margin:-55px -50px 0 0}
7. Letakan kode diatas ]]></b:skin>
8. Save template, selesai.
9. Tampillan Blog setelah diberi kode margin.

Sudah terlihat jelas perbedaan tampilan blog, dari yg awalnya datar kebawah, sekarang datar kesamping. Karena ditambahkan kode margin. kenapa saya beri judul fungsi margin dan padding di blog, karena padding dan margin bisa digunakan pada semua bagian-bagian blog, jadi tidak hanya seperti yang saya contohkan. Yang terpenting adalah kita cari dulu kode dari bagian yang akan kita edit atau kita ubah posisinya.

Keterangan kode float

float digunakan agar posisi widget menjadi teratur, seperti contoh diatas, header float:left berarti header pada posisi kiri, dan laman(Pagelist1) dan HTML1 pada bagian kanan. 

Silahkan berkreasi, maaf jika tutorial dari saya ini kurang jelas. Jika ada pertanyaan silakan masukan komentar dibawah, semoga bermanfaat.

Tips Mudah Membuat Macam Bentuk Numbered List dan Bullet List

Macam Bentuk Numbered List dan Bullet List yang bisa dipakai di blogger. Cara menggunakannya lihat dibawah ini.

1. Buatlah entri baru atau edit artikel lama
2. Dan Klik Numbered List 
3. Lalu klik bagian HTML di sebelah Compose.
4. Terus ganti kode <ol> dengan salah satu kode dibawah.
5. Terakhir kembali ke Compose, maka tampilan numbered list akan berubah.
6. Untuk Bullet list, klik bullet list, lalu lihat pada bagian HTML 
7. Dan ganti kode <ul> dengan salah satu kode bentuk bullet list dibawah.

Macam Bentuk Numbered List

1. Bentuk Dasar, <ol> Tanpa Edit HTML

8. Mulai dari angka 8, Ganti kode <ol> dengan <ol start="8">
9. Setelah dienter, maka akan berlanjut ke nomor 9 dan seterusnya, seperti tulisan ini.

1. Dalam Bentuk Huruf Besar, <ol type="A">

1. Dalam Bentuk Huruf Kecil, <ol type="a">

1. Dalam Bentuk huruf atau angka romawi, <ol type="I">

1.  Angka romawi huruf kecil, <ol type="i">

5. Angka Romawi Besar dimulai dari angka 5, <ol type="I" start="5">
6. Setelah dienter, maka akan berlanjut ke angka romawi 5 dan seterusnya.

Macam Bentuk Bullet List

• Bentuk dasar bullet list, <ul> tanpa edit html

• Bentuk Bulat sederhana, <ul type="circle">

•  Bentuk Kotak, <ul type="square">

Dan yang terakhir, tips meratakan tampilan kiri-kanan Numbered list. Seperti contoh gambar dibawah ini.

Contoh gambar

Dari gambar diatas Tampilan numbered list, rata dengan kalimat yang ditulis seperti menulis biasa diblog, diatur menggunakan justify rata kiri kanan kalimat. Standar blogger, tampilannya akan ada spasi jarak sehingga tidak sejajar dengan kalimat yang ditulis biasa tanpa numbered list.

Berikut sedikit trik cara agar tampilan numbered list rata dengan tulisan biasa.

1. Login ke blogger, dari halaman dasbor, pilih pengaturan template.
2. Terus edit html, dan cari kode ]]></b:skin> lalu letakan kode berikut ini diatasnya.
.post ol {
padding:0px 24px 0px;
width:96%;max-width:100%;}
3. Keterangan kode: padding:0px 24px 0px; Rata Kiri dan width:96%;max-width:100%; Rata Kanan.
4. Jika belum rata, Ganti 24px dan 96% agar rata dengan tampilan posting kamu.
5. Save template, selesai.

Pada saat menulis, tampilan numbered list tetap seperti biasa, tetapi jika sudah dipublikasikan, maka tampilannya akan berubah, rata dengan tulisan biasa. Preview dulu tulisan untuk melihat hasilnya.

Itulah sedikit tips trik menulis artikel menggunakan numbered list dan bullet list di blog, silakan baca juga tips trik menulis artikel di blog menggunakan numbered list yang disisipkan gambar, atau kode script ditengah-tengahnya. Semoga Bermanfaat.