Friday, 7 April 2017

Mengatasi Error Ketika Menyimpan Perubahan Di Tata Letak

Tata Letak

Kejadian ini pernah saya alami pada blog ini, waktu itu habis memodif dan menambahkan kode script, tujuannya sih waktu itu buat eksperimen maklum kalau sudah malam terkadang tangan ini gatal mau mencoba sesuatu yang baru. Singkat cerita saat selesai memasang widget baru dari hasil modifikasi kode script blog saya mengalami Error Ketika Menyimpan Perubahan Di Tata Letak dan berhasil membuat saya juga bingung.

Satu persatu kode script yang tadi di modift dan ditambahkan saya periksa kembali dan ternyata Error Ketika Menyimpan Perubahan Di Tata Letak. Mungkin dari beberapa sobat pernah mengalami hal yang demikian, sebenarnya sih tidak masalah terjadi error tersebut di Tata Letak yang penting kita sudah men-SAVE perubahan yang terjadi di Tata Letak, namun saya pribadi sangat risih juga juga melihatnya terasa janggal.

Lalu apa sih sebenarnya yang menyebabkan Error Ketika Menyimpan Perubahan Di Tata Letak, setelah saya pelajari ternyata error tersebut terjadi pada saat pemasangan Widget di Tata Letak yang berakibat pada Pemasangan Conditional Tag yang tadinya modifikasi tersebut untuk menyembunyikan widget agar tidak tampil di tempat tertentu, seperti tampilan widget Recent Post pada blog saya ini tidak tampil di halaman Awal Utama tetapi bisa tampil di sidebar saat membuka Postingan.

Biasanya kode conditional tag yang dipakai tampilannya seperti kode berikut

<b:if cond='data:blog.pageType == &quot;item&quot;'>
</b:if>

Nah ternyata berpengaruh penggunaan conditional tag diatas sehingga dapat menyebabkan Error Ketika Menyimpan Perubahan Di Tata Letak lebih lengkapnya seperti ini biasanya

<aside id='sidebar-right'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
       <div id='sidebar-wrapper'>
        <b:section class='sidebar' id='sidebar' preferred='yes'>
          <b:widget id='HTML1' locked='false' title='' type='HTML'>
            <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
</b:includable>
          </b:widget>
        </b:section>
      </div>
       <div id='sidebar2-wrapper'>
        <b:section class='sidebar2' id='sidebar2' preferred='yes'>
          <b:widget id='HTML2' locked='false' title='' type='HTML'>
            <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
</b:includable>
          </b:widget>
        </b:section>
      </div>
</b:if>
       <div id='sidebar3-wrapper'>
        <b:section class='sidebar3' id='sidebar3' preferred='yes'>
          <b:widget id='HTML3' locked='false' title='' type='HTML'>
            <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
</b:includable>
          </b:widget>
        </b:section>
      </div>
</aside>

Itu cara yang saya pakai untuk menyembunyikan sidebar dan sidebar2 agar tidak tampil di halaman utama pada blog meskipun dilihat dari source code pada halaman utama blog, kode-kode script sidebar tidak akan terlihat.

Dan alhasil cara yang saya terapkan diatas membuat Error Ketika Menyimpan Perubahan Di Tata Letak saat menyimpan widget yang akan kita tampilkan di halaman utama ataupun di postingan.

Dari kejadian Error Ketika Menyimpan Perubahan Di Tata Letak akhirnya saya menemukan solusinya dan saya bahas di postingan kali ini, buat sobat yang sedang mengalaminya ini dia berikut dibawah ini kode yang tepat benar saat menggunakan conditional tag yang tujuannya untuk menyembunyikan Widget agar tidak tampil di halaman utama

<aside id='sidebar-right'>
       <div id='sidebar-wrapper'>
        <b:section class='sidebar' id='sidebar' preferred='yes'>
          <b:widget id='HTML1' locked='false' title='' type='HTML'>
            <b:includable id='main'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
</b:if>
</b:includable>
          </b:widget>
        </b:section>
      </div>
       <div id='sidebar2-wrapper'>
        <b:section class='sidebar2' id='sidebar2' preferred='yes'>
          <b:widget id='HTML2' locked='false' title='' type='HTML'>
            <b:includable id='main'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
</b:if>
</b:includable>
          </b:widget>
        </b:section>
      </div>
       <div id='sidebar3-wrapper'>
        <b:section class='sidebar3' id='sidebar3' preferred='yes'>
          <b:widget id='HTML3' locked='false' title='' type='HTML'>
            <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
</b:includable>
          </b:widget>
        </b:section>
      </div>
</aside>

Setelah kode conditional tersebut terpasang jangan lupa sobat tambahkan kode CSS letakkan sebelum kode </head>, tujuan pemasangaan kode CSS ini agar tampilan sidebar rapih dan tidak meninggalkan ruang kosong pada sidebar dihalaman utama Blog

<b:if cond='data:blog.pageType != &quot;static_page&quot; and data:blog.pageType != &quot;item&quot;'>
<style type='text/css'>
#sidebar-wrapper,#sidebar2-wrapper{display:none}
</style>
</b:if>

Penerapan petunjuk Mengatasi Error Ketika Menyimpan Perubahan Di Tata Letak hanyalah contoh saat terjadi error terutama pada conditional tag saat menyembunyikan widget di sidebar pada halaman utama blog, cara ini pun saya akui tidak semuanya sama tergantung pada template blog yang sobat gunakan silahkan sesuaikan dengan kode script yang ada pada blog sobat.

Dan selesai, semoga bermanfaat.


EmoticonEmoticon

:)
:(
hihi
:-)
:D
=D
:-d
;(
;-(
@-)
:o
:>)
(o)
:p
:-?
(p)
:-s
8-)
:-t
:-b
b-(
(y)
x-)
(h)