Loading ... ... Please wait!
Memilih mana diantara widget tersebut yang paling jitu di tempatkan pada bagian atas, dan mana yang tidak masalah jika ditempatkan pada bagian bawah halaman blog kita.
Masalah tersebut mungkin bisa diatasi dengan memanfaatkan hidden layer. Membuat satu layar yang sudah ditentukan posisinya secara absolute, kemudian disembunyikan. Setelah itu dibuatkan satu link atau tombol/button yang jika diklik, layar tersebut muncul sebagai layar tersendiri.
Jika tertarik scriptnya seperti ini
Langkah pertama adalah membuat Layar terlebih dahulu
<div style="position:absolute;top:20px;left:20px;width:400px;height:300px;z-index:100;border:1px solid #000000;background-color:#ffffff" id="layar"> Buat/pasang tulisan atau script disini</div>
Setelah itu, layar tersebut dihilangkan/disembunyikan,
kode scriptnya adalah display:none, pasang tag script ini pada posisi style sehingga menjadi seperti ini
<div style="position:absolute;top:20px;left:20px;width:400px;height:300px;z-index:100;border:1px solid #000000;background-color:#ffffff;display:none" id="layar"> Buat/pasang tulisan atau script disini</div>
Langkah berikutnya adalah membuat link agar layar tersebut muncul saat link di klik
scriptnya adalah
<script>
function bukalayar()
{ document.getElementById("layar").style.display="block"; }
</script>
<a href="#" onclick="bukalayar()">BUKA LAYAR</a>
Agar Setelah dibuka layar tersebut bisa ditutup kembali, buat satu link lagi yang berfungsi menutup layar yaitu
<script>
function tutuplayar()
{ document.getElementById("layar").style.display="none"; }
</script>
<a href="#" onclick="tutuplayar()">TUTUP LAYAR</a>
Link tutup layar bisa disisipkan pada hidden layar tadi
sehingga menjadi seperti ini
<div style="position:absolute;top:20px;left:20px;width:400px;height:300px;z-index:100;border:1px solid #000000;background-color:#ffffff;display:none" id="layar">
<a href="#" onclick="tutuplayar()">TUTUP LAYAR</a>
Buat/pasang tulisan atau script disini
</div>
Kemudian buka EDIT HTML dan tempatkan di bawah
<body>
atau buka TAMBAH GADGET > HTML/JAVASCRIPT > Copy Paste script berwarna merah. Script link Buka layar anda bisa sandingkan dengan menu yang lain.
Contoh HIDDEN LAYER, KLIK di bawah ini
OPEN LAYER
Postingan
Home
Daftar Isi
Kategori
Live Traffic
Member List
14 comments:
makasih fren, teruslah berkarya
thanks ya sharingnya
pelan2 ah.. Ctrl+ D dolo.. wakakak
Posting Komentar