tRikSonic
Informasi : saat ini anda mengakses blog ini untuk halaman yang di percepat penggunaannya untuk mobile/handphone (AMP) atau akses mobile dengan kecepatan internet yang rendah, mungkin beberapa fitur diblog ini belum tersedia, silahkan ganti Thema untuk mengaktifkan beberapa fitur lainnya. Terimakasih

Menghapus Attribut XML Blogger dengan Tag b:attr

Terakhir diperbarui : 3 Januari 2019 - 19.19

Cara menghapus attribut pada XML blogger

Tutorial Ringan dan simpel berikut adalah bagaimana cara menghapus sebuah attribut pada XML blogger dengan metode menggunakan tag <b:attr>.

Contoh

<html 
   xmlns='http://www.w3.org/1999/xhtml'
   xmlns:b='http://www.google.com/2005/gml/b'
   xmlns:data='http://www.google.com/2005/gml/data'
   xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>...</head>
  <body>...</body>
</html>
Bagaimana cara menghapus attribut yang ada pada tag HTML diatas, gunakan tag <b:attr> untuk melakukannya.
<b:attr name='[attribute]' value=''/>
berikan nilai kosong atau tidak ada nilai pada attribut value

Contoh Penggunaan

<html 
   xmlns='http://www.w3.org/1999/xhtml'
   xmlns:b='http://www.google.com/2005/gml/b'
   xmlns:data='http://www.google.com/2005/gml/data'
   xmlns:expr='http://www.google.com/2005/gml/expr'>
  <b:attr name='xmlns' value=''/>
  <b:attr name='xmlns:b' value=''/>
  <b:attr name='xmlns:expr' value=''/>
  <b:attr name='xmlns:data' value=''/>
  <head>...</head>
  <body>...</body>
</html>

Hasil render HTML

Berikut hasil render html dari contoh diatas
<html>
  <head>...</head>
  <body>...</body>
</html>

Contoh lainnya

<html amp='amp'>
  <b:attr cond='...' name='amp' value=''/>
  <head>...</head>
  <body>...</body>
</html>
Hasil jika bukan kondisi halaman AMP.
<html>
  <head>...</head>
  <body>...</body>
</html>
<div class='demo' style='color:red'>
   <b:attr cond='data:blog.isMobileRequest' name='style' value=''/>
   ...
</div>
Hasil jika halaman diakses dari perangkat mobile (example.com?m=1).
<div class='demo'>
   ...
</div>
<div class='post-container' data-col='2'>
  <b:attr cond='data:post.title contains "Blogger"' name='data-col' value=''/>
  ...
</div>
Contoh hasil jika judul sebuah posting mengandung kata Blogger.
<div class='post-container'>
  ...
</div>
Selamat berkreasi dan mempelajari.

27 komentar

Wisnu Azis12/30/2018Balas Komentar ini
maaf mas ini apakah fungsinya hanya sekedar menyembunyikan tag xml blogspot saja?
adakah pengaruhnya di dalam template?
Adi Jaya12/31/2018
<b:attr> digunakan untuk membuat, menghapus attribut dan beberapa fungsi lainnya... (bukan untuk menyembunyikan)

kalau ditanya "adakah pengaruhnya di dalam template?" pastinya ada, karna apa yang ditulis di template editor, pasti ada tujuan/hasilnya.

