Sunday, December 6, 2015

Cara Membagi Header Blog Menjadi Dua Bagian

/ by  / with No comments /

Cara Membagi Header Template Blog Bawaan Blogger Menjadi Dua BagianTEMPLATE blog bawaan blogger (default) biasanya hanya punya satu kolom di header, sehingga hanya bisa menyimpan nama atau logo blog di sana.Tutorial berikut ini akan memandu bagaimana...

3. Copy & Paste kode berikut ini di antara kode and



Hasilnya seperti ini:












4. Copy + Paste kode berikut ini di atas atau sebelumkode ]]>

#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 300 (untuk space nama blog/logo di kiri) dan 468 (untuk space iklan di kanan) bisa diubah. Kalau ragu, biarkan seperti itu.

5. Save template!

LANGKAH KEDUA
1. Klik Layout
2. Akan muncul kolom buat Widget baru HTML/Javascript di bawah Header seperti gambar di bawah.

Edit dan masukkan kode iklan atau url gambar di sana yang akan muncul di samping logo/nama blog.


Cara Membagi Header Blog Menjadi Dua Bagian


Itu dia Cara Membagi Header Blog Menjadi Dua Bagian, seperti sering CB praktekan juga ketika memodifikasi template blog bawaan blogger, misalnya templateCB Theme, yang aslinya The Simple default blogger.

CARA LAIN
Jika cara di atas gagal, atau kode-kodenya beda dengan tips di atas, coba gunakan cara lain berikut ini.

1. Template > Edit HTML
2. Cari kode seperti dalam gambar di bawah ini:

Cara Membagi Header Blog Menjadi Dua Bagian

3. Copy & Paste kode berikut ini di atas atau sebelum kode yang dikasih highlight kuning di atas:


4. Copas kode berikut ini sebelum atau di atas kode yang dihighlight grey di atas:








5. Copas kode berikut ini di atas kode]]>

.swt-blogheader {position: relative;width: 100%;}
#header {padding: 0;margin:0;overflow:hidden;float:left; width:35%;}
#swt-blogheader-right {padding: 0;margin:0;overflow:hidden;float:right;width:65%;}



Angka 35% (untuk logo/nama blog) bisa diubah menjadi 300px. Angka 65% (untuk space iklan di kanan) bisa diubah menjadi 468px. Sesuaikan aja dengan lebar keseluruhan headernya.

6. Save Template!

7. Klik Layout, maka akan tampak seperti ini:

Cara Membagi Header Blog Menjadi Dua Bagian

Silakan klik "Add a Gadget" dan isi dengan kode iklan atau url gambar. Jika menampilkan gambar, maka kodenya adalah seperti ini:




URL_LINK = link yang terbuka jika gambar diklik
URL_GAMBAR = ya... Url gambar yang dimunculkan di sana :) Simpan dulu gambarnya di Picasa Web Google, lalu copy link addressnya (image url link).






reff : http://www.contohblog.com/2015/01/cara-membagi-header-blog-menjadi-dua.html

Download Opera Mini Next 7 Terbaru

/ by  / with No comments /

Baru-baru ini Opera Mini merilis fitur terbarunya. Mereka menamainya: Opera Mini Next 7. Ini merupakan terobosan baru dari opera. Versi terbaru ini mempunyai beberapa keunggulan dibanding versi sebelumnya. Untuk melihat keunggulan dari Opera Mini terbaru 2012 ini, kita bisa mendownload langsung di ponsel,...

Cara Manual Mendapatkan Backlink Berkualitas dari Forum dan Blog Dofollow

/ by  / with No comments /

Cara Manual Mendapatkan Backlink Berkualitas dari Forum dan Blog DofollowBacklink sangat erat hubungan nya dengan seo dan Mesin Pencarian, oleh karena itu Backlink sangat diperlukan untuk memoptimasikan Blog/Web agar lebih Populer di mata mesin pencarian....
Subscribe to: Posts (Atom)