Cara Menambahkan Kotak Ads 728x90 di Sebelah Header

loading...

Selamat datang di The Royal Moringa. Postingan kali ini akan membahas mengenai cara membuat banner iklan berukuran 728x90 di samping header. Bagi anda yang sudah lama mendirikan blog dan telah memposting ratusan artikel pasti ada keinginan untuk mengembangkan hobi menulis menjadi bisnis yang menghasilkan uang. Bagaimana caranya? Menayangkan iklan di blog anda merupakan salah satu upaya untuk menghasilkan uang yang dapat menjadi penghasilan pasif anda atau orang biasa menyebutnya passive income. Kenapa dikatakan demikian? Alasannya adalah anda tidak perlu aktif untuk menawarkan iklan tersebut pada pengunjung atau menunggu di depan layar komputer secara terus menerus. Anda dapat melakukan aktivitas sehari-hari anda secara normal sementara iklan terus aktif ditayangkan. Anda cukup memantau berapa jumlah pengunjung yang mengklik iklan anda setiap bulannya. Langsung saja kita menuju cara pembuatannya.

1. Log in ke akun blog anda > Pada dashboard pilih Theme > Edit HTML > cari kode ]]></b:skin> kemudian copy dan paste kode CSS berikut diatasnya

                                         .header-ads{ width:728px; max-width:100%; max-height:90px; float:right; margin:0 } @media only screen and (max-width: 1010px) { .header-ads{ float:none; margin:0 auto }} @media only screen and (max-width: 310px) { .header-ads{ margin:10px auto 0 }} #ads-section h2{ display:none!important }

2. Kemudian copy dan paste HTML berikut diatas <!-- Main Menu --> atau jika tidak menemukan, silakan anda letakkan sebelum kode menu navigasi blog anda (peletakkan HTML ada pada tag body)

                                          <div class='header-ads'> <b:section id='ads-section' maxwidgets='1' name='Ads 728x90' showaddelement='yes'> <b:widget id='HTML31' locked='false' title='' type='HTML' visible='true'> <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'> <data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget> </b:section> </div>  

3. Save Template

4. Pilih menu Layout > Anda akan menemukan widget bertulisan Ads 728x90 > Edit > Silakan masukkan kode HTML iklan yang akan anda pasang > Save dan lihat hasilnya

Pastikan bahwa di samping header anda ada space atau tempat kosong yang bisa diletakkan banner iklan. Jika di samping header ada widget lain seperti search area, logo media sosial, gambar atau yang lainnya maka banner iklan secara otomatis akan terletak di bawahnya. Saya berharap banner iklan yang berhasil anda pasang menjadi salah satu fasilitas yang menunjang berkembangnya blog anda. Terima kasih telah membaca!

loading...