untuk menyembunyikan tag xml bisa pakai <b:comment>...</b:comment>
Wisnu Azis1/02/2019
masih bingung saya mas, jika kita menggunakan tag apakah sama halnya dengan kita menggunakan tag HTML(bukan html) yang bertujuan agar blog valid html 5? apakah juga akan mempengaruhi schema pada template blogger mas?
illvart1/06/2019
Ngak ada urusannya sama schema kalau yang dihapus bukan bagian dari schema. Dan sebenernya itu attribut blogger secara otomatis ada jika template backup/restore upload bukan Edit HTML. Penjelasan dari Soraya wajib ada meskipun alasanya belum jelas.
Wisnu Azis1/13/2019
oh gitu ya mas tapi kalo kita menggunakan tag HTML (Kapital) nggak bakalan ikut itu tag xmlns nya mas, kira2 pengaruh dan perbedaannya apa mas jika kita menggunakan HTML (Kapital) dan html (Small) selain dari penambahan otomtasi tag tersebut ?
Kinanti Manis1/07/2019Balas Komentar ini
Terima kasih, ini yang saya cari selama ini. Semua artikel di blog ini sangat bermanfaat bagi saya.
Mohon publikasikan tutorial cara membuat template blogspot AMP HTML seperti blog ini. Terutama cara otomatis mengubah img menjadi amp-img pada postingan, serta cara membuat AMP blogspot dengan parameter url amp=1
Dista1/14/2019
Saya juga nunggu ttg gambar,, hhe
admin2/13/2019Balas Komentar ini
How do you use blogger default comments on amp version? please tell me
Rian7/07/2019
amp can't use internal scripts
Mikael3/09/2019Balas Komentar ini
MAkasih gan sangat membantu artikelnya,solved nih masalah amp saya
ovoqq5/19/2019
Komentar ini telah dihapus oleh administrator blog.
Ricky Anggrianto7/27/2019Balas Komentar ini
Maaf bang, bagian mana yang harus d ubah agar tampilan blog saya seperti blog ini, maksudnya ketika menampilkan homepage hanya menampilkan sebagian, tapi ketika d buka postnya menampilkan keseluruhan, terimakasih
Adi Jaya7/27/2019
Kalau blog ini menggunakan kode ini...

<b:if cond='data:view.isMultipleItems'>
<!-- kode untuk halaman beranda, pencarian, label -->
<b:else/>
<!-- kebalikan dari yang diatas -->
</b:if>


Mengenai Potongan artikel kunjungi tautan ini Snippet Blogger
Ricky Anggrianto7/29/2019
terimakasih banyak infonya bang. akan saya baca
Ricky Anggrianto8/01/2019
kalau untuk desain gmn bang ?, setelah saya praktekan berhasil, tapi bagaimana memisahkan desain hompage dengan post saat dibuka. terimakasih
Adi Jaya8/02/2019
Coba lihat kode berikut mungkin bisa dipelajari.

Catatan : kode ini kode untuk pembelajaran, jadi sengaja saya buat agak panjang dan tidak efisien.

<b:if cond='data:view.isMultipleItems'>
<!-- kode untuk halaman beranda, pencarian, label -->
<div class='post-outer post-multipel' data-view='multipel'>
<!-- post title open -->
<b:if cond='data:post.title'>
<h2><!-- code post title --> </h2>
</b:if>

<!-- thumbnail -->
<b:if cond='data:post.thumbnailUrl'>
<!-- code thumb post -->
<b:else/>
<!-- code no image -->
</b:if>

<div class='post-snippet'>
<!-- code post snippet -->
</div>

<div class='post-bottom'>
<!-- code readmore, label, author, etc -->
</div>
</div>

<b:else/>

<b:if cond='data:view.isPost or data:view.isPage'>
<div class='post-outer' data-view='ispost-isPage'>
<b:if cond='data:post.title'>
<div class='post-header'>
<h1><!-- code post title --> </h1>
</div>
</b:if>
<div class='post-body'>
<data:post.body/>
</div>
<div class='post-footer'>
<!-- code post footer -->
</div>

<!-- include comment post -->

</div>
</b:if>

</b:if>
Ricky Anggrianto8/09/2019
terimakasih banyak bang, script nya sangat membantu sekali, apakah kode

bisa digunakan jika kita letakkan di dalam tag header. untuk membedakan css ?
Adi Jaya8/15/2019
Dicoba aja mas
Rian8/22/2019Balas Komentar ini
patut dicoba untuk amp
Dunia Online Masa Kini11/14/2019Balas Komentar ini
I Love you full
Work 100%
Terimakasih 🙏🙏🙏
نور الدين7/22/2020Balas Komentar ini
is there is any way to remove the line break caused by b:attr?
Adi Jaya7/22/2020
use <b:attr name='b:whitespace' value='remove'/>
نور الدين7/23/2020
thanks a million (y)
AdiCore6/12/2021
jadi dengan cara itu bisa untuk minifikasi html juga ya mas pada blogger?
Adi Jaya6/13/2021
Iya...
AdiCore6/14/2021
kalau tag apa juga bisa mas?
Taufik Nurhidayat9/24/2020Balas Komentar ini
wah ini yang saya cari, terimakasih mas
Add New Comment