11/21/16

Cara Membuat Widget Blog Archive Otomatis Menutup dengan Jquery

Cara Membuat Widget Blog Archive Otomatis Menutup dengan Jquery

Halo sobat blogger semua, kalian suka menggunakan atau pernah memasang Widget Blog Archive (Arsip Blog) ? Jika kalian pernah mencoba memasangnya, mungkin kalian akan tahu Gaya Hierarki, Daftar Flat dan Menu Dropdown yang terdapat dalam Widget Blog Archive yang bisa sobat pilih.


Pasti kebanyakan dari sobat semua menggunakan Widget Blog Archive atau dalam bahasa indonesia Arsip Blog dengan Gaya Hierarki terutama sobat yang masih baru di jagat Blogging. dengan memilih gaya hierarki maka Widget Blog Archive kita akan terlihat kurang rapih apalagi jika sobat sudah membuat banyak posting maka akan terlihat banyak rentetan panjang kebawah artikel yang telah kita postingkan.

Nah,  utuk mengatasi hal tersebut pada kesempatan kali ini saya akan memberikan tutorial Cara Membuat Blog Archive Otomatis Menutup dengan Jquery Kode Jquery ini berjalan pada Widget Blog  Archive dengan Gaya Hierarki.

Buat sobat yang mau mencobanya silahkan ikuti tutorial di bawah ini.

1. Pertama sobat Login dulu ke blog sobat.
2. Jangan Lupa backup dulu template blog sobat.
3. Setelah di halaman admin blog sobat selanjutnya pilih "Template" lalu "Edit HTML" .
4. kemudian sobat copy paste kode Javascript di bawah ini, dan simpan tepat di atas tag penutup "</head>". untuk mencari tag "</head>" dengan cepat, klik sembarang pada kolom editor halaman HTML lalu tekan "Ctrl + F" pada keyboard kalian.
<script src='//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'/>
<script type='text/javascript'>
  //<![CDATA[
    $(document).ready(function () {
     $('.archivedate').removeClass('expanded').addClass('collapsed');
     $('.zippy').replaceWith('<span class="zippy">?&nbsp;</span>')
    });
  //]]>

</script>
Keterangan untuk yang di tandai warna merah, jika sobat telah menggunaka atau telah script javascript seperti  yang ditandai warna merah diatas, entah itu versi yang baru atau yang lama, maka kalian tidak usah mengcopynya. dan mulai meng-copy paste-nya dari tag "<script type='text/javascript'>" sampai </script>.

Jika sobat masih kesulitan saat mencobanya, silahkan sobat bisa tinggalkan komentar di bawah ini.  

You might also enjoy reading

Subscribe

Daftarkan email Anda untuk mendapatkan Artikel terbaru pilihan dari Andito Blog

Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

No comments

Silahkan berkomentar sesuai dengan topik.