widget yang perlu dipasang di blog

widget yang perlu dipasang di blog

1. Widget populars post
2. Widget Kotak pencarian
3. Widget Recent post
4. Widget Followers

untuk widget archive saya rasa tidak perlu, karena bisa di ganti dengan sitemap atau daftar isi. Sobat bisa membaca pstingan saya Cara Memasang Daftar Isi Sitemap.

Berikut Optimasi Widget Mengatasi Loading Blog:

Sebenarnya cara ini hanya memberikan fungsi conditional tags pada widget tersebut untuk memberikan perintah agar suatu elemen ditampilkan pada bagian atau halaman tertentu saja dan menyembunyikan pada halaman tertentu.

Mencari ID widget

Sebelum memberi conditional tags kita harus tahu ID widget yang akan di berikan conditional tags

Masuk ke blogger.com >> layout atau tata letak >> klik edit pada widget yang akan di beri conditional tags.

Bisa dilihat pada anak panah id widgetnya adalah HTML5. Setelah itu masuk ke Template >> Edit HTML >> klik Jump to Widget lalu pilih HTML5. Bisa lihat gambar

Lalu masukkan kode dibawah ini sesuai dimana widget akan ditampilkan, penempatannya setelah <b:includable id='main'> dan penutupnya </b:includable>.

Cara menampikan widget hanya di Halaman utama/indeks (Homepage)

<b:widget id='HTML5' 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:if>

</b:includable>

  </b:widget>

Cara menampilkan widget hanya di Halaman Posting

<b:widget id='HTML5' locked='false' title='' type='HTML'>

    <b:includable id='main'>

<b:if cond='data:blog.pageType == "item"'>

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

Cara menampilkan widget hanya di Halaman Statis

<b:widget id='HTML5' locked='false' title='' type='HTML'>

    <b:includable id='main'>

<b:if cond='data:blog.pageType != "static_page"'>

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

Cara menampilkan widget hanya di Halaman Archive

<b:widget id='HTML5' locked='false' title='' type='HTML'>

    <b:includable id='main'>

<b:if cond='data:blog.pageType == "archive"'>

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

Cara menampilkan widget hanya berdasarkan alamat URL

<b:widget id='HTML5' locked='false' title='' type='HTML'>

    <b:includable id='main'>

<b:if cond='data:blog.url == "Ganti dengan alamat URL Halaman di sini"'>

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

Cara menampilkan widget pada halaman index

<b:if cond='data:blog.pageType == "index"'>

</b:if>

Simpan template setelah menambahkan tag conditionalnya, hanya gunakan salah satu atau beberapa saja.

Jika ingin melakukan cara ini pada widget lain, lakukan mulai dari atas.

Dengan menambahkan conditional tags pada widget, kita bisa mengatur munculnya widget pada halaman tertentu saja. Sehingga tidak semua widget muncul pada satu halaman langsung, dan bisa untuk mengoptimalkan loading blog sehingga loading blog jadi ringan.

Lebih Menarik Lagi: