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 II

11. Drowning Lessons, Lagu ini adalah tentang kekasih seorang pria, yang dia tidak bisa menikah karena ia telah meninggal. Dia tinggal di kehidupan kejahatan, membunuh orang, melakukan hal yang sama setiap hari dan juga membunuh setiap hari. 12. Early Sunsets Over Monroeville, Lagu ini adalah tentang seorang pria dan istrinya yang melarikan diri ketika mencoba untuk bersembunyi dari vampir. Sayangnya, istrinya akan digigit oleh vampir, dan meskipun dia bilang dia mencintainya ia dipaksa untuk membunuh sebelum dia menjadi vampir. 13. Famous Last Words, Dalam sebuah wawancara dengan The New York Times, vokalis Gerard Way mengatakan, "Pada awalnya saya pikir pasien meninggal, namun semakin aku berpikir tentang hal ini, semakin saya pikir dia tidak mati Mungkin ini semua di kepalanya.. Mungkin dia bisa melawan Sekarang saya pikir dia memiliki pilihan untuk hidup.. "Pasien" adalah karakter utama dari album (The Black Parade). 14. Give 'Em Hell Kid, ...
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 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