Jumat, 17 Agustus 2012

Widget Blog Dengan Tema Idul Fitri

Hari ini kita telah memasuki penghujung 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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZHUoLLAxdrxfnMTVC8TOsd6rbX7h3xuOJm6kKLKGQgqKJH2SqBs8vGj4aud-BO_CprWNfeBQnW4DypFdUQebybE6K13f5NI4goDexDUiI9qdOHdzbA-WMJT_3wJaU8RV9GXhmTQ_BGbY/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/AVvXsEhSgRxsxN8ovQoZBMC_e6fG5QiJ1Msz-0A9_g3zoUz4W3yfUqpnJvma7hsKSN-6hRj4frDeS1ddJJOQCINnMpp0dT0uEAsuRYFjYLuXYzyVSIjVFfqdUdb91w2OTNMWnk5AJlrwlVrtaDI/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/AVvXsEhpcEqyzDSxCca52hiCwKv3nQGTAp9M-vauZNO-klCltDbiyCsp17vdJ9FOW9mS4qwjYKsY_InPa_9EThzHpWL4FRVT4p9UimOLZS1uX2Dojrs9uyzaermRIyHdZuml3pDJskx76MvYbKU/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/AVvXsEhv6MjcQX2aPsue-3cjjIw7Iw_rA7u4_JaEe-FkZ8ZduZgAZu8BHRnooj8dSUdd2S8LhjbyI9JRF1midNP8-75cUENEx70wEffK6qVgOPhIDXe9mN6LRTaA4WxYg_ukEnwe_JeYyXfdywE/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/AVvXsEiukh_NOtJrBCkAMd2fCJKdhv50SrSte0hfX4GOOo8rwix6Tmq0xhqE6Llpx3Aqu7EMlbztCEFo4_NP3gr_sGz4j0Fk6iRhazba6H8zDV2rd_7vpjjGCHpmwU8hPCyTqtOPL3R6h1DgbY8/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!

Tidak ada komentar:

Posting Komentar

Jika postingan saya bermanfaat dan bisa membantu anda..tolong support saya dengan meniggalkan komentar sepatah duapatah kata saja :D