Sample Text

Subscribe to Blogger Templates Gallery to get daily updates on Free Blogger Templates in your email for free.

rss feed blog template 4u Web Informer Button
2 Ekim 2011 Pazar

Blogger’da linkleri hareketlendirmek!


Blogger için geliştirilmiş bir çok eklenti mevcut, bu eklentilerin bazıları sadece blog’a görsellik katmak açısından olsa bile gerçekten çok seviliyor. İşte bu eklentilerden bir tanesini sizlerle paylaşmak istiyorum. Eklentiden bahsetmek gerekir ise; bu eklenti sayesinde yazılarınızdaki linklerin hareketlenmesini sağlayabiliyorsunuz. Yani, yazınızdaki linke gelindiği zaman link sağa doğru ilerliyor. Ve gerçekten hoş bir görünüm ortaya çıkıyor. Üstelik, kurulumu da bir o kadar basit diyebilirim. Aşağıdaki adımları doğru bir şekilde uygulayarak, eklentiyi kullanmaya başlayabilirsiniz.
Öncelikle temamızda yer alan aşağıdaki kodu bulalım;
</head>
Daha sonra ise, yukarıdaki koddan önce aşağıdaki kodları ekleyelim;
<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
$('a.nudge').hover(function() { //mouse in
$(this).animate({ paddingLeft: '20px' },400);
}, function() { //mouse out
$(this).animate({ paddingLeft: 0 }, 400);
});
});
</script>
İşte herşey bu kadar.. Yazılarınızdaki linklerin hareketlenmesini istiyorsanız, yazılarınıza linkleri şu şekilde eklemeniz gerekiyor;
<a href="http://denemelink" class="nudge">Deneme</a>
Share this post
  • Share to Facebook
  • Share to Twitter
  • Share to Google+
  • Share to Stumble Upon
  • Share to Evernote
  • Share to Blogger
  • Share to Email
  • Share to Yahoo Messenger
  • More...

0 yorum:

Yorum Gönder