Dengan adanya iklan pada blog pastinya akan menjadi bonus untuk kita karena sudah bersusah payah mengeluarkan uang demi menulis artikel di warnet atau sebagainya. Penempatan iklan juga bermacam-macam, salah satunya di samping judul blog yang dipasang iklan. Saya kali ini akan membahas tentang hal tersebut dan mungkin ada yang belum tahu tentang trik tersebut. Jika yang sudah tahu mohon dikoreksi jika ada kesalahan tulisan. Namun bagi anda yang belum tahu triknya silahkan pelajari dan praktekan kepada blog anda. Trik-triknya adalah sebagai berikut.
1. Pastikan sudah login di Blogger.
2. Dari dasbor klik Rancangan > Edit HTML.
3. Cari kode #header-wrapper (Ctrl+F) dan ganti dengan kode berikut ini.
#header{background:transparant;float:left;width:179px;padding-top:15px;margin-left:7px;text-align:left;color:#f2f2f2}
#header2{float:right;margin-right:7px;width:728px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAeAvgaY4q7fNPyorFxWQ2Uu9hYR_oSyMThvl-tTL5n5wZRrpB9d-pETck-73YB486mLXxGVcGJ7JZ3ql-or-uK_6bXQiBAyiGCQXbmhQT-GQEXC3LH_fyc3KxFNNS4fH0-Cm9cBeWjcg/s1600/Advertisement+728x90.jpg) no-repeat;height:90px;margin-bottom:4px;margin-top:4px;}
#header h1{line-height:1em;text-transform:uppercase;letter-spacing:.01em;font:bold 30px Georgia, Serif;margin:0 auto;padding:0 auto}
#header a{color:#666;text-decoration:none}
#header a:hover{color:#666}
#header .description{max-width:100%;text-transform:none;letter-spacing:.01em;line-height:1.2em;font:normal 13px Arial;color:#999;margin:0 auto;padding:0 1px 5px}
#header img{margin:auto}
#header2{float:right;margin-right:7px;width:728px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAeAvgaY4q7fNPyorFxWQ2Uu9hYR_oSyMThvl-tTL5n5wZRrpB9d-pETck-73YB486mLXxGVcGJ7JZ3ql-or-uK_6bXQiBAyiGCQXbmhQT-GQEXC3LH_fyc3KxFNNS4fH0-Cm9cBeWjcg/s1600/Advertisement+728x90.jpg) no-repeat;height:90px;margin-bottom:4px;margin-top:4px;}
#header h1{line-height:1em;text-transform:uppercase;letter-spacing:.01em;font:bold 30px Georgia, Serif;margin:0 auto;padding:0 auto}
#header a{color:#666;text-decoration:none}
#header a:hover{color:#666}
#header .description{max-width:100%;text-transform:none;letter-spacing:.01em;line-height:1.2em;font:normal 13px Arial;color:#999;margin:0 auto;padding:0 1px 5px}
#header img{margin:auto}
4. Lalu cari kode <div id='header-wrapper'> (Ctrl+F) dan tambahkan kode berikut di atasnya.
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='' type='Header'/>
</b:section>
<b:section class='header' id='header2' maxwidgets='2' showaddelement='yes'>
</b:section>
<div style='clear:both;'/>
</div><!-- end header-wrapper -->
<b:widget id='Header1' locked='true' title='' type='Header'/>
</b:section>
<b:section class='header' id='header2' maxwidgets='2' showaddelement='yes'>
</b:section>
<div style='clear:both;'/>
</div><!-- end header-wrapper -->
5. Jika sudah klik Simpan Template.
Langkah Pemasangan Iklan
- Pada Elemen Rancangan terdapa elemen baru di samping judul blog atau logo, seperti pada gambar berikut.
- Lalu klik Tambah Gadget pada samping judul blog atau logo, seperti pada gambar di atas > Pilih HTML/Javascript > Masukan kode iklan yang akan dipasang.
- Klik Simpan.
Perhatian:
Widget ini berlaku bagi blog yang menggunakan template custom dan tidak bisa diterapkan bagi template asli bawaan dari Blogger.
>>>Selamat Mencoba<<<
Artikel Terkait:
Previous Article
Posting Komentar