Membuat Show Hide Floating Menu Untuk Aplikasi Widget

Membuat Show Hide Floating Menu Untuk Aplikasi Widget : Show Hide floating menu merupakan suatu cara untuk membuat suatu aplikasi seperti video, gambar, guest book, jam, musik dan masih banyak lagi dibuat menjadi tersembunyi. Apabila di klik ,maka suatu aplikasi akan muncul. Cara untuk membuatnya adalah dengan menggunakan javascript. Berikut ini cara untuk Membuat Show Hide Floating Menu Untuk Aplikasi Widget

Langkah-langkahnya:

1. Login ke account blogger.

2. Pilih Layout kemudian klik pada tab Page Elements.

3. Setelah itu Klik Add a Gadget dan pilih Html/javascript.

4. Copy salah satu script code di bawah ini.


Untuk Letak Show Hide Sebelah Kanan

<!-- Begin Show Hide Floating - http://www.ichensthea.co.cc --> <style type="text/css"> #juliocaesarFX{ position:fixed; top:30px; z-index:+1000; } * html #juliocaesarFX{position:relative;} .juliocaesarFXtab{ height:108px; width:37px; float:left; cursor:pointer; background:url('http://i683.photobucket.com/albums/vv193/vebyo/GuestPink.gif') no-repeat; } .juliocaesarFXcontent{ float:left; border:2px solid #d241c7; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; background:#ffffff; padding:10px; } </style> <script type="text/javascript"> function showHidejuliocaesarFX(){ var juliocaesarFX = document.getElementById("juliocaesarFX"); var w = juliocaesarFX.offsetWidth; juliocaesarFX.opened ? movejuliocaesarFX(0, 40-w) : movejuliocaesarFX(40-w, 0); juliocaesarFX.opened = !juliocaesarFX.opened; } function movejuliocaesarFX(x0, xf){ var juliocaesarFX = document.getElementById("juliocaesarFX"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; juliocaesarFX.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("movejuliocaesarFX("+x+", "+xf+")", 10);} } </script> <div id="juliocaesarFX"> <div class="juliocaesarFXtab" onclick="showHidejuliocaesarFX()"> </div> <div class="juliocaesarFXcontent">

kode aplikasi widget disini

<div style="text-align:right"> <a href="javascript:showHidejuliocaesarFX()"> [close] </a> </div> </div> </div> <script type="text/javascript"> var juliocaesarFX = document.getElementById("juliocaesarFX"); juliocaesarFX.style.right = (40-juliocaesarFX.offsetWidth).toString() + "px"; </script> <!-- End Show Hide Floating - http://www.ichensthea.co.cc -->

Untuk Letak Show Hide Sebelah Kiri

<!-- Begin Show Hide Floating - http://www.ichensthea.co.cc --> <style type="text/css"> #juliocaesarFX{ position:fixed; top:30px; z-index:+1000; } * html #juliocaesarFX{position:relative;} .juliocaesarFXtab{ height:108px; width:37px; float:right; cursor:pointer; background:url('http://i683.photobucket.com/albums/vv193/vebyo/GuestPink.gif') no-repeat; } .juliocaesarFXcontent{ float:right; border:2px solid #d241c7; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; background:#ffffff; padding:10px; } </style> <script type="text/javascript"> function showHidejuliocaesarFX(){ var juliocaesarFX = document.getElementById("juliocaesarFX"); var w = juliocaesarFX.offsetWidth; juliocaesarFX.opened ? movejuliocaesarFX(0, 40-w) : movejuliocaesarFX(40-w, 0); juliocaesarFX.opened = !juliocaesarFX.opened; } function movejuliocaesarFX(x0, xf){ var juliocaesarFX = document.getElementById("juliocaesarFX"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; juliocaesarFX.style.left = x.toString() + "px"; if(x0!=xf){setTimeout("movejuliocaesarFX("+x+", "+xf+")", 10);} } </script> <div id="juliocaesarFX"><div class="juliocaesarFXtab" onclick="showHidejuliocaesarFX()"> </div> <div class="juliocaesarFXcontent">

kode aplikasi widget disini

<div style="text-align:right"> <a href="javascript:showHidejuliocaesarFX()"> [close] </a> </div> </div> </div> <script type="text/javascript"> var juliocaesarFX = document.getElementById("juliocaesarFX"); juliocaesarFX.style.left = (40-juliocaesarFX.offsetWidth).toString() + "px"; </script> <!-- End Show Hide Floating - http://www.ichensthea.co.cc -->

