Cara Membuat Widget Ucapan Selamat Ibadah Puasa Melayang Di Blog

 

Assalamualaikum wr.wb kumaha daramang ? hehe dalam kesempatan kali ini dalam menyabut bulan Suci Ramadhan saya mau share sebuah Widget Ucapan Selamat Ibadah Puasa 1424 Hijriah Melayang di Blog untuk memeriahkan blog kita dalam bulan Ramadhan ini :), yah mungkin sebagian agan - agan yang membaca artikel ini sudah pada tau widget ini yah tapi apa salahnya saya share widget ini hehe la gi..Widget sederhana ini mungkin sedikit di lirik banyak orang tapi dengan memasang widget sederhana ini kita telah memeriahkan bulan Ramadhan di blog masing - masing hehe..
Penasaran ? trus baca ke bawah :p

Tutorialnya Sebagai Berikut :

• Buka Halaman Dabor Blogger biasa trus menuju ke > Tata Letak
• Tambah Gadget lalu pilih HTML/JavaScript 
• Lalu Masukan Script di bawah ini :

<style type="text/css"><br /> .lintasnotif{height:70px;width:480px;display:block;position:fixed;bottom:10px;left:10px;border-radius:5px;box-shadow:2px 2px 2px #cfcfcf}<br />.lintasnotif span{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUwSw2CxEA5icILmtcnRwD97x39ekYy4C6Pc8qUc-jgE2OEl8VDDGevDyq5gWJNKrI4ng_TVps2YDFVWdDqoqU5JVZwkgIhFL7tr9n5SGTqQhPek2-ezBdeGF28LMao76LEmKbnWeJCvY/) no-repeat right top;cursor:pointer;display:block;width:19px;height:19px;position:absolute;top:-9px;right:-8px}<br />.lintasnotif p{width:400px;font-family:Comic Sans MS;color:#323232;font-size:18px;line-height:21px;text-align:left;float:right;margin:10px 15px 0 0;margin-top:15px;padding:0;text-shadow:0 0 1px #f9f9f9}<br />.warning{border-top:1px solid #fefbcd;border-bottom:1px solid #e6e837;background:#feffb1;background:-moz-linear-gradient(top,#feffb1,#f0f17f);background:-webkit-gradient(linear,left top,left bottom,from(#feffb1),to(#f0f17f))}<br />.warning:before{content:url(http://img33.imageshack.us/img33/4536/i0fy.png);float:left;margin:15px 15px 0 9px}<br />.warning strong{color:#FF0000;margin-right:15px}<br /></style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript"><br />$(document).ready(function(){$('.lintasnotif').hover(function(){$(this).css('cursor','auto');});$('.lintasnotif span').click(function(){$(this).parent().fadeOut(800);});});</script>
<div class="lintasnotif warning"><span></span>
<p><strong>jam-vista share™</strong>Mengucapkan Selamat Menjalankan Ibadah Puasa 1434 Hijriah </p></div>
<script src="http://code.jquery.com/jquery-latest.js"></script>

*Note : Ganti Tulisan Berwarna Merah Dengan Kata Yang Anda Inginkan

• Lalu Klick Simpan Widget dan lihat hasilnya :)