Error Ketika Menyimpan Perubahan Di Tata Letak

Apakah Anda pernah mengalami seperti halnya pada gambar di atas? Mendapat pesan error ketika mencoba menyimpan perubahan setelah mengedit gadget di tata letak tentunya membuat kita bertanya-tanya apa yang salah dengan blog.

Mungkin banyak dari sebagian Blogger mengalami hal seperti itu dan tentunya hal tersebut sangat mengganggu dan tentunya penasaran untuk mengetahui hal apa yang menyebabkan munculnya pesan error ketika akan menyimpan perubahan yang kita lalukan pada suatu gadget di sidebar.

Lantas, apa sih yang menyebabkan munculnya pesan error tersebut di tata letak?

Nah, pesan error itu muncul karena pemasangan conditional tag untuk menyembunyikan widget yang tidak tepat pada sidebar (agar widget tersebut hanya muncul di postingan).

Biasanya conditional tag yang dipakai untuk menyembunyikan sidebar atau suatu widget di sidebar dari halaman utama blog seperti berikut:


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

Dan penggunaan conditional tag di atas sehingga dapat menyebabkan munculnya pesan error biasanya seperti di bawah ini.


<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>

Memang dengan cara seperti di atas, sidebar dan sidebar2 benar-benar tidak akan tampil di halaman utama blog. Begitupun ketika dilihat source code halaman utama, kode sidebar benar-benar tidak ada.

Namun hal tersebut justru dapat memunculkan pesan error ketika kita menyimpan perubahan di suatu gadget di sidebar halaman utama atau widget yang muncul di hamalam postingan dan halaman utama.

Sebenarnya jika kita hiraukan pesan error tersebut juga tidak apa-apa, karena perubahan yang kita lakukan pada widget tetap bisa asal kita sudah menyimpan (SAVE) perubahan tersebut pada gadget-nya.

Namun tetap saja kita merasa seperti ada yang janggal dengan blog kita.

Nah seharusnya menggunaan conditional tag untuk menyembunyikan widget dari halaman utama yang tepat adalah seperti berikut:


<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>

Dan tambahkan CSS di bawah ini di atas kode </head> agar tidak menyisakan ruang kosong di sidebar halaman utama sehingga tampilan sidebar terlihat rapih.


<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>

Kode-kode di atas hanya sebagai contoh dan ilustrasi dari penempatan conditional tag yang tepat untuk menyembunyikan suatu widget dari halaman utama blog. Karena setiap blog kadang-kadang memiliki kode-kode yang berbeda, maka silahkan sesuaikan dengan kode blog Anda.

Semoga bermanfaat.

You Might Also Like:

How to style text in Disqus comments:
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Hide Parser
Disqus Comments