Cara menampilkan kolom widget berbeda ukuran di halaman posting dan di homepage


Menurut saya, cara ini jarang ada yang kasih tutornya.Soalnya, saya cari di Google tidak ada. Sebenarnya tutor apa sih? yaitu Cara menampilkan kolom widget berbeda ukuran di halaman posting dan di homepage. Maksudnya, 1 kolom widget (misalnya sidebar) berbeda ukuran di halaman posting dan di homepage. Misal, ukuran sidebar di homepage 354px, lalu saat di hal. postingan ukurannya menjadi 550px. Sudah mengerti 'kan? Langsung aja yuk! 

    1.  Masuk ke akun blog sobat.

    2.  Masuk ke Rancangan > Edit HTML > centang "Expand tempalte widget" (Harus dicentang)

    3.  Copy kode dibawah ini dan paste dibawah ]]></b:skin> (ukuran pada homepage/index)
<style>
      <b:if cond='data:blog.pageType == &quot;index&quot;'>
#id kolom widget{width:325px;height:400}
</b:if>
</style> 
    4.  Lalu copy kode dibawah ini tepat diatas kode ]]></b:skin> (ukuran di postingan)
#id kolom widget{width:400px;height:500}
NB 1: Apabila sobat ingin tampilan heightnya sesuai dengan tinggi widget, maka hapus kode height saja.
NB 2: Sebelum melakukan ini, downloadlah template lengkap sobat terlebih dahulu.
NB 3: Ganti teks merah dengan id kolom widget, contoh: Sidebar-wrapper.

    5.  Simpan dan lihat hasilnya.

Sampai jumpa lagi dan selamat mencoba!

4 comments :

  1. tapi saya rasa widgetnya akan saling bertabrakan sob ukuranya,dan tata letaknya juga akan sedikit berantakan,..nice share :)

    ReplyDelete
    Replies
    1. kan, bisa dihilangi 1 kolom widget. jadinya, dihomepage 3 widget tapi di postingannya 2 widget, dan pada postingan, widget postnya diperbesar. jadinya rapih kan, blog saya kyak gt. thx udh berkunjung :)

      Delete
    2. ngpain dihilangin,disembunyi'in kan bisa :D

      Delete
  2. Thank's dah dolan ke gubhugreyot!

    Salam & Happy blogging...

    ReplyDelete