Keterangan:

  • kode aplikasi widget disini : ganti tulisan ini dengan script code video, gambar, jam ,guest book musik dan aplikasi lainnya.
  • http://i683.photobucket.com/albums/vv193/vebyo/GuestPink.gif' : ganti tulisan ini dengan gambar kreasimu sendiri. Yang digunakan untuk sebagai tanda aplikasi apa yang dibuat show hide.
  • #d241c7: digunakan untuk mengganti warna tampilan pada border.
  • #ffffff: digunakan untuk mengganti warna tampilan pada background.>

Komentar

Posting Komentar

Postingan populer dari blog ini

Tentang Lagu MCR dan Di Balik Lagu MCR Part I

1. Blood, Sebuah lagu tersembunyi pada The Black Parade, lagu ini bisa tentang bagaimana terobsesi fans bisa menjadi: mereka inginkan begitu banyak idola mereka dan MCR mungkin merasa bahwa meskipun mereka melakukan semua yang mereka dapat, tidak pernah cukup. "Beri mereka darah, darah, galon barang, memberi mereka semua yang mereka bisa minum dan tidak pernah akan cukup" - seolah-olah mereka memberikan jiwa mereka dalam pekerjaan mereka, mengalir keluar setiap ons dari mereka ke dalam apa yang mereka lakukan dan bagaimana beberapa orang masih bisa menginginkan lebih. 2. Bulletproof Heart, Ini lagu beraroma era 80-an vokalis Gerard Way bernyanyi tentang cita-cita romantis meninggalkan kota kecil untuk lampu-lampu terang di kota besar, dan diselamatkan oleh rock and roll pada Sabtu malam. Lagu ini termasuk lirik "Jenny bisa kau kembali rumah?" Way kepada majalah Spin: "Saya pikir saya Jenny adalah mengacu pada Jenny yang hilang dalam lagu Pembunuh Saya pikir
Baca selengkapnya

Tentang Lagu MCR dan Di Balik Lagu MCR Part III

21. I Don't Love You, Lagu ini tampaknya tentang seorang pelacur setelah keluar malam. Baris yang, "Hentikan Anda ke bawah dan keluar," "Kadang-kadang saya menangis begitu keras dari memohon" dan "dolar lain hanya pukulan lain " menunjukkan ini. 22. I Never Told You What I Do For A Living, Ini adalah lagu terakhir di album, dan itu adalah malam terakhir membunuh sebelum kesepakatan dengan iblis akan selesai dan ia bisa melihat kekasihnya lagi, maka lirik, "Suatu malam dan aku akan melihat kamu" karena dia sudah hampir selesai mengumpulkan 1.000 jiwa. Semua pembunuhan yang dia lakukan telah membuatnya merasa kotor dan "noda itu tidak akan datang dari lembaran" adalah merujuk kepada sesuatu yang ia tidak akan pernah bisa melupakan. Dia pikir Iblis telah berbohong kepadanya, dan ia tidak mengirimnya ke kekasihnya, namun ia merasa bahwa ia harus menghentikan pembunuhan sekarang akhirnya mereka akan bertemu lagi di kehi
Baca selengkapnya

Tentang Lagu MCR dan Di Balik Lagu MCR Part V

41. Thank You For The Venom, Lagu ini adalah tentang orang-orang yang datang ke khotbah pintu Anda tentang Allah dan mencoba untuk membuat Anda percaya pada apa yang mereka percaya, tetapi Anda hanya ingin mereka untuk meninggalkan Anda sendirian: "Beri aku alasan untuk percaya, memberitakan semua yang Anda inginkan tapi siapa yang akan menyelamatkan saya?" 42. The End, Lagu pembukaan pada The Black Parade, lagu ini, awalnya berjudul Father, adalah tentang saat-saat akhir Pasien saat ia meninggal. Pasien adalah karakter utama dari alur cerita album, dan pendengar bisa mendengar bunyi 'bip' ECG monitornya, menghitung mundur menuju kematiannya. Di lagu berikutnya, "Mati!," EKG adalah flatlined, untuk menunjukkan ... baik, kematian. 43. The Ghost Of You, Ini membahas lagu dengan rasa takut kehilangan seseorang. Hal ini tidak harus ditafsirkan tentang hanya kehilangan satu orang khusus. Menurut band, album seluruh tentang kehilangan orang.
Baca selengkapnya