17 Jul 2012

Membuat 5 Elemen Baru di atas Footer BloggerClick here to get more tutorials!

Klik untuk memperbesar gambar!Tak ada elemen blogger yang berukuran kecil karena jumlah maksimal elemen yang telah disediakan blogger melalui pilihan yang tersedia di "Perancang Template Blogger - Tata letak hanya berjumlah 3 elemen di bagian footer. Anda bisa melihatnya melalui Dasbor - Templpate - Ubahsuaian - Tata Letak (perancang Template Blogger).
Membuat elemen baru yang lebih kecil memungkinkan kita membuat 5 atau lebih elemen dalam deret horizontal. Anda bisa menggunakan elemen baru ini untuk memuat widget/gadget baru dalam ukuran yang relatif kecil sehingga dalam satu deret horizontal akan bisa ditampilkan beberapa widget sekaligus. Ukuran yang lebih kecil seperti ini bisa dimanfaatkan untuk box adsense/iklan, misalnya, atau anda bisa manfaatkan juga sebagai box widget bagi kode2 css, javascript.

Cara Membuat 5 Elemen baru di atas Footer

  1. Login ke Blogger
  2. Dasbor (Dasboard)
  3. Template
  4. Backup/Restore Template. Panduannya bisa dibuka disiniKlik untuk mengikuti panduan cara melakukan backup/restore template.
  5. Edit HTML
  6. Template › Edit HTML
    • Procced (Lanjutkan)
    • Expand Widget Template
    • Cari Kode : </footer>
    • Gunakan Ctrl + F untuk mempermudah & mempercepat pencarian.
    • Copydan paste-kan xHTML yang tersedia di bagian bawah tepat di atas kode </footer>.
    • Simpan Template/Save Template
  7. Selesai...
  8. Buka blog halaman Tata Letak untuk melihat hasilnya.
<div id='GRnew1' style='width:20%;float:right;'><b:section class='GRnew' id='myGRnew1' showaddelement='yes'/></div>
<div id='GRnew2' style='width:20%;float:right;'><b:section class='GRnew' id='myGRnew2' showaddelement='yes'/></div>
<div id='GRnew3' style='width:20%;float:right;'><b:section class='GRnew' id='myGRnew3' showaddelement='yes'/></div>
<div id='GRnew4' style='width:20%;float:right;'><b:section class='GRnew' id='myGRnew4' showaddelement='yes'/></div>
<div id='GRnew5' style='width:20%;float:right;'><b:section class='GRnew' id='myGRnew5' showaddelement='yes'/></div>
<div style='clear:both;'/>
Keterangan/Catatan:
  1. Elemen baru berjumlah 5 buah.
  2. Pengaturan jumlah elemen dilakukan dengan mengatur prosentase width (dalam %). Jumlah elemen aru berbanding lurus (sebanding dengan prosentase width).
  3. Dalam 1 (satu) blog dihitung 100% (width), sehingga anda dapat membuat jumlah elemen sesuka hati dengan mengatur prosentase setiap elemen.
  4. Gunakan id berbeda untuk setiap elemen.
  5. Sebagai contoh: untuk 4 elemen maka width=25%, sedang elemen dikurangi menjadi 4 (id 1 s/d 4).

No comments:

Post a Comment

Terima kasih atas kunjungan dan komentar anda!Klik disini dan dapatkan lebih banyak tutorial menarik lainnya!