Jumat, 18 Januari 2013

Cara Membuat Satu Kolom Widget Diatas Footer

Cara Membuat Satu Kolom Widget Diatas Footer adalah juga sama seperti membuat satu kolom dibawah header atau diatas header dan tentunya lebih mudah dalam membuatnya. Kenapa saya mengatakan sama dalam membuat satu kolom widget diatas footer dengan diatas header? karena sama-sama dalam satu template dengan lebar template yang sama :) dan yang membedakan hanya pada tata letak saja. Silahkan anda bandingkan tata letak pada artikel yang telah saya jelaskan sebelumnya (hasil membuat satu kolom) dengan hasil setelah anda menerapkan artikel ini, cara membuat satu kolom diatas footer

Cara Membuat Satu Kolom Widget Diatas Footer

Berikut Cara Membuat Satu Kolom Widget Diatas Footer
  1. Masuk ke akun blogger anda
  2. Klik menu Template >> Edit Html >> tekan Ctrl+F pada keyboard anda
  3. Cari kode ]]></b:skin>
  4. Salin kode berikut tepat diatas kode ]]></b:skin>
  5. #oneupperfooter{margin:10px 0;padding:2px;width:100%;}
  6. Cari kode berikut ini <div id='footer'>
  7. Letakkan kode berikut ini tepat dibawah <div id='footer'>
    <b:section class='footer' id='oneupperfooter' preferred='yes'/>
    Sehingga hasilnya seperti berikut ini
    <div id='footer'>
    <b:section class='footer' id='oneupperfooter' preferred='yes'/>
  8. Klik Pratinjau terlebih dahulu untuk melihat hasilnya, jika tidak ada error silahkan Simpan Template anda dan lihat hasil di menu Tata Letak
Penting: Setiap template memiliki kode-kode css atau id html yang berbeda jadi sesuaikan setiap kode yang anda miliki dengan setiap panduan yang anda dapatkan atau sesuaikan setiap kode panduan dengan kode yang ada ditemplate anda

Okey, semoga artikel cara membuat satu kolom widget diatas footer ini memberikan manfaat dan mudah dibuat untuk dipasang diblog anda. Terimakasih, silahkan tinggalkan komentar anda jika ada permasalahan dalam membuat satu kolom widget diatas footer

Cara Membuat Satu Kolom Widget Diatas Footer Rating: 4.5 Diposkan Oleh: ana sriwahyuni

15 komentar:

  1. terima kasih banyak untuk berbagi informasi, Semoga Tuhan memberikan yang terbaik buat Kita Semua

    BalasHapus
  2. @Obat Kuat Herbal amin, sukses selalu untuk anda,, makasi ya ata komen serta kunjungannya

    BalasHapus
  3. Mantap tutorialnya...kunjungi okenusantara.blogspot.com dan inerie.blogspot.com

    BalasHapus
  4. tutorialnya bagus nih.. salam blogger :D

    BalasHapus
  5. terimakasih tutorialnya Bu, menjadi tambahan ilmu buat saya nie...

    BalasHapus
  6. @Datuk Villa sama-sama. semoga memberikan manfaat..

    BalasHapus
  7. Kok di Blog ku ga ada kode seperti di No.5 nya ya mas

    BalasHapus
  8. @prabuhelaudinata id=footer biasanya ada dibagian paling bawah mas, coba liat diatasnya </body> jika tidak ada maka ada kode lain sebagai penggantinya kode no.5

    BalasHapus
  9. terima kasih kk informasinya salam kenal http://gieachmad.blogspot.com/

    BalasHapus
  10. trimakasih infonya mas,, sudah lama nyari akhirnya nemu juga.
    izin coba.
    salam ngeblog

    BalasHapus
  11. Terima kasih tutornya, sudah saya praktekin di blog saya dan berhasil

    BalasHapus
  12. Terima kasih sob infonya, saya sudah terapkan di blog saya dan Alhamdulillah berhasil

    BalasHapus

Demi kenyamanan bersama, tidak boleh memasang link dalam bentuk apapun, komentar yang berisi link tidak akan diterbitkan
Terimakasih

Direktori

direktori weblogger
Direktori WeBlog Indonesia