Rabu, 16 Januari 2013

Cara Membuat Satu Kolom Widget Diatas Postingan

Cara Membuat Satu Kolom Widget Diatas Postingan adalah kita akan menambahkan beberapa kolom yang lebarnya sejajar dengan kolom postingan atau artikel blog. Kita tidak hanya bisa membuat satu kolom widget diatas postingan saja tapi selama lebar postingan blog anda mencukupi untuk dipasang kolom, maka anda bisa membuatnya lebih dari satu kolom widget. Dua kolom widget, tiga kolom widget bahkan penempatannya tidak hanya bisa dipasang diatas postingan saja, dibawah area tersebut juga bisa ditambahkan beberapa kolom. Dan pada artikel ini, kita akan membahas cara membuat satu kolom widget diatas postingan

Cara Membuat Satu Kolom Widget Diatas Postingan

Berikut Cara Membuat Satu Kolom Widget Diatas Postingan
  1. Masuk ke akun blogger anda
  2. Klik menu Template >> Edit Html >> tekan Ctrl+F pada keyboard anda
  3. Cari kode ]]></b:skin>
  4. Letakkan kode berikut diatas kode ]]></b:skin>
    .upperposting{width: 100%;padding:10px 0px 10px 10px;background:#fff;margin:0px 0px 10px 0px;text-align:left;}
    .upperposting .widget{}
  5. Cari kode <div id='main-wrapper'>
  6. Letakkan kode berikut ini tepat dibawah kode <div id='main-wrapper'>
    <b:section class='upperposting' id='upperposting' preferred='yes'/>
  7. Klik Pratinjau terlebih dahulu untuk melihat hasilnya, jika tidak ada error silahkan Simpan Template anda dan lihat hasilnya di 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

Selanjutnya jika ada permasalahan dalam mengikuti panduan ini, silahkan tinggalkan komentar untuk artikel ini, Cara Membuat Satu Kolom Widget Diatas Postingan

Cara Membuat Satu Kolom Widget Diatas Postingan Rating: 4.5 Diposkan Oleh: Ana Sriwahyuni

18 komentar:

  1. makasih..
    http://krisna18.blogspot.com

    BalasHapus
  2. agak sedikit membingungkan kalau berkaitan dgn script html di template, soalnya script nya bnyak sekali dan harus di cari hmmmm :)

    BalasHapus
  3. @Wahyu Eka Prasetiyarini ya seperti itulah mabk Wahyu, tapi kalau dipelajari lebih akan memberikan kesenangan :)

    BalasHapus
  4. blogwalking,jangan lupa mampir: http://kink-exclusive.blogspot.com/

    BalasHapus
  5. makasih tutorialnya
    saya berhasil nih

    BalasHapus
  6. kak. ko di HTML Templat Q g ada kode itu nya..?? yg ada cuman ... cz "" identik dgn "class"..... mohon petunjuk ea kak..??

    BalasHapus
  7. siang bro...
    mo tanya nihc... di template ane kok ga ada kode div id='main-wrapper' ya....
    adanya div class='main-wrapper'....

    gimana tu bro...??? makasih sblumnya

    BalasHapus
    Balasan
    1. selamat siang, sama saja mas Bodrex, silahkan gunakan kode tersebut

      Hapus
  8. thans atas infonya.udah saya coba dan berhasil...

    BalasHapus
    Balasan
    1. sama-sama mbak Erna dan terimakasih atas kunjungan serta komentarnya, salam kenal

      Hapus
  9. Terimakasih mbak atas informasinya.

    BalasHapus
  10. thanks ya Mbak artikelnya....

    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