1. Halo Guest, pastikan Anda selalu menaati peraturan forum sebelum mengirimkan post atau thread baru.

(Ask) Membuat tampilan POSTING di HOMEPAGE jadi MULTI KOLOM

Discussion in 'Blogger/Blogspot' started by Lintang986 Jr, May 2, 2012.

  1. Lintang986 Jr

    Lintang986 Jr Ads.id Starter

    Joined:
    Apr 6, 2012
    Messages:
    56
    Likes Received:
    2
    Location:
    Klatenosia
    Mohon bantuany aGan-agan,.. Newbie mau nanya..

    bagaimana sih caranya membuat tampilan POSTING di HOME PAGE jadi MULTI KOLOM ?? ( jadi seperti blog walpaper gitu...)

    contoh : hxxp://epg-studio.blogspot.com/ <-- multi kolom
    View attachment 19281

    pernah nyoba satu tips tapi efek sampingnya "olderpost"nya malah berubah ke samping..:confused:... Ada yang tau Solusinya g??

    thanks b4



    ------ Problem SOLVED -----------


    bagi yg masalahny sama
    dengan saya atau ingin tau cara bagaimana cara membuat Halaman Homepage jadi multi kolom, silahkan lihat post 4

    ~~
     
    Last edited: May 4, 2012
  2. Kelewer

    Kelewer Super Hero

    Joined:
    Feb 10, 2012
    Messages:
    878
    Likes Received:
    88
    Location:
    hell
    kalau aku sih ..lebar postnya di setting jadi persen... misalnya lebar wrapper halaman utama kamu 600 pixel..dan kamu mau bagi 3 kolom, cukup set lebar kolom postnya jadi 33%,nanti otomatis jadi kebagi 3.. masing2 +- 200 pixel..
     
  3. biyanpasau

    biyanpasau Hero

    Joined:
    Mar 3, 2010
    Messages:
    598
    Likes Received:
    75
    Location:
    I've Got My Eyes On You!
    Page navigasinya di clear:both
     
  4. Lintang986 Jr

    Lintang986 Jr Ads.id Starter

    Joined:
    Apr 6, 2012
    Messages:
    56
    Likes Received:
    2
    Location:
    Klatenosia
    Problem Solved... :gembira:... Thanks Gan..


    Sekedar share Buat Kawan2 yang masih bingung bagaimana cara membuat Halaman Homepage jadi multi kolom, berikut cuplikannya...

    1. Masuk ke Blogger.
    2. Pilih Rancangan bagian Edit HTML.
    3. Backup dulu template anda, jika takut gagal.
    4. Cari kode seperti dibawah ini: (kode dibawah merupakan kode post yang belum diubah/masih asli)

    5. Tambahkan width/lebar sesuai dengan yang ingin anda tampilkan. Secara utuhnya kode post jadi seperti ini :
    6. Berikutnya cari kode seperti dibawah ini :

    7. Ubah kode tersebut menjadi seperti dibawah ini :

    8. Cari kode </head> kemudian copy kode dibawah dan paste tepat diatasnya . Fungsi kode ini agar waktu dibuka lebar postimgan akan sama dengan ukuran main wrapper anda, jadi bukan ukuran yang diatur pada bagian post diatas.


    Dan bagi yang mengalami masalah seperti saya diatas (link "Older post" berada disamping, gk mau turun ke bawah) coba sisipkan kode clear:both; pada blog-pager, seperti saran agan biyanpasau diatas,

    Semoga bermanfaat.. :peace:
     
    linkedin and -boe- like this.
  5. sandydoank12

    sandydoank12 Hero

    Joined:
    Nov 30, 2011
    Messages:
    661
    Likes Received:
    10
    ajib dah........mastah
     
  6. mainptr

    mainptr Ads.id Starter

    Joined:
    May 3, 2012
    Messages:
    88
    Likes Received:
    4
    Location:
    Situs2 PTR
    makasih mastah
     
  7. ipanrock

    ipanrock Banned

    Joined:
    Jun 2, 2012
    Messages:
    24
    Likes Received:
    0
    Location:
    Malang
    wah keren nih gan siap untuk dicoba. tapi untuk gambar thumbnailnya gimana..?
     
  8. Djavahouse

    Djavahouse Ads.id Pro

    Joined:
    May 16, 2012
    Messages:
    458
    Likes Received:
    11
    Location:
    ezinearticles.com/?expert=Erik_Wibowo
    mantap ilmunya gan, :D
     
  9. linkedin

    linkedin Ads.id Fan

    Joined:
    Sep 23, 2010
    Messages:
    166
    Likes Received:
    1
    sama gan, bikin thumbnailnya dong sekalian diajarin juga
     
  10. syafrizalsetiabudi

    syafrizalsetiabudi Super Hero

    Joined:
    Jun 6, 2012
    Messages:
    1,125
    Likes Received:
    106
    Location:
    Indonesia
    ih masgan.. ini yang ane cari-cari...
     

Share This Page