Cara Cepat Hamil

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



Tips and Trik Blog : 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("http://lh3.ggpht.com/_w3vbLlHM5kg/SbaWQmXKL8I/AAAAAAAAAEc/W7TmnpAs0x4/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 blog 9out of 10 based on 10 ratings. 9 user reviews.


Posted by : Gadis ~ / Software, Blog Tips and Trik, Tutorial , Internet, Bisnis

Artikel Cara dan Trik Menambah 3 Kolom Widget (add Gadget) pada Footer blog diposting oleh Gadis . Terima kasih atas kunjungannya. Kritik dan saran dapat disampaikan via kotak komentar.. Jika diperlukan Artikel ini bisa disebarluaskan melalui blog sobat, hanya mohon sebutkan sumbernya dengan tautan link aktif ke postingan ini. Terima kasih. Happy blogging

1 komentar:

nex mengatakan...

numpang tanya kak gimana cara buat garis merah di bwa tulisan home

Poskan Komentar