sekali .Oke untuk pertemuan hari ini saya akan memberikan Trik Memasang Widget Tersembunyi. apakah anda tau? kalau tidak tau saya akan memberikan Tahu Bukan Memberi Tempe.
Yang di maksud dari Widget Tersembunyi adalah salah satu Bloger hack yang menggunakan javascript, kode CSS dan kode HTML yang di timbulkan adalah Widget akan tidak tampak karena berada pada sebuah link dan apabila link tersebut di klik maka widget akan muncul tanpa harus loading Blog lagi, mungkin sobat bingung yA, dari pada diam bingung mendingan sobat coba terlebih dahulu Oke..!!
- Login ke Bloger
- masuk ke Tata letak ==>> Edit HTML
- cari kode ]]></b:skin> lalu taruh kode di bawah ini tepat di atasnya tapi sebelumnya sobat harus backup dulu template sobat agar tidak terjadi kerusakan pada template sobat
.Ngumpet {display:none} .Nongol {display:inline} |
- Setelah itu cari kode </head> lalu taruh kode di bawah ini tepat di atasnya :
<script type="text/Javascript"> function togglecomments (postid) { var whichpost = document.getElementById(postid); if (whichpost.className=="commentshown") { whichpost.className="commenthidden"; } else { whichpost.className="commentshown"; } } </script> |
- setelah itu simpan
- sekarang kita masuk ke Element Halaman lalu tambahkan sebuah gadget ==>> HTML/Java Script
- Pindahkan kode HTML di bawah ke dalamnya :
<a aiotitle="click to expand" href="javascript:togglecomments('UniqueName')" ==>> Klik dong..!!!</a><br /> <div class="Ngumpet" id="UniqueName"> <a href="http://oketrik.blogspot.com" title="Home"> <img src="http://sites.google.com/site/oketrik/oketrik/home.png?attredirects=0"/></a> <p></p> <a href="mailto:juansah27@gmail.com" title="My Email"> <img src="http://sites.google.com/site/oketrik/oketrik/Email.png?attredirects=0"/></a> <p></p> <a href="http://oketrik.blogspot.com/feeds/posts/default" title="Subscribe to feed - Posts"> <img src="http://sites.google.com/site/oketrik/oketrik/RSS.png?attredirects=0"/></a> <p></p> <a href="javascript:scroll(0,0)" title="Scroll to top of this page"> <img src="http://sites.google.com/site/oketrik/oketrik/atas.png?attredirects=0"/></a> </div> </div> |
- Setelah itu simpan dan lihat hasilnya
- sebenarnya di atas hanya contoh saja jadi tidak harus widget itu yang akan muncul di Blog sobat, jadi kode HTML yang di pakai ada di bawah ini :
<a aiotitle="click to expand" href="javascript:togglecomments('UniqueName')" ==>> Klik dong..!!!</a><br /> <div class="Ngumpet" id="UniqueName"> Masukan Kode HTML/JavaScript di sini..!!!! </div> |
- Kode yang ber warna MERAH adalah tempat untuk menaruh kode HTML/Javascript yang ingin sobat sembunyikan.
- Selesai dech,Semoga Berhasil.!!
