Followers

Tutorial | Animated notice board

tyra lee | 18:37 | 0Comments |
Views
Camne animated notice board ni?

xtaw, tengok bawah ni.. mungkin boleh menambahkan pengetahuan korang .


STEPS
1. Dari dashboard > design > add a gadget > HTML/javascript
2. Masukkan kod di bawah dalam ruangan HTML/javascript


<style>
#info{
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
position:relative;
color: #FFF;
background-color: #000000;
background-image: url('https://lh6.googleusercontent.com/-J10tzuGryJQ/TvFErgMukbI/AAAAAAAABYg/TsQA5wpxZ8s/h120/joy.gif');
}
</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>
Hello This is test Notice...</div>

3. yang warna merah tu, tukar lah ayat memasing ye..
4. save dan cekidaut.. <3 
kalau suka, like sekali.. tanda sokongan..

www.tips-fb.com

0 00 org doakan tyra sihat:

Related Posts Plugin for WordPress, Blogger...

saya sayang awak

Daisypath Anniversary tickers