Pada Template blog di Blogger (Blogspot), secara umum hanya dapat menambah dua gadget/widget yang sejajar. Penambahan tersebut mungkin tidak memaksimalkan bagian footer, setidaknya bila terdapat
tiga gadget/widget yang sejajar maka dapat memaksimalkan informasi yang disampaikan pada bagian footer blog di Blogger (Blogspot).
Trik ini hanya dapat diaplikasikan pada template default yang sudah disediakan oleh Blogger, template yang dimodifikasi adalah
Langkah untuk membuat ruang gadget/widget sebanyak tiga buah:
|
Perubahan Footer Pada Blog Di Blogger (Blogspot) |
Penambahan Manual
- Setelah masuk ke akun blog maka dilanjutkan dengan mengakses Template.
- Lakukan pencadangan template untuk memudahkan restorasi template.
- Klik tombol Edit HTML.
- Pasang kodeskrip CSS berikut sebelum tag ]]></b:skin>
/* CSS 3 Ruang Gadget Sejajar */
#boks-ruang-utama {
clear:both;
}
.kolom-boks {
padding:0px 10px 10px 10px;
border:0px dotted;
}
- Pasang kodeskrip HTML berikut sesudah tag <footer> / gadget (widget) Attribution.
<!-- HTML 3 Ruang Gadget Sejajar -->
<div id="boks-ruang-utama">
<div id="box1" style="float: left; margin: 0; text-align: left; width: 33%;">
<b:section class="kolom-boks" id="kol1" preferred="yes" style="float: left;"/>
</div>
<div id="box2" style="float: left; margin: 0; text-align: left; width: 33%;">
<b:section class="kolom-boks" id="kol2" preferred="yes" style="float: left;"/>
</div>
<div id="box3" style="float: right; margin: 0; text-align: left; width: 33%;">
<b:section class="kolom-boks" id="kol3" preferred="yes" style="float: right;"/>
</div>
<div style="clear: both;"></div>
</div>
- Klik tombol Simpan template.
- Klik tombol Kembali untuk melihat hasilnya.
Penambahan Otomatis
|
Penambahan Otomatis Dengan Bantuan Perancang Template Blogger |
- Setelah masuk ke akun blog maka dilanjutkan dengan mengakses Template.
- Lakukan pencadangan template untuk memudahkan restorasi template.
- Klik tombol Sesuaikan untuk masuk ke Perancang Template Blogger.
- Pilih Tata Letak.
- Pada bagian Tata letak kaki pilih yang tiga ruang.
- Klik tombol Terapkan ke Blog.
- Klik « Kembali ke Blogger untuk melihat hasilnya.
Demikian
Trik Memaksimalkan Footer Pada Blog Di Blogger (Blogspot).
Semoga bermanfaat!
0 komentar:
Posting Komentar