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;}

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 :

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;'/>

Maka Jika digabungkan hasilnya akan seperti ini :

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.

<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/AVvXsEiwI-FpK9zIEejpersyjkXIyCl4U7Z2PiJp09hXBYc0NGZvyBQe477PUZVNSrnJsbyxa6iC-XwTqC0vDIMAtsJDJIcbF17e44URLAEnWimHRTKEme9jZj6EZJUMxbNVjEb8hJuX5v_pes6M/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!

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;'/>

Maka Jika digabungkan hasilnya akan seperti ini :

4. Simpan!

Bagaimana? Mudah bukan, Jika terjadi kesalahan jangan ragu-ragu untuk berkomentar, nanti saya akan memberi solusinya. Sekian dari saya, Semoga Bermanfaat!

Tags - Kalian sedang berada dipostingan Cara Membuat dan Menambahkan Header Right Untuk Masang Iklan

download Cara Membuat dan Menambahkan Header Right Untuk Masang Iklan android terbaru, apk android terbaru Cara Membuat dan Menambahkan Header Right Untuk Masang Iklan android asus, Cara Membuat dan Menambahkan Header Right Untuk Masang Iklan android advance, Cara Membuat dan Menambahkan Header Right Untuk Masang Iklan android apk, Cara Membuat dan Menambahkan Header Right Untuk Masang Iklan android app, Cara Membuat dan Menambahkan Header Right Untuk Masang Iklan android games, Cara Membuat dan Menambahkan Header Right Untuk Masang Iklan android programming, Cara Membuat dan Menambahkan Header Right Untuk Masang Iklan aplikasi edit foto,Cara Membuat dan Menambahkan Header Right Untuk Masang Iklan aplikasi facebook, Cara Membuat dan Menambahkan Header Right Untuk Masang Iklan aplikasi bbm

Cara Membuat dan Menambahkan Header Right Untuk Masang Iklan
,
Cara Membuat dan Menambahkan Header Right Untuk Masang Iklan aplikasi edit video

aplikasi vidmate Cara Membuat dan Menambahkan Header Right Untuk Masang Iklan aplikasi wa, aplikasi play store Cara Membuat dan Menambahkan Header Right Untuk Masang Iklan Download, Download Cara Membuat dan Menambahkan Header Right Untuk Masang Iklan indonesia aplikasi download lagu, aplikasi pembobol wifi Cara Membuat dan Menambahkan Header Right Untuk Masang Iklan Google Drive, download aplikasi instagram Cara Membuat dan Menambahkan Header Right Untuk Masang Iklan 3gp,Cara Membuat dan Menambahkan Header Right Untuk Masang Iklan mp4,Cara Membuat dan Menambahkan Header Right Untuk Masang Iklan mkv, Cara Membuat dan Menambahkan Header Right Untuk Masang Iklan google drive, Cara Membuat dan Menambahkan Header Right Untuk Masang Iklan 480p,Cara Membuat dan Menambahkan Header Right Untuk Masang Iklan 720p, aplikasi android terbaik Cara Membuat dan Menambahkan Header Right Untuk Masang Iklan,download aplikasi anti virus, aplikasi bigo live, download template web gratis, download template gratis, template website php, template website responsive, template blogspot, download template html, download template website dinamis gratis, download template premium, download template mirip atau clone, Download Professional XML Blogspot Templates, Free Blogger Templates, download blogger template responsive, Cara Membuat dan Menambahkan Header Right Untuk Masang Iklan download template blogger seo, download template blog xml, download template blog gratis terbaru, download template blog simple, download template blogger keren, cara mengganti template blog, download template fast loading seo friendly, Cara posting artikel, Cara memasang widget, Memahami menu-menu di blogger, Cara mengganti atau memasang template, Cara membuat halaman statis, Cara memasang favicon, Cara mengganti judul blog dengan logo, 10 Tutorial blogger lainnya, Cara Menghasilkan Uang dari Blog , Panduan Lengkap, Rahasia Cara Daftar Google AdSense Agar Mudah Diterima, SEO, BLOG, DAN INTERNET MARKETING, Tutorial Belajar SEO dan Blogging juga Internet Marketing Terpadu Yang Mudah Untuk Anda Pelajari, BELAJAR SEO, cara tutorial Membuat Website Wordpress, Cara Cepat Mendapatkan Backlink Untuk Menaikkan Ranking, Download Free Template Blog SEO Friendly Responsive Design Mudah Diedit, Cara membuat blog di blogger com, Cara Melakukan Optimasi SEO Onpage Google Dengan Benar, Berbagai Cara Cari Uang Di Internet Yang Perlu Anda Tahu, CARA MUDAH MEMBUAT THUMBNAIL POST WARNA WARNI SESUAI LABEL POST, CARA MEMBUAT BLOG SEO 100 DI CHKME COM, 5 TEMPLATES BLOGGER SEO RESPONSIVE KEREN TERBAIK 2017 GRATIS, CARA AGAR ARTIKEL ATAU POSTINGAN CEPAT TERINDEX GOOGLE, LANGKAH LANGKAH OPTIMASI ONPAGE PADA BLOG, CARA DAPAT UANG DARI BERBAGAI BISNIS ONLINE, UPLOAD VIDEO DI FACEBOOK BISA DAPAT UANG, CARA MEMBUAT WIDGET TWITTER DI BLOGGER BLOGSPOT, CARA MEMBUAT BREADCRUMBS SEO FRIENDLY DENGAN FONT AWESOME, MEMBUAT TOMBOL BACK TO TOP DENGAN EFEK BOUNCE, CARA MEMBUAT BADGE GOOGLE PLUS DAN DAPAT DI MODIFIKASI, MACAM TAG KONDISIONAL UNTUK MODIFIKASI TAMPILAN DAN MENYEMBUNYIKAN WIDGET, CARA MEMBUAT CATATAN KAKI SEO DAN TERINDEX GOOGLE, TIPS TRIK MEMPERCEPAT LOADING BLOG, TIPS TRIK MENDAPATKAN UANG DOLLAR DARI BLOGGER BLOGSPOT, CARA MEMBUAT THREADED COMMENTS VALID HTML5 DI BLOGGER, MEMBUAT ARTIKEL TERKAIT DISERTAI THUMBNAIL GAMBAR, JQUERY SLIDING PANEL DENGAN MEMBUKA MENUTUP UNTUK BLOGGER, CARA MEMBUAT STICKY WIDGET SIDEBAR DI BLOG, CARA MEMASANG TRANSLATE DENGAN GAMBAR BENDERA DI BLOG, FASTESEO SEO RESPONSIVE BLOGGER TEMPLATE, 6 RAHASIA CARA SAYA MENINGKATKAN RANKING ALEXA, DOWNLOAD TEMPLATE BLOGSPOT SEO RESPONSIVE PREMIUM, Cara memasang widget, download template blog anime, SSH PREMIUM, SSH GRATIS, OPEN SSH, Config HI Axis100Config HI Indosat, Config HI Smartfreen, Config HI Telkomsel, Config HI Three 3, Config HI XL, Config KPN Tunnel Ultimate, Config KPN Tunnel Ultimate Axis, Config KPN Tunnel Ultimate Telkomsel, Config KPN Tunnel Ultimate Three, Config OpenVPN Axis, Config OpenVPN Indosat, Config OpenVPN Three 3, Config OpenVPN XL