Judul : Tutorial Membuat Iklan Baris Seperti Google Adsense di Blog
link : Tutorial Membuat Iklan Baris Seperti Google Adsense di Blog
Tutorial Membuat Iklan Baris Seperti Google Adsense di Blog
Selamat Malam sobat blogger,,pertemuan malam ini, Mas Yoga akan membahas seputar Google Adsense. sobat tahukan Google Adsense? periklanan milik google ini memang sangat paling populer dan paling banyak di cari para blogger ataupun website di dunia. Bayarannya yang tinggi, membuat Google Adsense ini menjadi iklan wajib buat para Master blogger,,, Bahkan sekarang Google Adsense sudah tersedia gratis untuk blogger, namun harus melakukan tahap-per-tahap untuk bisa menggunakan/mendaftar Google Adsense. walaupun Google Adsense gratis untuk Blogger masih Hosted, Jadi Mas Yoga saranin mending beli yang Non Hosted biar lebih greget penghasilannya :)
Pasti di berbagai iklan ada yang namanya Banner, Popunder, slider, Iklan baris. Namun sekarang yang populer adalah popunder dan iklan baris, karena biayanya yang lumayan tinggi. Tapi sobat pasti berpikir di Google Adsense kadang iklannya muncul kadang tidak, itu namanya akun email adsense udah di blokir pihak google, jadi terpaksa harus mengganti/mendaftar email baru. Tapi tenang aja Mas Yoga di sini akan memberi bantuan supaya iklan Adsense sobat bisa terus muncul,, hehehhe
walaupun tutorial ini hanya tampilan Iklan Baris Google Adsense palsu, tapi kan bisa di coba.,, biar blog kita di kata'in, wih keren udah ada Adsensenya :D
Baca Juga ;
Cara Ampuh Blog di Index google
Membuat Youtube lebih Responsive di blog
Yuk kita langsung ke tutorialnya ;
1. Masuk ke akun blogger sobat
2. Menuju menu Template > Edit HTML
3. Copy pastekan kode di bawah ini tepat di atas kode ]]></b:skin>
#Google-Adsense {
width:304px;
height:259px;
background-color:white;
position:relative;
overflow:hidden;
margin:0 auto;
}
#Google-Adsense h2.iklan-header {
cursor:pointer;
background-color:white;
background-image:none;
font:normal 20px Verdana, Tahoma,Serif;
color:blue;
border-top:1px solid #d8d8d8;
padding:10px;
margin:0 0;
position:relative;
text-transform:none;
letter-spacing:0;
}
#Google-Adsense h2.iklan-header:first-child {
border-top:none;
}
#Google-Adsense h2.active {
display: none;
}
#Google-Adsense h2.iklan-header:before{
content:"";
width:0;
height:0;
position:absolute;
top:20px;
right:15px;
border:5px solid transparent;
border-color:#b2b2b2 transparent transparent;
}
#Google-Adsense div {
height:100px;
padding:10px 70px 10px 10px;
font:normal 13px Verdana, Tahoma,Serif;
color:white;
border-top:1px solid #d8d8d8;
}
.judul {
font:normal 20px Verdana, Tahoma,Serif;
color:blue;
margin:0 0 5px 0;
}
a.judul{
font:normal 20px Verdana, Tahoma,Serif !important;
color:blue !important;
text-decoration:none;
display:inline-block;
}
a:hover.judul {
font:normal 20px Verdana, Tahoma,Serif !important;
color:blue;
text-decoration:underline;
}
.isi-iklan a{
font:normal 13px Verdana, Tahoma,Serif;
color:green;
text-decoration:none;
display:block;
margin-bottom:10px;
}
.isi-iklan a:hover{
color:green;
text-decoration:none;
}
.isi {
padding-top:15px;
color:#222;
text-align:left !important;
}
.panah-besar {
background: #4d90fe;
border-radius: 50%;
cursor: pointer;
height: 34px;
float: right;
margin-right: -60px;
margin-top: -40px;
width: 34px;
text-align: center;
line-height: 34px;
}
.panah-besar:hover {
background: #4472bd;
}
.info-icon {
width:15px;
height:15px;
position:absolute;
top:0;
right:0;
cursor:pointer;
}
.info-iklan {
background:#d3d3d3;
width:100px;
height:15px;
border-bottom-left-radius:4px;
position:absolute;
top:0;
right:0;
color:#000;
font:normal 11px Arial,Sans-Serif;
text-align:left;
overflow:hidden;
padding-right:19px;
padding-left:5px;
display:none;
}
4. Jika kode di atas sudah terpasang, sekarang ayo kita pasang kode Java Scriptnya. Pasang kode Java Script di bawah ini tepat di atas kode </head> jika kode Java Script sudah terpasang. Jangan lupa untuk simpan Template ya,,
5. Langkah kelima, setelah pasang kode Java Script, sekarang ayo kita pasang kode widget-nya,, ke Menu Tata Letak > Tambahkan gadget > pilih HTML/Java Script > setelah itu copy pastekan kode di bawah ini
Jika kode gadget sudah terpasang jangan lupa untuk menyimpannya,,
**Kode di atas juga bisa sobat edit sesuka sobat blogger :)
6. Pemasangan kode CSS sudah, Java Script sudah, Widget sudah. sekarang untuk melihat tampilan iklan barisnya :)
Mungkin tutorial ini bisa bermanfaat buat sobat bloggerr,,, ingat sobat Iklan Baris Google Adsense ini hanya Palsu,, jadi jangan asal klik dan nunggu penghasilannya,, hhehehhe
Jika ada permasalahan silahkan langsung chat Mas Yoga, atau tulis di kotak komentar,..
Jika ada kesalahan dalam penulisan kata, kode, kesamaan kata mohon di maafkan sebesar-besarnya,, Terima Kasih sudah Berkunjung
jangan lupa balik kunjung dan selalu ninggalin komentar,
Sampai Jumpa sobat blogger, tunggu updetan selanjutnya dari Mas Yoga
Demikianlah Artikel Tutorial Membuat Iklan Baris Seperti Google Adsense di Blog
Sekianlah artikel Tutorial Membuat Iklan Baris Seperti Google Adsense di Blog kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.
Anda sekarang membaca artikel Tutorial Membuat Iklan Baris Seperti Google Adsense di Blog dengan alamat link https://iplanetpost.blogspot.com/2016/03/tutorial-membuat-iklan-baris-seperti.html
0 Response to "Tutorial Membuat Iklan Baris Seperti Google Adsense di Blog"
Posting Komentar