--> Cara Mudah dan Gampang Membuat Widget Slider Keren di Blog | Kang-Mauk (Ibnu Mas'ud)

informasi menarik dan menyenangkan

www.informasibogorbarat.blogspot.com (Blog Kang Maux)

Tuesday, August 20, 2013

Cara Mudah dan Gampang Membuat Widget Slider Keren di Blog

| Tuesday, August 20, 2013
 Assalamu'alaikum Wr.Wb
Salam Hangat dari Blogger Bogor Barat

Blog Kp.Calingcing Bogor Barat, kali ini share Cara Mudah dan Gampang Membuat Widget Slider Keren di Blog , lumayan sebagai tambahan tempat widget dikarenakan di widget ini tidak akan tampil jika tidak di sentuh mause ehehehehehehh

caranya cukup mudah

1. log in ke blog sobat

2. pilih "Tata Letak'

3. add gadget

4. pilih "HTML JavaScript"

5. Masukkan Kode di bawah ini
   
   style type='text/css'>
.fwidget{background:#000;border-radius:5px;bottom:-5px;box-shadow:0 0 5px #fff;color:#fff;float:left;height:25px;margin-left:95px;opacity:.8;overflow:hidden;padding:auto;position:fixed;text-shadow:0 0 5px #000;width:90px;z-index:9;-o-transition:all 2s ease-in-out;-moz-transition:all 2s ease-in-out;-webkit-transition:all 2s ease-in-out}
.fwidget:hover{background:transparent;border:2px solid #000;box-shadow:0 0 15px #000;color:#000;height:450px;margin-left:20px;opacity:1;width:240px}
.fwidget-body{-o-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out}
.fwidget h3{cursor:point;font-size:13px;text-align:center}
</style>

<div class='fwidget'>
<h3>Judul Widget</h3>
<div class='fwidget-body'>
<center>MASUKAN SCRIPT WIDGETNYA MISALNYA BUKU TAMU</ceenter>
</div>
</div> 



   ganti yang berwarna merah sesuai keinginan sobat
6. Save/Simpan

7. Semoga berhasil

Related Posts

No comments:

Post a Comment

Tolong komentarnya berhubungan dengan artikel yang ada. Komentar yang mengarah ke tindakan spam akan di hapus atau terjaring secara otomatis oleh spam filter