Sabtu, 14 Februari 2015

Trik Memaksimalkan Footer Pada Blog Di Blogger (Blogspot)

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

Blogger Template Style
Name : Simple
Designer : Josh Peterson
URL : www.noaesthetic.com

Langkah untuk membuat ruang gadget/widget sebanyak tiga buah:

Kepowan-TrikMemaksimalkanFooterPadaBlogDiBloggerBlogspot.png Perubahan Footer Pada Blog Di Blogger Blogspot
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


Kepowan-TrikMemaksimalkanFooterPadaBlogDiBloggerBlogspot2.png Penambahan Otomatis Dengan Bantuan Perancang Template Blogger
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

 
..:: Arsip Blog ::..