Blog Tutorial

Tutorial Blog, Cheat Games, Tutorial Ponsel, Tutorial Komputer, Tutorial Browser

Kamis, 24 Desember 2009

Memasang Widget Tersembunyi

Kategori :
Hari ini sepertinya tidak ada yang menggangu untuk ngebloging itu hal yang paling saya suka
http://images.vimeo.com/11/30/75/113075964/113075964_300.jpgsekali .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

8 Komentar untuk Memasang Widget Tersembunyi

Wah mantap sob...!!!

sama-sama sob, blog akhatam juga ok....

kayak yg sering dipakai utk komentar ya...

contohnya kayak gmna gan ??

untuk contoh kunjungin yang http://oketrik3.blogspot.com/ ini dan cari tulisan klik disini

sekali lagi, tutorial yang menarik bro..

Mantab Bro.......

Hey! I just wanted to ask if you ever have any problems
with hackers? My last blog (wordpress) was hacked and I ended up
losing a few months of hard work due to no backup. Do you have any methods to stop hackers?


my blog post ... how to get your girlfriend back