Html Kodları - Sitene Ekle - Html Kod
  Blogger Animasyonlu Mesaj Kutusu Ekleme
 



Bloggerturkiye.org'u buraya taşıdığımdan beri tepkiler almaya başladım. Fakat öyle ya da böyle blogger için desteği bu blogdan yürüteceğim. Üst taraftaki blogger panelinden eklentilere ve temalara kolayca ulaşabilirsiniz.

Gelelim bu eklentimize.

İlk önce Tasarım > sayfa ögeleri bölümüne geliyoruz ve Html/javascript ekle bölümüne gelip ;

 

<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://i48.tinypic.com/3502jif.jpg" /></a>

Mesajınızı buraya yazın. Blogkaan.Com


kodlarını ekliyoruz ve kaydediyoruz. Kapat tuşuna bastığınızda kutu kaçıp gidiyor.

 
  hizmet - agario- Canlı Tv izle-tv izle-tv izle  
 
=> Sen de ücretsiz bir internet sitesi kurmak ister misin? O zaman burayı tıkla! <=