Memasang Widget Tersembunyi

Hari ini sepertinya tidak ada yang menggangu untuk ngebloging itu hal yang paling saya suka

sekali .Oke untuk pertemuan hari ini saya akan memberikan trik Memasang Widget Tersembunyi. apakah anda tau? kalau tidak tau saya akan memberikan deskripsinya.

Yang di maksud dari Widget Tersembunyi adalah salah satu blogger 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 y , dari pada diam bingung mendingan sobat coba terlebih dahulu oke.

1. Login ke blogger
2. masuk ke Tata letak ==>> Edit HTML
3. 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}
   
   
   
4. 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>
   
   
   
5. setelah itu simpan
6. sekarang kita masuk ke Element Halaman lalu tambahkan sebuah gadget ==>> HTML/Java Script
7. 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>
   
   
   
8. Setelah itu simpan dan lihat hasilnya
   
9. 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>
   
   
   
10. Kode yang ber warna hijau adalah tempat untuk menaruh kode HTML/Javascript yang ingin sobat sembunyikan.
11. Selesai dech

Nah bagaimana dengan trik Memasang Widget Tersembunyi? mudah bukan? mungkin ini terlalu rumit untuk pemula yang baru pertama kali mengenal kode-kode seperti di atas, mungkin suatu saat saya akan memberikan pelajaran tentang Mengenal Kode - Kode HTML.

Bagikan Artikel : Facebook Twitter Google+ Linkedin Technorati Digg