Cara Menambahkan 3 Element Baru Diatas Footer Blog

Cara Menambahkan 3 Element Baru Diatas Footer Blog Single Link
Alternative Link : [ Click Here... ] Direct Link Cara Menambahkan 3 Element Baru Diatas Footer Blog | Hay sobat apa kabar kalian semua ? Kali ini Acep-Computer akan berbagi tutorial blog. Tutorial blog kali ini dipesan oleh salah satu teman saya di grup RBN. Tutorial blog kali ini adalah Cara Menambahkan 3 Element Baru Diatas Footer Blog.

Banyak sobat blogger yang templatenya tidak ada 3 element ini. Apalagi templatenya itu hasil download. Jadi kita harus mengeditnya secara manual. Meskipun cara ini sedikit ribet, tapi ini bisa menambah pengetahuan anda di dunia blogging. Tutorial ini saya dapat dari blog lano-info.

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

Ket :

• sobat bisa ganti kode yang warna biru tersebut sesuai dengan ukuran template (outer-wrapper) blog sobat.
• kemudian kode yang warna orange tersebut adalah ukuran tiga ukuran elemen sidebar yang akan di tambahkan di atas footer dibagian kiri.
• sedangkan kode yang warna ungu juga begitu untuk ukuran tiga ukuran elemen sidebar yang akan di tambahkan di atas footer dibagian tengah.
• dan terkahir adalah warna pink sama untuk ukuran tiga ukuran elemen sidebar yang akan di tambahkan di atas footer dibagian kanan.

Cukup mudah bukan Cara Menambahkan 3 Element Baru Diatas Footer Blog. Jika tutorial diatas tidak work silahkan komentar ya sob. Oke cukup sekian tips tutorial blog kali ini dari saya semoga bisa menambah wawasan anda. ^_^