Loading...

Cara Membuat Iklan/Widget Disebelah Judul Blog


CARA INI 100% YAKIN BISA UNTUK TEMPLATE BAWAAN BLOGGER
CARA INI 60% YAKIN BISA UNTUK TEMPLATE NON BAWAAN BLOGGER (di coba aja gan)

seperti ini tampilannya :

nah seperti itu nanti jadinya. :) tapi kalo yang versi saya. saya jadikan 1 kolom bisa diisi 2 widget. nanti saya kasih tau caranya kok.. 

LANGSUNG SAJA !! ikuti langkah2 ini :

1. login dahulu di blog agan masing2
2. Template -> edit HTML -> centang EXPAND WIDGET TEMPLATE
3. cari kode ini : (ketik CTRL + F Untuk memudahkan pencarian)


.header-outer {
background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;}


HAPUS dan ganti kode di atas dengan kode di bawah ini :


.header-outer {
background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;
_background-image: none;min-height: 145px; /* untuk mengatur tinggi header (height) */
}
#header {
width: 45%; /* untuk mengatur lebar header kiri – title, description, image */
margin-right: 10px;float: left;
}
#bgsGR_headerkanan {
float: right;
width: 49%; /* mengatur lebar header kanan */
margin: 20px 10px 5px 10px;
padding: 2px;
}
#bgsGR_headerkanan .widget {margin: 3px;}
}


*Tulisan warna merah bisa agan ganti dengan ukuran lebarnya. 

4. MASIH PADA EDIT HTML.. cari kode di bawah ini :



<div class='region-inner header-inner'>


5. Lalu masukkan kode di bawah ini TEPAT DI BAWAH KODE PADA POIN NOMOR "4"

<b:section class='bgsGR_headerkanan' id='bgsGR_headerkanan' maxwidgets='1' showaddelement='yes'/>

Nah itu ANGKA "1" sebagai JUMLAH WIDGET Yang bisa di pasang pada kolom yang di buat ini. apabila menunjukkan angka "1" berarti hanya 1 widget saja yang bisa di tampilkan pada kolom yang kita buat ini

SIMPAN ... 

INFO !! INFO INFOO !! :

apabila agan ingin menambahkan widget lagi di bawah judul atau atas judul blog. agan tinggal geser kebawah sampai menemukan kode ini :


<b:section class='header' id='header' maxwidgets='1'showaddelement='no'>

* WARNA MERAH itu sebagai MAXWIDGETNYA... bisa di rubah sampai berapa pun :D 

Itulah TUTORIAL untuk anda. cara membuat kolom di sebelah judul blog (Untuk template bawaan blogger) terima kasih atas kunjungan anda. jangan lupa komentar yaa kawan :D
thx 


Click here for comments 0 komentar:

Berkomentarlah :

1.Dengan kata-kata yang sopan
2.Tidak menaruh link aktif ataupun non aktif
3.No spam, no sara, and no porn
4.Tidak promosi blog
5.Komentar yang tidak sesuai dengan isi konten akan langsung saya hapus
6.Komentar yang bagus akan saya publish dan saya beri komentar balik

Terima kasih atas komentar Anda
Back to Top