Home » » Cara Membuat 3 Kolom Elemen di Atas Footer

Cara Membuat 3 Kolom Elemen di Atas Footer

Written By RACHMAT SR on Selasa, 15 Februari 2011 | 02.26

 Cara Membuat 3 Kolom Elemen di Atas Footer

Cara Membuat 3 Kolom Elemen di Atas Footer.
Khusus yang ingin membuat mempercantik Blog Dengan Menambahkan 3 Kolom Elemen di Atas Footer.
Silahkan ikuti langkah-langkah berikut :
Login ke Blogger klik Rancangan klik Edit HTML klik tulisan Download Template Lengkap.
Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula.
Beri tanda centang pada kotak di samping tulisan Expand Template Widget, kemudian cari kode seperti dibawah
Tips : Untuk mempercepat pencarian sobat bisa gunakan tombol (F3)

 
Jika sudah ketemu tambahkan kode berikut di atasnya :

 
Untuk membuat elemen di atas footer.
Cari kode seperti dibawah ini :

 
Jika sudah ketemu tambahkan kode berikut di atasnya :Jika Kode diatas tidak diketekan / tidak ada sama sekali, Maka anda harus menambahkan kode diatas ke Template Anda, Ikuti caranya Dibawah ini:
Namu Jangan lupa klik tulisan Download Template Lengkap Dulu.
Kira-kira demikian, . Cari Kode <div class='clear'>&#160;</div> akan terlihat seperti di bawah ini.

<!-- spasi untuk tampilan agar sidebar dan main punya ketinggian yang sama-->
<div class='clear'>&#160;</div>

</div> <!-- End content-wrapper -->


</div></div> <!-- End outer-wrapper -->
</body>

dan Copy Paste Kode diatas yang warna merah dibawah kode ini: <div class='clear'>&#160;</div>
Jadinya Tepatnya akan seperti ini
<!-- spasi untuk tampilan agar sidebar dan main punya ketinggian yang sama-->
<div class='clear'>&#160;</div>

</div> <!-- End content-wrapper -->

<div id='footer-wrapper'>
<b:section class='footer' id='footer'>
</b:section>
</div>

</div></div> <!-- End outer-wrapper -->
</body>

----------------Atau Seperti begini :
<!-- spasi untuk tampilan agar sidebar dan main punya ketinggian yang sama-->
<div class='clear'>&#160;</div>

</div> <!-- End content-wrapper -->

<div id='footer-wrapper'>
<b:section class='footer' id='footer'>
<b:widget id='Text1' locked='false' title='Blogger Template | Bordr' type='Text'/>
</b:section>
</div>

</div></div> <!-- End outer-wrapper -->
</body>

Hapus yang warna merah diatas jika anda tidak ingin menampilkannya.
-------------------------------------------------
Kemudian tambahkan kode berikut di atasnya :
<div id='footer-wrapper'>
<b:section class='footer' id='footer'>
<b:widget id='Text1' locked='false' title='Blogger Template | Bordr' type='Text'/>
</b:section>
</div>
Jalan-jalan terlalu banyak
Keterangan : Sesuaikan ukuran lebar width footer dengan template dan lebar elemen yang akan ditambahkan.
Jika sudah selesai SIMPAN TEMPLATE dan lihat hasilnya.

Selamat mencoba semoga berhasil.

Daftar isi Blog
Download Menu
Form Link
Tiny URL
Hahi 39 Blogspot
Share this article :

1 komentar:

  1. makasi infonya mas, dan oh ya klo ada teman2 yg suka film horor terbaru, aku ada blognya nie, silakan dikunjungi krn dijamin tidak menyesal krn filmnya seru2 dan bisa didownload lagi loe, mkasi mas

    BalasHapus

Thank for your visit, leave your suggestions and comments in the fields below ...

Silahkan meninggalkan komentar anda sehingga kita dapat berbagi pemikiran Anda dengan pengunjung lainnya.



 
Support : Al Islam | Paalem 3 | Mushola
Copyright © 2013. Panduan Blogger - All Rights Reserved
Template Created by Creating Website Modified by CaraGampang.Com
Proudly powered by Blogger