Memasang Widget Tampak Hilang dan Muncul Kembali Jika Kita KLik

Cara membuat atau memasang widget tampak hilang dan muncul jika di klik, Jadinya seperti apa ya.... Tutorial ini saya dapat saat search di Mbah Google soal ngeblog dan saya mampir di Blog ini Kemudian saya temukan postingan soal membuat widget ini, Tapi saya belum mencobanya, tapi saya suadah buat tutorialnya di bawah ini, jika sobat ingin mencobanya ikuti lanhakah berikut ini.



Untuk memasang ikuti lankah-langkah berikut ini :

1. Login to Blogger Denagn ID Sobat


2. Pilih menu Tata Letak / Layout

3. Klik menu Page Element

4. Klik Add a Gadget, pilih HTML/Javascript.

5.Copy Paste Script yang ada di bawah ini, masukan ke kotak HTML/Javascript yang telah di buat tadi.






<style type="text/css">

.gb_fixed{

position:fixed;

top:0px;

right:0px;

z-index:+10;

}

* html .gb_fixed {position:relative;}

#hidden_gb2 {


display:none;

border:2px solid #191919;

background:#000000;

padding:10px;

padding-top:0px;

}

</style>

<div class="gb_fixed">

<table id="hidden_gb2" cellpadding="0" cellspacing="0">


<tr><td>

<div><a href="javascript:void(0)"

onclick="gb_showHideGB()">[Close]</a></div>





Script widget Anda Letakkan disini, misal : Shoutmix, Banner atau Apa aja terserah Anda






<div style="text-align:right; font-size:10px">

Dapatkan Buku Tamu Seperti Ini di

</div>

<div style="text-align:right; font-size:10px">

<a href="http://www.seby-antoe.com/2009/09/membuat-widget-tampak-menghilang

dan.html" target="_blank">www.seby-antoe.com</a>

</div>

</td></tr></table>


</div>

<script

src="http://sites.google.com/site/copycatgroup/Home/jsfile/hiddengb2.js"></script>

<div style="z-index:+5" class="gb_fixed">

<a href="javascript:void(0)" onclick="gb_showHideGB()">

<img border="0" style="border:0px" src="http://Alamat URL Image

Gambar Anda"/>


</a>

</div>





6. Ganti tulisan yang berwarna biru adalah tempat untuk meletakkan widget Anda, Terserah Sobat mau dikasih widget apa.

Dan tulisan berwarna merah ganti dengan alamat URL gambar / Image Sobat sendiri dari hosting Image. contoh image buku tamu :



https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoIBnwaUJJ_DbkA37A8EL7nQ-6ahP-yF-ST5YAR5BvTMbzVYcH9kKnbqTxLt2o342q8nLVDeaSEqfnAzekf_AI__HZTe6REt-fpdHTXs50KvgkfO_33yQVySo86deY91GMF0Gfrv7H7p6U/



7. Klik Simpan / Save.




Jika Sobat ingin menampilkan suatu alamat web dan bukan berupa script, bisa mengganti tulisan kode script yang berwarna biru diatas dengan kode script di bawah ini :

<object border="1" data="http://URL yang akan ditampilkan" width="1300" height="1100" type="text/x-scriptlet"> </object>

Ganti tulisan yang berwarna biru dengan alamat URL yang ingin ditampilkan.

Catatan :

Kode script diatas terdapat mallware yaitu script yang kurang bersahabat buat blog, untuk mengeceknya silahkan atur browser firefox anda pada mode safe(aman), setelah anda menaruh kode tersebut diatas kedalam blog, nantinya jika blog dibuka otomatis akan tertutup sendiri karena firefox dalam mode safe tidak bisa membuka script yang terdapat mallware tsb.

Fungsi ini juga berlaku jika browser firefox anda sudah di install plugin scriptlex, jika belum penampil website nya tidak akan keluar.

Selamat mencoba dan semoga bermanfaat....!!!!

Artikel Terkait Lainnya :