Cara Membuat Iklan Disamping Logo Blog - Kali ini saya akan membahas Tutorial Blog Yaitu Cara Membuat Iklan Disamping Logo Blog, bagi anda yang ingin meletakan Iklan disamping Judul Atau Logo Blog ada cara nya.
Bagi sobat yang pingin memasang Iklan nya disamping Logo atau Judul Blog ikuti langkah-langkah di bawah ini.
- Login Ke Blog kamu.
- Pilih Rancangan.
- Pilih Edit HTML, Centang Expand Widget Template.
- Cari kode #header-wrapper
- Jika sudah ketemu, akan muncul kode #header, kamu ganti kode #header dengan kode di bawah 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/AVvXsEhi_v-h7MiHaNpQDDdtlcZ9jUxShYQKiUVg5jlETrhITz3QxGBnrJubOWcAljo0eWNjTB_6jMOhcI9EERmFgUrGK43x51ro2yW8eymauChvCiOyuTVUvoa6IgbBc1d5ODcmdsxuzCRox_s/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 Selanjut nya Cari kode <div id='header-wrapper'> buatlah susunannya kaya kode di bawah ini
<div id='header-wrapper'>Simpan dan Buka Rancangan akan muncul kaya gambar di bawah ini.
<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 -->
Selsai deh kalau ada kesulitan harap tinggalkan pesan di kotak komentar.
Posting Komentar