Home » , , » Memasang 3 Widget Di Bawah Header

Memasang 3 Widget Di Bawah Header

Di tulis oleh Ifan Prabowo pada Thursday, March 1, 2012 | 4:53 AM

Dalam kesempatan kali ini saya akan share bagaimana cara menambah 3 kolom widget dibawah header.. Widget 3 kolom dibawah header ini sebenarnya bisa sobat tambahkan jika pada bagian sidebar template sudah penuh dan terlalu panjang, Sebagai alternatif untuk meletakkan kode html ataupun javascript yang mungkin sobat perlukan. 
Berikut langkah-langkah cara menambah 3 kolom widget di bawah header 

1. Login bloger sobat. 

2. setelah masuk klik rancangan. 

3. Pilih Edit HTML. 

4. Sebelum memulai pengeditan alahkah baiknya sobat membackup data sobat terlebih dahulu, caranya pilih Download Template Lengkap. Ini di maksudkan untuk mengantisipasi jika terjadi kesalahan ketika pengeditan 

5. Centang Expand Template Widget 

6. Cari kode ]]></b:skin>, Tips agar lebih mudah sobat bisa menekan Ctrl + F/F3, kemudian ketikan kata yang di cari. 
6. Paste kode di bawah ini sebelum kode ]]></b:skin>


#tiga-kolom-dibawah-header { clear:both; .tiga-kolom { 
7. cari kode <div id='main-wrapper'>
8.setelah ketemu copas kode di bawah ini di atas kode <div id='main-wrapper'>


<div id='tiga-kolom-dibawah-header'><div id='kolom1' style='width: 35%; float: left; margin:0; text-align: left;'><b:section class='tiga-kolom' id='kolom1' preferred='yes' style='float:left;'/></div><div id='kolom2' style='width: 35%; float: center; margin:0; text-align: left;'><b:section class='tiga-kolom' id='kolom2' preferred='yes' style='float:center;'/></div><div id='kolom3' style='width: 30%; float: right; margin:0; text-align: left;'><b:section class='tiga-kolom' id='kolom3' preferred='yes' style='float:right;'/></div><div style='clear:both;'/></div>
#Bisa diatur ukurannya sesuai keinginan sobat, pada yang bertanda merah
9.klik simpan template. 

Semoga tutorial cara menambahkan 3 kolom di bawah header ini bermanfaat...... 
selamat mencoba.


Semoga bisa bermanfaat ya gan... Contohnya bisa dilihat di blog ane gan. Tapi ane cuma 2 widget dan pada dasarnya sama saja kok. Tinggal kreatifitas sobat aja di perlukan.
Share this article :
Baca Juga Yang Ini !!

Dapatkan artikel terbaru dari " Mahasiswa Lugu ".

Masukan Email anda disini :


0 comments:

Post a Comment

:: MAHASISWA LUGU ::
Just share and save my story

 
Support : Maskolis | RMC | Naeza
Copyright © 2012. Mahasiswa Lugu - All Rights Reserved
Webmaster by Ifan Prabowo