Memasang widget like box fans page pada halaman Blog yang kita miliki ini biasanya tujuan dari pemasangan widget yaitu agar semakin banyak orang yang menyukai halaman Blog kita di Facebook atau sosial media lainnya. Nah untuk dapat menarik perhatian pengunjung Blog lebih banyak, tidak sedikit juga Blogger yang memasang widget like box facebook melayang, atau widget like facebook yang tiba-tiba muncul di depan layar seperti yang pernah sobat ditemui.
Cara Membuat Widget Show Hide di Sudut Kanan Bawah Blog
Beberapa widget sosial media yang pernah saya temui merupakan widget yang sangat mengganggu pemandangan pengunjung saat sedang membaca sebuah artikel. Apalagi jika widget tersebut muncul berkali-kali dan menghalangi artikel yang sedang dibaca oleh pengunjung. Saya dulu pernah membuat widget seperti itu dan hasilnya dikritik dari pengunjung karena memasang widget melayang pada posisi yang tidak tepat, Alasannya karana "sangat mengganggu pemandangan pengunjung", katanya.Kemudian saya menemukan cara lain untuk menyajikan widget yang sobat anggap penting ini. Widget ini tentu terasa lebih nyaman bagi para pengunjung jika dibandingkan dengan widget melayang. Setidaknya tidak terlalu mengganggu pemandangan pengunjung karena widget ini terdapat di posisi sudut kanan bawah pada blog yang tentunya tidak akan menghalangi artikel. Selain itu widget ini hanya akan tampil ketika layar digulir ke bawah pada jarak tertentu, dan akan hilang kembali jika layar digulir ke atas atau jika pengunjung meng-klik tombol close pada widget. Beberapa orang sering menyebut widget ini Widget Show Hide di Sudut Kanan Bawah Blog. Pada gambar yang bertuliskan "FB", itulah widget yang akan sobat buat pada Blog sobat. Langsung saja perhatikan saja contoh tampilanya berikut ini.
 |
| Cara membuat Widget show hide |
1. Login ke akun Blogger sobat.
2. Masuk ke bagian Tata Letak.
3. Klik tambahkan gadget di posisi mana saja, hasilnya tetap akan berada di pojok kanan bawah Blog sobat.
4. Pilih mode HTML / Javascript.
5. Masukan kode di bawah ini.
<!--Slidbox -->
<script type="text/javascript" src="http://marewainfo.googlecode.com/files/slidboxordinary.js"></script>
<div style="position:fixed; width:342px; overflow:hidden; bottom:20px;
right:10px; display:none;
background: #ffffff repeat; -moz-border-radius:15px; -webkit-border-radius:15px;
border-radius:15px; border:2px solid #111111;" id="fbslidebox">
<div style="width:300px; padding:10px; margin:0 auto; overflow:hidden;">
<a href="#" style="float:right; color:#999; padding:0 3px;
border:1px solid #CCC; text-decoration:none; font-size:9px; font-family:Verdana, Geneva, sans-serif;" id="fbcloseslidebox">X</a>
<strong style="color:#808080;">
<center>Pesan Pada Widget</center>
</strong>
<==Masukan script widget disini==>
</div></div>
<!--Slidbox end -->
<script type="text/javascript" src="http://marewainfo.googlecode.com/files/slidboxordinary.js"></script>
<div style="position:fixed; width:342px; overflow:hidden; bottom:20px;
right:10px; display:none;
background: #ffffff repeat; -moz-border-radius:15px; -webkit-border-radius:15px;
border-radius:15px; border:2px solid #111111;" id="fbslidebox">
<div style="width:300px; padding:10px; margin:0 auto; overflow:hidden;">
<a href="#" style="float:right; color:#999; padding:0 3px;
border:1px solid #CCC; text-decoration:none; font-size:9px; font-family:Verdana, Geneva, sans-serif;" id="fbcloseslidebox">X</a>
<strong style="color:#808080;">
<center>Pesan Pada Widget</center>
</strong>
<==Masukan script widget disini==>
</div></div>
<!--Slidbox end -->
Ubah tulisan berwarna biru dengan pesan pada widget yang sobat inginkan. Contoh: "Please Follow & Like". Masukan script widget yang sobat inginkan pada tulisan berwarna merah. Sobat bisa memasukan lebih dari satu widget. Namun jangan terlalu banyak yah sobat, menurut saya tampilanya kurang bagus. Masukan maksimal 2 script widget saja. Contohnya widget tombol follow twitter dan widget like box facebook (klik salah satu link untuk mendapatkan script widget facebook atau widget twitter).
6. Setelah selesai menentukan tampilanya, silakan klik Simpan.
Sebenarnya script widget yang saya berikan diatas masih bisa sobat ubah tampilanya, jika sobat mengerti bahasa script CSS pasti sobat bisa memodifikasinya sendiri sesuai keinginan sobat. Silakan saja modifikasi dengan kreasi sobat sendiri. Semoga artikel "Cara Membuat Widget Show Hide di Sudut Kanan Bawah Blog" bermanfaat buat sobat Blogger sekalian.
EmoticonEmoticon