inisaya news

Anda perlu mencari kedua kode ini:

Pertama  <b:include data='feedLinks' name='feedLinksBody'/>

1. Loggin - Rancangan - Edit HTML

2. Centang "expand Template Widget"

3. Cari Kode "Widget id" atau nama Widget

Contohnya yang akan di tampilkan hanya di Halaman Posting adalah widget "arsip blog", Caranya lihat dari artikel sini.

Setelah anda mendapatkan kodenya, dan misalkan kode anda adalah dibawah ini:

<b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
  <div id='ArchiveList'>
  <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
    <b:if cond='data:style == &quot;HIERARCHY&quot;'>
     <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == &quot;FLAT&quot;'>
      <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == &quot;MENU&quot;'>
      <b:include data='data' name='menu'/>
    </b:if>
  </div>
  </div>
  <b:include name='quickedit'/>
  </div>
</b:includable>

4. Kemudian tambahkan kode <b:if cond='data:blog.pageType == &quot;item&quot;'> di bawah kode <b:includable id='main'> dan kode </b:if> di atas kode </b:includable> sehingga hasilnya akan menjadi seperti di bawah ini:


<b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
  <div id='ArchiveList'>
  <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
    <b:if cond='data:style == &quot;HIERARCHY&quot;'>
     <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == &quot;FLAT&quot;'>
      <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == &quot;MENU&quot;'>
      <b:include data='data' name='menu'/>
    </b:if>
  </div>
  </div>
  <b:include name='quickedit'/>
  </div>
</b:if>
</b:includable>


5. Simpan Template - Selesai

Tehnik ini memang benar-benar ribet.  Sebab dari semua blog yang saya googling, terlalu banyak penjelasan dan keterangan kode-kode, sehingga saya benar-benar bingung, dan tidak berhasil.

Sampai akhirnya saya berhasil memikirkan dan mencobanya sendiri, dan yap.. itu sangat memuaskan.

Oke inilah yang saya maksud, Halaman Muka atau Homepage hanya satu Colom, sementara halaman posting 2 atau 3 colom.

Caranya:


1. Silahkan anda buat blog anda menjadi 2 atau 3 kolom, dari  Designer Template

2. Setelah itu, kita akan menyembunyikannya di Homepage, sehingga halaman itu hanya muncul dihalaman postingan.

Anda cari ke 2 kode ini (kode yang berwarna merah)

<b:template-skin>
      <b:variable default='960px' name='content.width' type='length' value='1160px'/>
      <b:variable default='0' name='main.column.left.width' type='length' value='0px'/>
      <b:variable default='310px' name='main.column.right.width' type='length' value='310px'/>

      <![CDATA[
      body {
        min-width: $(content.width);
      }

      .content-outer, .content-fauxcolumn-outer, .region-inner {
        min-width: $(content.width);
        max-width: $(content.width);
        _width: $(content.width);
      }

      .main-inner .columns {
        padding-left: $(main.column.left.width);
        padding-right: $(main.column.right.width);
      }



      .main-inner .fauxcolumn-center-outer {
        left: $(main.column.left.width);
        right: $(main.column.right.width);
        /* IE6 does not respect left and right together */
        _width: expression(this.parentNode.offsetWidth -
            parseInt("$(main.column.left.width)") -
            parseInt("$(main.column.right.width)") + 'px');
      }

      .main-inner .fauxcolumn-left-outer {
        width: $(main.column.left.width);
      }

      .main-inner .fauxcolumn-right-outer

{
        width: $(main.column.right.width);
      }

      .main-inner .column-left-outer {
        width: $(main.column.left.width);
        right: 100%;
        margin-left: -$(main.column.left.width);
      }

      .main-inner .column-right-outer {
        width: $(main.column.right.width);
        margin-right: -$(main.column.right.width);
      }

      #layout {
        min-width: 0;
      }

      #layout .content-outer {
        min-width: 0;
        width: 800px;
      }

      #layout .region-inner {
        min-width: 0;
        width: auto;
      }
      ]]>
    </b:template-skin>

-----------------------------------------------------------------------------------------------------------------------


Lalu letakkan kode ini  <b:if cond='data:blog.pageType == &quot;item&quot;'>

diatas kode     <b:template-skin>





Kemudian letakkan kode ini    </b:if>

Dibawah kode   </b:template-skin>



Save, dan yap... selamat bersenang-senang...!!

Terkadang kita ingin mengubah salah satu widget, disana kita diharuskan mencari kode ]]></b:skin>
namun kita tidak menemukannya. Lantas bagaimanakah solusinya ?

Beginilah caranya.



Silahkan anda ketikkan dikolom pencarian html itu

gif  atau  jpg

kemudian coba ketikkan lagi dikolom pencarian itu kode ]]></b:skin>
maka anda akan menemukannya.