Ucapan Selamat Secara Otomatis

Membuat kesan dinamis dan unik kepada pengunjung blog merupakan suatu keharusan jika ingin mendapatkan trafik pengunjung yang bagus... Salah satu cara untuk membuat kesan dinamis yang unik adalah dengan membuat script alert ucapan selamat seperti ucapan selamat tahun baru yang secara otomatis akan muncul pada tanggal 1 Januari. Selain alert ucapan selamat script ini juga akan memunculkan efek kembang api pada blog sobat biar tambah rame & seru... Oke bro, buat yang tertarik langsung aja ke TKP.

Penting !!! ada baiknya sobat blogger mem-backup terlebih dahulu template blog sobat untuk menghindari  hal-hal yang tidak diinginkan dalam menerapkan widget ini.

Cara Pemasangan :

• Login ke blog sobat...


• Klik "More Options" selector box kemudian klik "Tata Letak" setelah itu pilih "Add Widget" dan pilih "HTML / Javascript", seperti gambar di bawah ini.
  
  
  

  
  

  

  
  

  

  
  

  


• Copy-paste kode di bawah ini dan taruh di kotak gadget blog. Silakan sesuaikan beberapa parameter kode tersebut agar sesuai dengan tema blog sobat.

  <script src="http://sites.google.com/site/monosbit/monosbit_kembang_api.js"></script>
  <link href='https://fonts.googleapis.com/css?family=Architects+Daughter' rel='stylesheet' type='text/css'>
  <style>
  #ucapan{
  width:100%;
  text-align:center;
  position:fixed;
  top:14px;
  left:0;
  z-index:+999999999999;
  }
  #txtucapan{
  font-size:40px;
  font-family: 'Architects Daughter', cursive;
  padding:10px;
  border:4px #fceabb solid;
  border-radius:0 0 8px 8px;
  background: rgba(252,234,187,1);
  background: -moz-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(252,234,187,1)), color-stop(50%, rgba(252,205,77,1)), color-stop(51%, rgba(248,181,0,1)), color-stop(100%, rgba(251,223,147,1)));
  background: -webkit-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%);
  background: -o-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%);
  background: -ms-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%);
  background: linear-gradient(to bottom, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=0 );
  }
  @media screen and (max-width:384px){
  #txtucapan{font-size:12px;}
  }
  </style>
  <div id="ucapan"><span id="txtucapan"></span></div>
  <script>
  var mydate=new Date();
  var theyear=mydate.getFullYear();
  var thedate=mydate.getDate();
  var themonth=mydate.getMonth()+1;
  if (thedate == 1 && themonth == 1){
  document.getElementById("txtucapan").innerHTML="Happy New Year " + theyear;
  window.onload=JSFX.FWStart;
  }
  if (thedate == 25 && themonth == 12){
  document.getElementById("txtucapan").innerHTML="Merry X-mas may god be with you...";
  window.onload=JSFX.FWStart;
  }
  </script>
  



• Klik "Save" dan lihat hasilnya pada tanggal 25 Desember dan 1 Januari...

Oke sobat monosbit jangan lupa meninggalkan jejak komentarnya yaa... biar postingan berikutnya semakin unik dan menarik.. happy blogging...

.: Semoga Bermanfaat :.