Cara Membuat dan Menambahkan Header Right Untuk Masang Iklan
Sesuai dengan gambar diatas. Itu merupakan hasil tambahan header menjadi 2. Biasa digunakan para blogger untuk menaruh iklan space. sayapun juga memasang iklan disitu. Template bawahan blogger tidak menyediakan itu, jadi kita membuatnya sendiri. Pada gambar diatas kolom sebelah kanan merupakan kolom yang akan kita buat/tambahan, kolom tambahan tersebut bisa kita gunakan untuk pasang Iklan atau lainnya terserah untuk apa anda inginkan, karena pada dasarnya kolom pada header sebelah kanan yang akan kita buat tersebut berfungsi sama dengan sidebar blog. Oke langsung saja kita praktekan :
Cara Pertama :
1. Buka Blogger - Login Blogger.
2. Dashboard - Template - Edit HTML.
3. Temukan kode ]]></b:skin>
4. Copy-Paste kode berikut ini, dan Letakkan diatas kode ]]></b:skin>
#header, body#layout #header {width:300px;display:inline-block;float:left;}
#header-right, body#layout #header-right {width:468px;display:inline-block;float:right;padding:15px;}
#header-right .widget {margin:0;}
#header-right, body#layout #header-right {width:468px;display:inline-block;float:right;padding:15px;}
#header-right .widget {margin:0;}
Catatan:
Angka 300px (untuk space nama blog/logo di kiri) dan 468 (untuk space iklan di kanan) bisa diubah. Kalau ragu, biarkan seperti itu.
5. Jika sudah? Temukan lagi kode <a expr:href='data:blog.homepageUrl'><data:title/></a>
Maka Hasilnya Seperti ini :
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
</b:if>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
Screenshoot :
6. Copy & Paste kode berikut dan letakkan diantara kode </b:section> dan </div>
<b:section id='header-right' showaddelement='yes'/>
<div style='clear: both;'/>
<div style='clear: both;'/>
Maka Jika digabungkan hasilnya akan seperti ini :
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
</b:widget>
</b:section>
<b:section id='header-right' showaddelement='yes'/>
<div style='clear: both;'/>
</div>
</div>
</b:if>
</b:includable>
</b:widget>
</b:section>
<b:section id='header-right' showaddelement='yes'/>
<div style='clear: both;'/>
</div>
</div>
7. Simpan Template!
8. Silakan Buka Tata Letak Apakah Berhasil. Jika Berhasil Silakan Pasang Iklan Sesuka Anda.
Untuk Percobaan Pasang Iklan di Blogger Anda :
1. Buka Tata Letak.
2. Header Right. ( Tata Letak Yang Barusan di Tambahkan )
3. Copy & Paste kode berikut untuk pasang iklan.
<!-- Start banner code MayCyber-Download -->
<div style="width: 428px; text-align: center; font-family: verdana; font-size: 10px;"><a href="http://rumahweb.com"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBjG2v8nztqtiMqxYOYAbcpRI0B7f5GVCQNS1Ngb_699k3YcldUdGypA8r90CHwMmFnGlsqfJwYknpCpbJzovguSGwyX9LJKkec_mzsr5G_w4hevBvrIaFCEI7YbOU44nkr4ElPW6s-pT7/s1600/beli+domain+custom+blog.jpg" width="628" height="70" title="Custom Your Domain!" /></a><br /></div>
<div style="width: 428px; text-align: center; font-family: verdana; font-size: 10px;"><a href="http://rumahweb.com"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBjG2v8nztqtiMqxYOYAbcpRI0B7f5GVCQNS1Ngb_699k3YcldUdGypA8r90CHwMmFnGlsqfJwYknpCpbJzovguSGwyX9LJKkec_mzsr5G_w4hevBvrIaFCEI7YbOU44nkr4ElPW6s-pT7/s1600/beli+domain+custom+blog.jpg" width="628" height="70" title="Custom Your Domain!" /></a><br /></div>
4. Simpan!
Bagaimana? Mudah bukan, Jika terjadi kesalahan jangan ragu-ragu untuk berkomentar, nanti saya akan memberi solusinya. Sekian dari saya, Semoga Bermanfaat!
© MayCyber-Download
Related Post
0 Response to "Cara Membuat dan Menambahkan Header Right Untuk Masang Iklan"
Post a Comment