Hapus Atribut b:widget Blogger

Tag b:widget merupakan tag pembuka widget di Blogger untuk menambahkan setiap elemen, misalnya widget blog, widget popularpost, label dan sebagainya.

Contohnya untuk widget popularpost, tampilannya seperti ini diwakili oleh tag tunggal, yang merupakan placeholder untuk menunjukkan cara widget seharusnya ditangani di tab Elemen Halaman.

<b:widget id='PopularPosts00' locked='false' title='Popular Posts' type='PopularPosts' version='2' visible='true'>

Kode tersebut akan di konversi kedalam HTML menjadi seperti ini.

<div class='widget PopularPosts' data-version='2' id='PopularPosts00'>

Atribut widget dalam HTML tersebut sebetulnya tidak terlalu diperlukan, karena itu kita akan coba menghapus atribut tersebut agar kode sedikit lebih bersih.

Cara Hapus Atribut b:widget Blogger

Langkah sederhana untuk menghapus atribut b:widget, kita bisa menggunakan tag <b:attr/> setelah <b:includable id='main' var='thiswidget'> seperti berikut.

<b:includable id='main' var='thiswidget'>
  <b:attr name='id' value=''/>
  <b:attr name='class' value=''/>
  <b:attr name='data-version' value=''/>
  ...
</b:includable>

Jika tetap ingin menampilkan class bawaan widget secara default, cukup menambahkan b:attr id dan data-version. Atau mengganti class bawaan widget cukup dengan mengisi nilai value pada tag b:attr class tersebut.

Widget Jadwal Sholat Menggunakan API myQuran [Update] - InpuTekno

Cara Memasang Widget waktu sholat menggunakan API MyQuran untuk Blog.

www.inputekno.com

Menggunakan b:defaultmarkups

Jika template blogger yang digunakan terdapat tag b:defaultmarkup, kalian bisa membuat pernyataan yang fleksibel menggunakan tag b:includable seperti berikut.

<b:defaultmarkups>
  <b:defaultmarkup type='Common'>
    <b:includable id='widget:class'>
      <b:attr name='data-version' value=''/>
      <b:attr expr:value='data:id' name='id'/>
      <b:attr expr:value='data:class ?: &quot;widget&quot;' name='class'/>
    </b:includable>
  </b:defaultmarkup>
</b:defaultmarkups>

Lalu kita bisa memanggilnya dengan tag <b:include> di dalam widget seperti pada bagian sebelumnya setelah <b:includable id='main' var='thiswidget'> seperti ini.

<b:includable id='main' var='thiswidget'>
  <b:include data='{class: (data:class ?: (&quot;widget &quot; + data:widget.type))}' name='widget:class'/>
</b:includable>

data:widget.type menghasilkan nama class sesuai type widget

Ketika ditampilkan kedalam element html Hasilnya akan seperti berikut.

<div class='widget PopularPosts'>

Kalian juga dapat mengganti class atau id nya, dengan cara memanggil kode tersebut seperti ini:

<!--[ custom class ]-->
<b:include data='{ class: &quot;widget Alert alert&quot; }' name='widget:class'/>

<!--[ class with id ]-->
<b:include data='{ class: &quot;widget Alert alert&quot;, id: &quot;notif&quot; }' name='widget:class'/>

Hasilnya akan seperti berikut.

<!--[ custom class ]-->
<div class='widget Alert alert'>

<!--[ class with id ]-->
<div class='widget Alert alert' id='notif'>

Penutup

Nah itu tadi Cara hapus atribut widget blogger yang bisa kalian terapkan agar kode html blogger lebih rapih. Jika artikel ini bermanfaat bisa kamu share dan rekomendasikan ke teman-teman yang membutuhkan.