Cara dan Trik Menambah 3 Kolom Widget (add Gadget) pada Footer blog

Postingan kali ini membahas mengenai menambah widget (add gadget) sendiri di bagian footer. Buat template sobat yang belum ada Widget (add Gadget) di footer nya anda bisa memakai trik kali ini. Silahkan simak langkah-langkah nya di bawah ini dan jika berminat baca juga Cara membuat permalink.

 Cara dan Trik Menambah 3 Kolom Widget (add Gadget) pada Footer blog

 

.

 

Langkah menambah 3 kolom di widget footer :

1. Login ke Blogger.

2. Tata Letak >> Edit HTML

3. Centang Kotak Expand Widget Template.

4. lalu cari kode ]]></b:skin> , dan letakkan kode berikut ini di atas kode ]]></b:skin>

/* -- bottom -- */

#bottom {
width:850px;
clear:both;
margin:0 auto;
float:left;
padding:10px 0;
color:#333;
background:#ffffff;
border-top:#ffffff;
border-bottom:#ffffff;
}

#bottom a:link {
color:#006699;
text-decoration:none;
}

#bottom a:hover {
color:#c06000;
text-decoration:underline;
}

#bottom a:visited {
color:#808080;
text-decoration:none;
}

#bottom h2 {
color:#000000;
padding:10px 0 2px 0;
margin:0 0 10px 0;
border-bottom:1px dotted #333;
font-size:11px;
font-weight:bold;
line-height:1.4em;
text-transform:uppercase;
}

#bottom ul {
padding:0;
margin:0;
color:#333;
}

#bottom ul li {
list-style-type:none;
border-bottom:1px dotted #333;
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0SnK5O7EKaO1By274wZ69qf9DUMsexLsL1naaW4z0e5NgL-gJI5Do7cyY5P7CmbjhQ9Yq2OrLU0chatotNRsA7r6kAxhD1ql0TMhQ6vmmoMG28KSuLvi7E-OiaYHNEs3ELtwU6uF8Blg/s144/Arrobblue.png") no-repeat 0px .17em; padding-left:17px;
margin-top:2px;
}

#bottom1 {
width:260px;
float:left;
padding-left:15px;
}

#bottom2 {
width:260px;
float:left;
padding:0 20px 0 20px;
}

#bottom3 {
width:260px;
float:right;
padding-right:15px;
}

5. Kemudian cari kode HTML <div id="footer-wrapper"> atau kode yang sejenis. Kemudian copas kode di bawah ini di atas kode tersebut.

<div id='bottom'>
<b:section class='bottom' id='bottom1' preferred='yes'/>
<b:section class='bottom' id='bottom2' preferred='yes'/>
<b:section class='bottom' id='bottom3' preferred='yes'/>
</div>

6. Kemudian Jangan lupa di simpan. buka menu tata letak, dan cari 3 kolom yang sudah anda buat. Kemudian anda boleh mengisinya dengan widget atau apapun yang anda suka. Semoga berhasil usaha kita.

Cara dan Trik Menambah 3 Kolom Widget (add Gadget) pada Footer blog9out of 10 based on 10 ratings. 9 user reviews.