Tips Membuat 3 Kolom Footer Di Blogger

Kadang kala kita mendapatkan template tanpa footer dan kadang pula kita ingin manambah footer pada template tersebut, seperti yang dilakukan pada blog Bintari Kuningan ini. Untuk itu saya akan posting tentang Tips Membuat 3 Kolom Footer Di Blogger..  

Caranya simple kok , inilah Tips Membuat 3 Kolom Footer Di Blogger :

1. Login ke Blogger.com  – > Pilih Template
2. Sebaiknya lakukan dulu backup template dengan klik Backup / Restore atau Cadangkan / Pulihkan, lalu klik download full template.
3. Klik tanda x untuk kembali ke menu template
4. Kemudian pilih Edit HTML  --> Centang Expand Widget Templates
5. Cari kode ]]></b:skin>, lalu diatasnya simpan kode berikut ini :

   #footer-column-divide { clear:both; }
   .footer-column {
   padding: 10px; }
   

6. Selanjutnya cari lagi kode : 

   <div id='footer-wrapper'>
   <b:section class='footer' id='footer'/>
   </div>

7. Coba ganti kode yang warna merah diatas dengan kode dibawah ini ( angka 30% dan 40 % adalah lebar dari wiidget tersebut, angka ini bisa diganti sesuai selera, patokannya dari ketiga widget tersebut kalau dijumlahkan harus 100 %.)

   <div id='footer-column-divide'>
   <div id='footer1' style='width: 30%; float:left;
   margin:0; text-align:left;'>
   <b:section class='footer-column' id='bintari1'
   preferred='yes' style='float:left;'/>
   </div>
   <div id='footer2' style='width: 40%; float: left;
   margin:0; text-align: left;'>
   <b:section class='footer-column' id='bintari2'
   preferred='yes' style='float:left;'/>
   </div>
   <div id='footer3' style='width: 30%; float: right;
   margin:0; text-align: left;'>
   <b:section class='footer-column' id='bintari3'
   preferred='yes' style='float:right;'/>
   </div>
   <div style='clear:both;'/>
   </div>

8. Menurut referensi yang saya baca walaupun ini belum saya coba, katanya kalau kode seperti pada nomor 6 diatas tidak ada, coba cari salah satu dari kode  <!-- end outer-wrapper –>  atau <div id='footer'>,
9. Diatas / sebelum salah satu kode pada no. 8 , coba letakkan Kode yang ada pada nomor 7 diatas
10. Lakukan preview dulu. Kalau sudah ok, tinggal Simpan template dan coba lihat hasilnya..

Sampai disini Tips Membuat 3 Kolom Footer Di Blogger. Yang telah saya lakukan pada blog ini. Yups.. Semoga bermanfaat.

Read More......

Cara Mudah Edit Artikel Dengan WLW

Sekarang saya akan berbagi tentang Cara Mudah Edit Artikel Dengan WLW atau Edit Old Post By Windows Live Wtiter. Oh ya Bila sobat belum tahu tentang WLW silahkan baca WLW Top Offline Blogging agar lebh mudah memahaminya.

Setelah bertanya pada mbah Google saya dapat jawaban bahwa Cara Mudah Edit Artikel Lama dengan Windows  Live Writer ( WLW ) seperti ini :

1. Buka software handal WLW atau Halaman Windows Live Writer
2. Pada menu File , pilih –> Open –> Recently Posted  (lihat yg diberi kotak merah)
3. Atau langsung di sebelah kanan ada menu Recently Posted -->Klik More …
4. Semua Artikel akan terbuka , Pilih Blog sasaran edit ( kalau Blog nya lebih dari satu )
5. Cari Artikel yang akan di edit. lalu --> klik Ok
6. Nanti setelah terbuka tinggal lakukan editing
7. Setelah selesai lakukan Preview dan jika ok tinggal klik Publish
8. Lihat hasilnya artikel sobat sudah ter update

Nah sampai disini Cara Mudah Edit Artikel  Dengan WLW , sangat mudah dan sederhana, ada lagi cara yang lebih ok dalam Edit Old Post By Windows Live Writer ini.. tunggu saja posting selanjutnya…

Read More......