Blogger Anismasyonlu Mesaj Kutusu Eklemek

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. Phtmldrive.blogspot.com/


kodlarını ekliyoruz ve kaydediyoruz. Kapat tuşuna bastığınızda kutu kaçıp gidiyor.
Hepsi bu kadar. Herhangi bir sorunda yorum bölümünü kullanabilirsiniz.