Blogger Anismasyonlu Mesaj Kutusu Eklemek
Kategori :
Blogger
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
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.
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.Comkodları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.
Yorumlar