Selamat Datang Di Blog Bisnis Online Terpercaya www.maslukis.com


Jumat, 04 November 2016

Menambah dan Membuat Cantik Footer

Footer blog adalah bagian paling bawah pada halaman blog yang mempunyai baerbagai fungsi diantaranya adalah sebagai tempat untuk menambahkan gadget yang dianggap penting selain itu menambahkan footer juga dapat membuat blog semakin cantik dan rapi karena warna footer bisa di sesuaikan dengan warna header (bagian paling atas pada blog) maka dari itu sangat penting untuk seorang blogger anyar untuk tahu bagaimana cara menambahkan footer pada blog.

TUTORIAL BLOG DAN OPTIMASI SEO

Sebagian besar template blog memang sudah dilengkapi dengan footer akan tetapi masih banyak juga template blog yang bagus tapi belum dilengkapi dengan footer,maka dari itu untuk anda yang terlanjur cinta sama template yang sudah anda punya tapi belum dilengkapi dengan bagian footer,anda bisa membuat solusi sendiri dengan Cara Mudah Menambah dan Membuat Cantik Footer karena selain menambah footer anda juga bisa mengedit sendiri untuk menyesuaikan agar tampilan blog menjadi cantik.

Cara Menambahkan Footer pada Blog

1.Buka template blog dan cari kode ]]></b:skin>
2.Taruh kode css dibawah ini tepat di atas kode ]]></b:skin>

1#footer-column-divide {
2    clear:both;background: #3B5998;color:#ffcc66;
3    }
4    .footer-column {
5    padding: 10px;
6    }

3.Kemudian cari kode <div id='footer'> letaknya pada bagian bawah template blog bila tidak ada cari saja yang mirip atau semacamnya.

4.Setelah ketemu taruh kode dibawah ini tepat di atasnya (kode pada langkah ke-tiga).

01<div id='footer-column-divide'>
02
03    <div id='footer1' style='width: 33%; float:left;
04    margin:0; text-align:left;'>
05    <b:section class='footer-column' id='kol1'
06    preferred='yes' style='float:left;'/>
07    </div>
08
09    <div id='footer2' style='width: 33%; float: left;
10    margin:0; text-align: left;'>
11    <b:section class='footer-column' id='kol2'
12    preferred='yes' style='float:left;'/>
13    </div>
14
15    <div id='footer3' style='width: 33%; float: right;
16    margin:0; text-align: left;'>
17    <b:section class='footer-column' id='kol3'
18    preferred='yes' style='float:right;'/>
19    </div>
20
21    <div style='clear:both;'/>
22    </div>

5.Save Template.

Ket:Untuk kode  #3B5998; dan  #ffcc66;  anda bisa menggantinya dengan kode yang lain untuk menyesuaikan warna footer pada halaman blog.


Baca Juga:

Comments
0 Comments

0 komentar:

Posting Komentar

 
Copyright © 2018. Info Hari Ini . All Rights Reserved
Jl. Delta Raya Utara Kav. 49 - 51 Deltasari Baru, Sidoarjo, Jawa Timur, Indonesia 61256
PT. Bimasakti Multi Sinergi