28 Maret 2012

Cara menambah kolom sidebar gadget pada template blogspot

Lumayan lama juga saya memakai template arthemia di blog saya ini tapi saya ra sa masih kurang juga. Saya ingin menambah lagi sidebar di bawah sidebar-middle yang sama dengan sidebar-top.
Cukup lama saya mencari-cari referensi aah susah juga cari yang langsung bisa di pasang dan berhasil. Mungkin karena memang berbeda dari templatenya. Akhirnya saya coba otak-atik sendiri dan ternyata cukup mudah untuk menambah sidebar hihihi…..

Jadi begini ...
Dari hasil baca-baca, saya jadi tau komponen sidebar di dalam html kemudian saya coba pelajari source code yang menunjukkan komponen sidebar tersebut satu persatu.

Html source code nya

Warna kuning adalah source code pada template sedangkan yang hijau adalah code setelah kita menambahkan gadget pada sidebar tersebut.

Kemudiana cara yang saya lakukan untuk menambahkan kolom sidebar sangat sederhana :
1. Login blogger --- design ---- edit html
Untuk lebih aman sebaiknya didownload dulu agar jika terjadi kesalahan kita dapat mengembalikan seperti semula.
Expand widget tidak usah di centang


2. Cari kode 



Letakan kursor pada kolom kode html copy code tersebut pada kolom pencarian

3. Kemudian saya tambahkan code berikut pada bagian bawah dari source code sidebar-middle lihat gambar tempat penambahan kode diatas 




Sidebar-bottom menandai sidebar yang kita buat tersebut
sidebar8 angka 8 menunjukkan sidebar yang kita buat adalah sidebar ke 8 bisa diganti sembarang asal berbeda dengan sidebar yang ada

4. save template dan inilah hasilnya

kolom sidebar baru sudah ada di bawah 2kolom sidebar-middle 

kode tersebut saya dapat dari copi paste source code hasil pengamatan di atas dengan sedikit modifikasi.
dengan cara ini mungkin bagi yang gak paham bahasa program html seperti saya bisa memanfaatkannya untuk melakukan modifikasi templete.


8 komentar:

  1. bagus banget potingannya< nanti ajarin saya ya

    BalasHapus
  2. gag bisa di copy wakakakak males ngetike

    BalasHapus
    Balasan
    1. cuman dikit kok ngetiknya klo dah masuk dashbord tinggal kopi source kode yang sudah ada trus edit dikit hi.. hi..hi..

      Hapus
  3. Pake Teks dong jangan pake gambar hahaha.......kan engak bisa di copas,soalnya dah biasa copas,klo ngetik males.
    But way..thanx 4 info.

    BalasHapus
  4. Wih pake gambar jadi mudah gan ngertinya cuma gak bisa di Copas :D

    BalasHapus
    Balasan
    1. maklum gan cuman akal-akalan, copas aja di htmlnya gan

      Hapus
  5. aku pakek template 1 kolom, gimana nambah sidebarnya??

    BalasHapus