Rabu, 20 Juni 2012

jQuery Link Anchor dengan Pavicon

jQuery Link Anchor dengan Pavicon
cara membuat link anchor dan auto pavicon dari tiap link ini bisa kita terapkan untuk membuat blogroll atau blog yang kita ikuti. dalam widget blogger sendiri tautan link sudah di sediakan namun kita akan membuat ini secara manual dan bisa menentukan dengan rel="noDofollow" secara manual. dengan bantuan jQuery kita bisa membuatnya semudah mungkin berikut script yang di gunakan.

<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
Javascript

$(".symbol[href^='http']").each(function() {
$(this).css({
background: "url(http://g.etfv.co/" + this.href + ") left center no-repeat",
"padding-left": "20px"
});
});


View Demo

ket.

.symbol adalah class pada setiap link.. selain itu anda bisa menggantinya dengan nilai a atau id .


contoh :

<a class="symbol" href="URL BLOG ATAU WEB"> NAMA BLOG/WEB </a>
.

0 komentar:

Posting Komentar

Copyright © 2012 Css Education All Right Reserved