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>
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>
5. Kemudian cari kode HTML <div id="footer-wrapper"> atau kode yang sejenis. Kemudian copas kode di bawah ini di atas kode tersebut./* -- 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/AVvXsEgyRk-BiGaxxPdVkRWeNT0r2HuvctAbB1GpAumua3vc_84ainlP3pQzchhAk0DrRdD4f_81qApi7AHoVnv1a_0fvmAuq1NAF3lbGAOirrUlRN96QI4X-0ZR6rKmaOA5EYAyl7rAA5VRe8s/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;
}
<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:
numpang tanya kak gimana cara buat garis merah di bwa tulisan home
Posting Komentar