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
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
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.
bagus banget potingannya< nanti ajarin saya ya
BalasHapusmakasih mas
Hapusgag bisa di copy wakakakak males ngetike
BalasHapuscuman dikit kok ngetiknya klo dah masuk dashbord tinggal kopi source kode yang sudah ada trus edit dikit hi.. hi..hi..
HapusPake Teks dong jangan pake gambar hahaha.......kan engak bisa di copas,soalnya dah biasa copas,klo ngetik males.
BalasHapusBut way..thanx 4 info.
Wih pake gambar jadi mudah gan ngertinya cuma gak bisa di Copas :D
BalasHapusmaklum gan cuman akal-akalan, copas aja di htmlnya gan
Hapusaku pakek template 1 kolom, gimana nambah sidebarnya??
BalasHapus