Mayıs 15, 2012

Animasyonlu Uyarı Kodu - Blogger Eklentisi

Animasyonlu Uyarı Kodu - Blogger Eklentisi

Animasyonlu uyarı kodu ile , belirlediğiniz konulara dikkat çekebilmeniz artık daha kolay olacak. Böylece ziyaretçilerinizin daha dikkatli olmasını sağlayacaksınız. 
Şimdi gelelim; Animasyonlu uyarı kodunun nasıl kullanılacağına.
Aşağıdaki kodu Her Yeni Açtığınız konunun "HTML" yazan bölümüne yapıştırın ve aşağıdaki kırmızı ile işaretlenmiş alanları düzenleyerek dilediğiniz gibi kullanabilirsiniz. Kodun ön izlemesi en aşağıdadır. Oradan bakabilirsiniz.

Kullanımdaki sorunu kodu her seferinde kopyalayıp yapıştırmanız olacaktır. KOD:
<script src="http://code.jquery.com/jquery-1.2.3.min.js" type="text/javascript">
</script>
<script src="https://making-different.googlecode.com/svn/trunk/makingdifferent_widget2012.js" type="text/javascript">
</script>
<style>
#makingdifferent_widget2012{
font-family: "Consolas", "Courier New", Courier, mono, serif;
border: 1px solid;
margin: 10px 0px;
padding:15px 15px 15px 50px;
background-repeat: no-repeat;
background-position: 5px center;
position:relative;
color: #00529B;
background-color: #BDE5F8;
background-image: url('http://3.bp.blogspot.com/-zrDRODUJ1fM/T66Pl4ZSPwI/AAAAAAAADK0/NnAuYxn2OBY/s1600/icon-info.png');
}
</style>
<br />
<div id="makingdifferent_widget2012">
<a class="close" href="http://www.blogger.com/blogger.g?blogID=8945522265417814841#close" style="margin-right: -1px; margin-top: -1px; position: absolute; right: 0px; top: 0px;"><img border="0" src="http://1.bp.blogspot.com/-xjVGllNNS5Q/T66Pa1LuFZI/AAAAAAAADKs/8Nf9hrNZGpA/s1600/popover-close-button.gif" /></a>Bu PAYLAŞIM WWW.BLOGLAMAZAMANI.blogspot.com adresinden yapılmıştır. CSS ile hazırlanmış animasyonlu-hareketli uyaru kutusu.
</div>
Kodu güle güle kullanın. Tüm takipçilerime iyi bloglamalar dilerim.

Not: Yapamadığınız bir şey olursa "YORUM" kısmında belirtiniz. Size en kısa sürede yanıt vereceğim.

Animasyonlu Uyarı Kodu - Blogger Eklentisi, css ile uyari kodu, css hareketli, css animasyonlu kod, css animasyonlu uyarı kodu, css hareketli uyarı kodu,

Bu PAYLAŞIM WWW.BLOGLAMAZAMANI.blogspot.com adresinden yapılmıştır. CSS ile hazırlanmış animasyonlu-hareketli uyaru kutusu.

0 yorum :

Yorum Gönder



Bloglama Zamanı'nda yayınlanacak yeni yazılar e-mail adresinize gelsin.


Google Arkadaşım Ol
Bloglama Zamanı
Bloglama Zamanı

Google+ paylaşımlarımı takip etmek için çevrelerinize ekleyin.