Başlıklar :
Home » , , » Blogger Yazı İçindeki Linkleri Hareketlendirmek

Blogger Yazı İçindeki 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>
Bu Yazıyı Paylaşın :

Yorum Gönder

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. BLOGGER DESTEK - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger