Masalah Menghadapi Tab Post dan Comments

Tab Comment and Post

Hallo Sobat Mafia Hacker , kali ini saya akan memposting tentang " Masalah Menghadapi Tab Post dan Comments " . . Sebenarnya saya sudah mencoba Tutorial dari Mas Wawan dan Kang Ismet dari pertama kalinya, namun . . Tutorial itu tidak dapat saya pahami , terkadang Duplicate ID lah . . Kodenya jadi Ngacolah apalah . .

Lalu, saya mengalami Frustasi berat soalnya mengedit kode itu ampe 6 hari full edit gagal terus . . Nah, dalam ke-frustasian itu saya meminta bantuan dari Mas Wawan dan Kang Ismet untuk mengedit Template saya ini . .

Dari yang kode Mas wawan berikan, caranya berhasil dan Valid html5 . . Namun, saat memasuki tab postingan . . itulah masalahnya, tidak ada border yang tersisa, dan posisi widthnya kurang pas . .

Lalu saya mencoba juga memakai kode dari Kang Ismet, caranya berhasil namun tidak Valid html5 ( karena pada kode postingan ada Duplicate ID ) . Lalu saya mulai memakai kode dari Kang Ismet, dan melihat kode yang berbeda pada Mas Wawan . . Loh, ternyata ada keistimewaan dari kode Mas wawan loh . .
Kode apasih?

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
$(document).find('.post').attr('id', 'postingan');
$(document).find('.fatriawan').attr('id', 'comments');
//]]>
</script>
</b:if>

Nah, ternyata kode itulah yang menjadi kunci utama dari kode Mas wawan untuk memvalid-kan html5 ini, dengan mengganti kode ini juga ..

<div class='comments id='comments' '>

dengan kode

<div class='comments fatriawan'>

Dan kode ID Postingan pada kode post hentry . . Dihapus, sehingga hanya kode tersebut yang dipakai . .
Lalu saya memulai untuk mengecek apakah sudah Valid HTML5 atau belum . . Dan hasilnya Valid HTML5 , Karena saya memakai Kode Linkcollider ( untuk menambah traffic otomatis ) jadi ada 1 yang error . . Tapi tetap lulus html5 . .

Nah, saya bisa memberikan kesimpulan . . Kode yang diberikan Kang Ismet 99% sudah benar dan 1% gagal karena Duplicate ID . Dan dari mas wawan 100% sudah benar, namun css nya tidak ada border dan widthnya tetap 100% . . jadi aneh tampilannya . .

Tapi, saya sangat berterima kasih kepada Mas Wawan dan Kang Ismet yang telah membantu saya untuk menghadapi Html5 . . Semoga Pahala yang melimpah selalu berada di antara kalian berdua . . Amin :)

About the author

Yandi Mulyadi
Hi, I'm Yandi Mulyadi. IT Analyst who enjoys learning cool tech stuff and sharing it on Website and Youtube.

8 komentar

  1. Reusam Endatu
    Reusam Endatu
    idizin coba mas
    1. Yandi Mulyadi
      Yandi Mulyadi
      Oke mas, silahkan :)
  2. Penghuni 60
    Penghuni 60
    aku msh belum paham mas
    1. Yandi Mulyadi
      Yandi Mulyadi
      Coba lihat kodenya di Blog Kang Ismet :) . . Nanti ngerti sendiri kok, kalo ada yang gak di mengerti tanyakan saja pada saya :d
  3. Kang Ismet
    Kang Ismet
    kereeen sob.. nanti saya coba buat valid HTML5, saya ga kepikiran jadi double id
    1. Yandi Mulyadi
      Yandi Mulyadi
      Iya Kang, saya juga bingung pertamanya .. cuman pas Mas Wawan kasih kode itu , saya jadi paham jadinya :)
  4. Unknown
    Unknown
    keren bisa berhasil sob
    1. Yandi Mulyadi
      Yandi Mulyadi
      Iya sob :)
Berkomentarlah di blog ini dengan Etika yang Baik dan Cerdas
✗ Jangan berkomentar yang mengandung SARA atau hal yang NEGATIF lainnya !!
✗ Jangan sampai komentarmu masuk ke dalam SPAM !!
✗ Berkomentarlah yang Masuk di Akal
✗ Usahakan Jangan Menggunakan Kata Kasar
✗ Tolong Jangan Membuat Link Porno dan Sebagainya