Memasang Widget Idul Fitri/Lebaran 1432 H

Written By 085216140877 on Minggu, 21 Agustus 2011 | 02.17

Posted: 14 Aug 2011 04:49 PM PDT

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 bisa berkenan di hati Anda.

Oh yah, widget ini ada di pojok halaman dengan efek
melayang. 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='http://1.bp.blogspot.com/-4NYPUHLfqbE/Tkg9VqZSUPI/AAAAAAAABsk/dvkSTrDrfj0/s1600/lebaran_1432_1.gif'/></a>

</div>


Model 2 (dua) :



<div id='syam'>

<a href='URL nama blog Anda'><img src='http://3.bp.blogspot.com/-WI_eWThk2ko/Tkg9XRlj7OI/AAAAAAAABso/M81O1yzlzBY/s1600/lebaran_1432_2.gif'/></a>

</div>


Model 3 (tiga) :



<div id='syam'>

<a href='URL nama blog Anda'><img src='http://1.bp.blogspot.com/-a8wnonKJLZg/Tkg9aSOcspI/AAAAAAAABss/qVmNl-USDLc/s1600/lebaran_1432_3.gif'/></a>

</div>


Model 4 (empat) :



<div id='syam'>

<a href='URL nama blog Anda'><img src='http://3.bp.blogspot.com/-BU3u8sTJ16E/Tkg9c70-5zI/AAAAAAAABsw/Vgn-tQtCBfs/s1600/lebaran_1432_4.gif'/></a>

</div>


Model 5 (lima) :



<div id='syam'>

<a href='URL nama blog Anda'><img src='http://2.bp.blogspot.com/-7Frz5RNsd2k/Tkg9fYuXQnI/AAAAAAAABs0/8D9_tZgtiQg/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: