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
red;">]]></b:skin>
  • Salin kode berikut tepat diatas kode ]]></b:skin>
  • #oneupperfooter{margin:10px 0;padding:2px;width:100%;}
  • Cari kode berikut ini <div id='footer'>
  • 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'/>
  • 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. Kok di Blog ku ga ada kode seperti di No.5 nya ya mas

      BalasHapus
    7. @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
    8. terima kasih kk informasinya salam kenal http://gieachmad.blogspot.com/

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

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

      BalasHapus
    11. 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