Untuk tutorial hari ini, sy ingin berkongsi notice box animasi untuk diletakkan di blog anda. Animasi mcm mana 2? nk tahu? acu,cuba,try,test tengok di http://syoknyerbloggingtesting.blogspot.com/ . Berminat? jom sama2 kita belajar. Hehe..

1 Pergi ke Dashboard > Design > Add a Gadget

2 Pilih Html/Javascript

3 Salin koding dibawah dan pastekan pada gadget td.

<style>
#info{
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
position:relative;
color: #00529B;
background-color: #BDE5F8;
background-image: url('http://i46.tinypic.com/jzf8tk.jpg');
}
</style>
<script src="http://code.jquery.com/jquery-1.2.3.min.js" type="text/javascript"></script>

<script type="text/javascript">
$(document).ready(function(){
$(".close").click(function(){
$("#info").animate({left:"+=10px"}).animate({left:"-5000px"});
});

$("#info").fadeOut(800).fadeIn(800).fadeOut(400).fadeIn(400)
.fadeOut(400).fadeIn(400);
});
</script>

<div id="info">
<a class="close" href="#close" style="float: right;"><img border="0" src="http://1.bp.blogspot.com/_AstD3fky-O0/TOstBn4BMoI/AAAAAAAAAKc/bgYGD5qCds8/s1600/images.jpg" /></a>
Ini adalah mesej anda. Tekan pangkah untuk tutup box ini</div>

4 Tukarkan mesej anda sendiri.

5 Save.

6 Untuk menukarkan icon tanda seru cari http://i46.tinypic.com/jzf8tk.jpg dan tukar pada url icon pilihan anda.

7 Selamat Mencuba ya. (^^,)










Share Gadget
Stumble
Delicious
Technorati
Twitter
Facebook
Blog
Gadget


Jika anda sukakan article ini,linkkan kembali...



Dicatat oleh Thalhah Amir on Selasa, 14 Disember 2010

6 ulasan

  1. sHaH Says:
  2. nice.. tau tak macam mana nak letak butang nang kat blog?

     
  3. Thalhah Amir Says:
  4. emm.. malunya nk tanya.. nang 2 mende? haha.. nuffnang ke?

     
  5. Sharinginfoz Says:
  6. thanks for sharing

     
  7. Thalhah Amir Says:
  8. sama2.. ;)

     
  9. wow!

     
  10. WHERE2 Says:
  11. Try masukkan tapi tak berjaya?
    Salah kat mana?

     

Catat Ulasan

Cari Blog Ini

Pengikut

Pengikut Facebook

Informasi

SyoknyerBlogging adalah sebuah blog tutorial untuk bloggers yang menggunakan platform blogspot. Semua tutorial disini adalah daripada pengalaman sy berblogging selama 3 tahun. Sy bukan untuk mengajar tetapi lebih kepada berkongsi. Harap anda gembira disini. (^^,)

Mengenai Saya

Foto saya
Sy sangat sukakan web. Seorang Programmer. Pemilik Syoknyerblogging
Copyright 2010 | SyoknyerBlogging | Belajar Blogging Dalam Bahasa Melayu
Zengard Template designed by the Jinsona Design and XML coded by CahayaBiru.com