MEMBUAT WIDGET HANYA TAMPIL DI HALAMAN AWAL ATAU HOMEPAGE BLOGGER

BLOGGER
BLOGGER


MEMBUAT WIDGET HANYA TAMPIL DI HALAMAN AWAL ATAU HOMEPAGE BLOGGER


Hai Sobat Ladangtekno,

Kali ini mimin akan membagikan tutorial cara membuat sebuah widget yang hanya tampil di halam homepage blog sobat. jadi kadang sobat pasting ingin menghilangkan beberapa widget saat membaca konten apalagi widget yang ada diatas halaman recent post sobat, dan memang akan menggangu ketika ada widget tersebut. nah ada cara yang dapat dilakukan untuk menghilangkannya, berikut adalah caranya.

Pertama silahkan sobat buka kembali widget yang ingin sobat hilangkan dari halaman posting jadi ingin memunculkanya hanya di halaman utaman saja

Kemudian silahkan sobat cari ID widgetnya, tampilannya seperti gambar dibawah ini.

widget
widget
Yang merupakan ID widgetnya adalah HTML12 yang diberi tanda merah, setiap widget akan memiliki id yang berbeda-beda termasuk widget mimin dengan sobat jadi silahkan perhatikan dengan seksama. silahakn copy ID widget tersebut, kemudian buka tema dan pilih edit HTML

Silahkan cari kode HTML12 tadi di dalam kode HTMLnya, bisa dicari dengan menggunakan CTRL + F di dalam editornya kemudian cari HTML12, tampilannya seperti gambar dibawah ini

edit tema
edit tema

Jika sudah ketemu, silahkan cari kode  <b:includable id='main'> yang menjadi bagian dari HTML12 biasanya terletak setelah HTML12, jangan sampai salah memilih kodenya karena setiapwidget juga memiliki kode <b:includable id='main'>. jika sudah ketemu silahkan tambahkan kode <b:if cond='data:blog.url == data:blog.homepageUrl'> setelah <b:includable id='main'> dan kode </b:if> setalah kode </b:includable> . kodenya akan menajdi seperti dibawah ini

<b:widget id='HTML11' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
  <!-- 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:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Atau dalam bentuk gambar jadinya akan seperti gambar dibawah ini

edit html
edit html
Jika sudah silahkan simpan temanya, jika langkah yang dijalankan sudah benar maka widgetnya sudah tidak akan terlihat lagi di halaman posting. Selesai

Sekian tutorial dari mimin kali semoga bermanfaat. jangan lupa terus kunjungi ladangtekno dan dapatkan informasi menarik mengenai dunia teknologi. silahkan comement dibawah untuk mendapatkan informasi lebih lanjut.

tags:
ladangtekno
tutorial
blogger

komentar dengan bijak ya :)
please write comments wisely :)
EmoticonEmoticon