Monday, February 18, 2013

Membuat 3 Footer Di Atas Footer

Cara terbaru membuat 3 element di atas footer terbaru, karena template berbeda-beda jadi berbeda pula element-elementnya, terkadang ada 3 footernya terkadang juga tidak ada. maka dari itu kuta harus membuuatnya secara manual.


Oke tidak usah panjang lebar langsung di praktekkan saja ya Cara Menambahkan 3 Element Baru Diatas Footer Blog :

1. Pertama buka blogger
2. Masuk ke template
3. Centang expand template widget
4. Lalu cari kode ]]></b:skin>
5. Kemudian copy kode dibawah ini dan paste diatas kode ]]></b:skin>

/* Tiga Elemen Baru Atas Footer by www.acep-computer-science.blogspot.com*/#bottomlanoinfo {width:930px;clear:both;margin:0 auto;float:left;padding:10px 0;color:#333;background:#ffffff;border-top:1px solid #333;}#bottomlanoinfo a:link {color:#006699;text-decoration:none;}#bottomlanoinfo a:hover {color:#c06000;text-decoration:underline;}#bottomlanoinfo a:visited {color:#045FB4;text-decoration:none;}#bottomlanoinfo h2 {background:#004083; font-size:14px; text-shadow:1px 1px #001e3c; color:#fff; text-align:left; padding:4px 10px; border-bottom:2px solid #001e3c;}{padding:20px 0 2px 0;margin:0 0 10px 0;border-bottom:1px dotted #cccccc;font-size:11px;font-weight:bold;line-height:1.4em;text-transform:uppercase;}#bottomlanoinfo ul {padding:0;margin:0;color:#333;}#bottomlanoinfo ul li {list-style-type:none;border-bottom:1px dotted #333;background:url("http://imicrothinking.files.wordpress.com/2009/10/whitebackground1920x1200.jpg") no-repeat 0px .17em;padding-left:17px;marwin-top:2px;}#left-bottom {width:290px;float:left;padding-left:15px;}#center-bottom {width:290px;float:left;padding:0 20px 0 20px;}#right-bottom {width:280px;float:right;padding-right:15px;}

6. Setelah itu cari kode ini <div id='footer-wrapper'> dan copy kode dibawah ini tepat diatas kode itu tadi
<div id='bottomlanoinfo'>
<b:section class='bottomlanoinfo' id='left-bottom' preferred='yes'/>
<b:section class='bottomlanoinfo' id='center-bottom' preferred='yes'/>
<b:section class='bottomlanoinfo' id='right-bottom' preferred='yes'/>
</div>

7. Setelah itu save template sobat

Keterangan :


  1. Sobat bisa ganti kode yang warna biru tersebut sesuai dengan ukuran template (outer-wrapper) blog sobat.
  2. Kemudian kode yang warna orange tersebut adalah ukuran tiga ukuran elemen sidebar yang akan di tambahkan di atas footer dibagian kiri.
  3. Sedangkan kode yang warna ungu juga begitu untuk ukuran tiga ukuran elemen sidebar yang akan di tambahkan di atas footer dibagian tengah.
  4. Dan terkahir adalah warna Hijau sama untuk ukuran tiga ukuran elemen sidebar yang akan di tambahkan di atas footer dibagian kanan.
Cukup, semoga manfaat.
You Might Also Like
Share this article :

0 komentar:

Post a Comment

Silahkan Berkomentar Untuk Saran Yang Dapat membangun kami

1. Jangan Membuat Komentar Yang bersifat Spam
2. Berikan Komentar Yang Baik
3. Kritik/saran Yang Bertujuan Memajukan Dan Membenarkan
5. Berikan Saran Yang Berkaitan Dengan Artikel Yang dibahas
6. Menggunakan Bahasa Yang Sopan
7. Tidak Mengandung Unsur Sara Dan Ejekan

 

JemberTheIsoZone - Copyright  © 2012 All Rights Reserved | Design by Fandy Converted and modified into Blogger Template by Jembertheisozone | Back to TOP