trik bagaimana cara menyembunyikan dan menghilangkan artikel di homepage halaman utama blog

cara menyembunyikan artikel di homepage

masuk ke template > edit template > tambahkan kode <b:if cond='data:blog.url != data:blog.homepageUrl'> pada blog
pada artikel sebelumnya, membahas tentang cara bagaimana cara menampilkan widget hanya pada halaman utama atau homepage (klik untuk baca). artikel tersebut merupakan lawan atau kebalikan dari tutorial kali ini yaitu bagaimana menyembunyikan artikel dari homepage dengan kata lain artikel hanya akan muncul selain di halaman utama/ homepage.

langsung saja ke langkah pembahasan.
seperti pada iktisar di atas, setelah masuk pada edit template maka cari kode berikut ini (tips: untuk mempercepat pencarian tanpa harus scroll manual, maka gunakan shortcut, tekan tombol ctrl + f pada keyboard)

<b:includable id='main' var='top'>

kode di atas, seharusnya hanya ada 1 dalam setiap template, kode lengkapnya kurang lebih seperti di bawah ini

 <b:includable id='main' var='top'>
    <!-- posts -->
    <div class='blog-posts hfeed'>
      <b:include data='top' name='status-message'/>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.isDateStart and not data:post.isFirstPost'>
          &lt;/div&gt;&lt;/div&gt;
        </b:if>
        <b:if cond='data:post.isDateStart'>
          &lt;div class=&quot;date-outer&quot;&gt;
        </b:if>
        <b:if cond='data:post.dateHeader'>
          <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
        </b:if>
        <b:if cond='data:post.isDateStart'>
          &lt;div class=&quot;date-posts&quot;&gt;
        </b:if>
        <div class='post-outer'>
          <b:include data='post' name='post'/>
          <b:include cond='data:blog.pageType in {&quot;static_page&quot;,&quot;item&quot;}' data='post' name='comment_picker'/>
        </div>
        <!-- Ad -->
        <b:if cond='data:post.includeAd'>
          <div class='inline-ad'>
            <data:adCode/>
          </div>
        </b:if>
      </b:loop>
      <b:if cond='data:numPosts != 0'>
        &lt;/div&gt;&lt;/div&gt;
      </b:if>
    </div>
    <!-- navigation -->
    <b:include name='nextprev'/>
    <!-- feed links -->
    <b:include name='feedLinks'/>
  <b:if cond='data:top.showPlusOne'>
    <data:top.googlePlusBootstrap/>
  </b:if>
</b:includable>

kemudian tambahkan kode yang sudah saya lampirkan pada bagian ikhtisar, <b:if cond='data:blog.url != data:blog.homepageUrl'> tepat setelah kode <b:includable id='main' var='top'> dan jangan lupa tambahkan kode tag penutup </b:if> pas setelah kode </b:includable> sehingga kurang lebih susunannya seperti di bawah ini


 <b:includable id='main' var='top'>
<b:if cond='data:blog.url != data:blog.homepageUrl'>
    <!-- posts -->
    <div class='blog-posts hfeed'>
      <b:include data='top' name='status-message'/>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.isDateStart and not data:post.isFirstPost'>
          &lt;/div&gt;&lt;/div&gt;
        </b:if>
        <b:if cond='data:post.isDateStart'>
          &lt;div class=&quot;date-outer&quot;&gt;
        </b:if>
        <b:if cond='data:post.dateHeader'>
          <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
        </b:if>
        <b:if cond='data:post.isDateStart'>
          &lt;div class=&quot;date-posts&quot;&gt;
        </b:if>
        <div class='post-outer'>
          <b:include data='post' name='post'/>
          <b:include cond='data:blog.pageType in {&quot;static_page&quot;,&quot;item&quot;}' data='post' name='comment_picker'/>
        </div>
        <!-- Ad -->
        <b:if cond='data:post.includeAd'>
          <div class='inline-ad'>
            <data:adCode/>
          </div>
        </b:if>
      </b:loop>
      <b:if cond='data:numPosts != 0'>
        &lt;/div&gt;&lt;/div&gt;
      </b:if>
    </div>
    <!-- navigation -->
    <b:include name='nextprev'/>
    <!-- feed links -->
    <b:include name='feedLinks'/>
  <b:if cond='data:top.showPlusOne'>
    <data:top.googlePlusBootstrap/>
  </b:if>
 </b:if>
</b:includable>

keterangan :

  • kode tag warna merah adalah kode tag pembuka dan penutup
  • kode tag warna orange adalah kode tag pembuka dan penutup yang di tambahkan dan berfungsi untuk menyembunyikan arikel pada halaman utama / homepage
sekian dan semoga bermanfaat


Komentar