menambahkan Footer 3 Kolom

Mengedit template blogger untuk memiliki footer 3 kolom untuk template blogger ternyata bukan perkara yang sulit, namun sangatlah mudah, hanya butuh beberapa menit waktu anda. Mungkin rekan-rekan blogger menganggap ini perkerjaan rumit, yah silahkan saja menganggap begitu, namun tunggu dulu baca tutorial ini, pasti anda akan heran.

Pemberitahuan jika anda akan mengedit blog anda maka di sarankan anda harus menyimpan template anda dengan cara Download Template Lengkap. Pada submenu Edit HTML. Agar bila terjadi kegagalan anda dapat mengembalikannya seprti semula dengan mengunggahnya kembali.


ok !!! langsung saja ke pokok pembahasan???

1. Login pada Blog anda
2. Pilih Tab Tata Letak
3. Pilih Sub Menu Edit HTML
4. Kemudian klik “Expand Widget Template”
5. Lantas save template anda kalau-kalau terjadi kesalahan
6. Kemudian temukan ini.

<div id='footer-wrapper'>

<b:section class='footer' id='footer'/>

</div>

5. Ganti kode yang berwarna merah dengan kode berikut:

<div id='footer-column-container'>

<div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'>

<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>

<div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>

<div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'>

<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>

<div style='clear:both;'/>
<p>
<hr align='center' color='#5d5d54' width='90%'/></p>
<div id='footer-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'>

<b:section class='footer' id='col-bottom' preferred='yes'>
<b:widget id='Text2' locked='false' title='' type='Text'/>
</b:section>

</div>
<div style='clear:both;'/>

</div>

6. Save template anda!
Selamat anda telah mempunyai footer 3 kolom di blogger anda. Untuk melihat hasilnya, anda kembali ke “page element” lalu lihat bagian footer, pasti ada 3 tempat untuk menempatkan page element. Nah silahkan anda taruh page element yang anda inginkan di footer 3 kolom blogger blogspot anda.

Semoga bermanfaat dan selamat mencoba.

Update Kolom tidak rata Template Magazine

Hiks… sudah beberapa hari tidak hadir di blog ini karena berbagai kesibukan, hasil cek ‘n ricek banyak laporan bahwa pada template magazine buatan kang Rohman terdapat masalah seperti kolom yang tidak rata dan link navigasi next previous hilang.
Sepertinya baru-baru ini blogger sedikit melakukan perubahan pada templatenya, ini terlihat pengaruhnya terhadap template magazine yang dahulu tidak bermasalah sekarang menjadi bermasalah, untuk itu diperlukan sedikit modifikasi pada template magazine tersebut.
Perlu diketahui sebelumnya bahwa artikel ini khusus untuk pengguna magazine template buatan kang Rohman yang kolom sebelah kiri tidak rata dengan kolom yang lain.

Agar kolom tersebut kembali sejajar dan navigasi next serta previous kembali muncul, silahkan lakukan langkah-langkah berikut ini :

• Silahkan login ke blogger dengab ID anda.
• Klik Tata Letak.
• Klik tab Edit HTML.
• Cari kode seperti berikut :

#main-wrapper

• Kode tadi terdapat dua kode yang sama pada posisi yang berbeda, ganti kedua kode tersebut menjadi

#main-wrapper, #blog-pager

• Klik tombol SIMPAN TEMPLATE.
• Selesai.

Seharusnya sekarang template anda sudah kembali sejajar dan link navigasi next previous akan kembali muncul.


Selamat mencoba!

Tips Mengganti template Tanpa menghapus Widget 1

Banyak yang mengeluh ke kang Rohman tentang hilangnya widget yang telah di pasang ketika mengganti template. Terhapusnya widget ketika mengganti template memang menjengkelkan karena mungkin saja anda medapatkan widget tersebut dalam jangka waktu yang lama, oleh karena itu kang Rohman akan memberikan tips mengganti template tanpa menghapus widget yang ada.

Saran : coba lakukan tutorial di bawah ini pada blog percobaan anda, jika sudah benar-benar faham, silahkan lakukan pada blog asli anda.

Tanpa basi-basi karena sekarang kang Rohman kurang bisa berbasa - basi, yuk langsung saja ke langkah-langkahnya.
Langkah #1. Backup Template

1. Silahkan login ke blogger dengan ID anda.
2. Klik Tata letak
3. Klik tab Edit HTML
   
4. Klik Tulisan Download Template Lengkap Silahkan download file tersebut ke komputer anda
   
5. Proses backup template selesai. Ini dilakukan hanya untuk berjaga-jaga apabila anda mengalami masalah ketika mengganti template, anda masih punya backup template yang lama.

Langkah #2 : Backup Kode Widget  (ini yang paling penting).

1. Masih dalam posisi tab Edit HTML .
2. Copy semua kode widget yang anda punyai ke dalam program " note pad "  atau text editor lainnya. Kode widget biasanya di awali dengan kode …… 
   
   Contoh kode widget milik kang Rohman :
   
   
   
   
   
   
   Kecuali kode widget yang seperti ini tidak usah di backup karena setiap template sudah ada ;
   
   
   
3. Proses backup kode widget selesai.

Langkah #3 : Mengganti template

1. Masih di posisi tab Edit HTML yang tadi.
2. Klik tombol Browse.. yang ada di bagian atas, pilih file template yang sudah anda download di situs penyedia template, kemudian klik tombol Unggah.
   
3. Akan ada peringatan bahwa Widget akan dihapus.
4. Klik tombol batal.
   
   
5. Tuju bagian bawah, cari kode untuk menempatkan widget. Biasanya kode untuk menempatkan widget di awali dengan kode   dan di akhiri dengan kode .  Contoh :
   
   
6. Copy lalu Paste kode widget yang tadi telah di backup pada Langkah #2 diantara kode untuk menyimpan widget. Contoh ; 
   
   
   
   
   
   
   
   
7. Jika sudah yakin bahwa semua kode widget sudah di paste pada template yang baru, silahkan klik tombol SIMPAN TEMPLATE.
   
8. Selesai. Jika anda tidak melakukan kesalahan, semua widget lama anda tidak akan hilang.

Mudah-mudahan mudah untuk di fahami.