Membuat Iklan Bersampingan Dengan Logo Blog
Sebagai Demo bisa melihat gambar ini atau melihat langsung di header.
Nah untuk membuat itu caranya cukup mudah.
Langkah 1
1. Login Ke Blogger > Rancangan > Edit HTML > Kemudian cari kode #header-wrapper
Jika sudah ketemu akan ada kode #header di bawahnya. hapus semua kode #header dan gantikan dengan yang baru 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(http://1.bp.blogspot.com/-ZQGiGdDNVss/TmWDF9SidsI/AAAAAAAABnk/2g2kUFSpE4U/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}
Langkah 2
Cari kode <div id=header-wrapper'> bila sudah ketemu buatlah susunannya seperti kode di bawah ini :
<div id='header-wrapper'>
<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 -->
Setelah selesai Save template. Sehingga dengan ini kita sudah berhasil membuat elemen baru di sebelah logo blog.
Jika langkah-langkah di atas sudah berhasil, kita masuk ke langkah ke 3 yaitu memasang iklan.
Buka rancangan, saat Anda mebuka rancangan maka akan ada penambahan elemen halaman baru di header sebelah logo. fotonya kurang lebih seperti ini :
Selanjutnya Anda tinggal menambah widget baru > pilih HTML/Javascript
setelah itu masukan kode iklan untuk zona header
Simpan dan kemudian lihat hasilnya.
Nah sahabat kucoba, semoga tutorial ini bermanfaat. Selamat mencoba..
Tidak ada komentar:
Posting Komentar