Memasang Widget Idul Fitri/Lebaran 1432 H


Hari ini kita telah memasuki pertengahan bulan suci Ramadhan 1432H. Itu artinya sebentar
lagi Insya Allah kita akan merayakan hari raya Idul Fitri 1432 H. Sungguh tepat kiranya
bila blog ini " berbagi " 5 (lima) widget Idul Fitri sekaligus. Ini merupakan hasil
modifikasi dari blog ini yang mudah-mudahan salah satunya berkenan di hati Anda.

Oh yah, widget ini ada di pojok halaman dengan efek melayang.
Adapun cara memasangnya adalah sebagai berikut :


1.   Masuk ke Edit HTML

2.   Carilah tag </body>

3.   Copy kode berikut dan letakkan di atas tag </body> ini.

Model 1 (satu) :



<div id='syam'>
<a href='URL nama blog Anda'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFVdjsnIdFyNpH5aqj6QEKl0t6FFp1BPNT_A9V9HOg3OW4s2naySPAfrsNjXRK1UzehLuIblrZST_LHH2-hT62KQTWwcGc5vtZRdZ8GtbTolAGnIHQh03gdLtdgEJiE1tZHy7vDyuNjnk/s1600/lebaran_1432_1.gif'/></a>
</div>

Model 2 (dua) :



<div id='syam'>
<a href='URL nama blog Anda'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvfemn_a9hg64vqlHfnBQQggnCQYwOM4TuRXnseaZz-B7BBCiqK7CPkWVSETS1CyBL8cvn6K2LsVZIqx2hsDj1ehGNSopD2vNeAK1irLJlx0nWzVes_HOod-GebsCA0WKCxANvWQ-oyPo/s1600/lebaran_1432_2.gif'/></a>
</div>

Model 3 (tiga) :



<div id='syam'>
<a href='URL nama blog Anda'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqyHnfnB9-Jyn3ohi3-5Mzc80CJYgQgowyJ17fvKzFuQ2m4fNosrgR8tPEAQ6Mu97a_gSpuroDQMlgvMJePNbmQ5s2ifglRdQQMUQ3JPQX2UCewE3M5q5WU6Vz35NgLIeVYU3FkvGj6y0/s1600/lebaran_1432_3.gif'/></a>
</div>

Model 4 (empat) :



<div id='syam'>
<a href='URL nama blog Anda'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEih7CG1VTV1OQJ6K8OJn4H-U4kDLXF8P-uMcv-pkot_DXrIpdhBZMxE-hgbKHylDCNDOX52-AXK30S5RiZaKqIS7098O0psmMKOKhOLWUAy2T0WxZSReIuhZknv8as8ixn7kpEIlwc5hOo/s1600/lebaran_1432_4.gif'/></a>
</div>

Model 5 (lima) :



<div id='syam'>
<a href='URL nama blog Anda'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF-sXFcDQRb5y1TMv_14E_IK5OW-kVZk2ARbBLI-Eaq_nM5qhoiKwDvxzsdXs03Q0eulMrqlKoHgIDS8HcUddqZjXXBZVRTNkVrP6FGZR2QR_qlMK5mIhCUbF8ozTHsx0isv4yQVa8seE/s1600/lebaran_1432_5.gif'/></a>
</div>

KETERANGAN :

Masukkan URL nama blog Anda di tempat yang disediakan.

4.   Cari lagi tag </b:skin>
5.   Copy kode berikut dan letakkan di atas tag </b:skin> ini.
      Pratinjau lalu simpan template Anda.

#syam {position:fixed;_position:absolute;bottom:25px; left:40px;clip:inherit;_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

KETERANGAN :

Aturlah posisi letak widget tersebut pada kode bottom:......px;left:.......px

Ubah left menjadi right bila Anda menginginkan letaknya di sebelah kanan.

Selamat mencoba dan tetap good luck!

0 komentar:

Posting Komentar