Skapa blogg, gratis bloggdesign, enkel marknadsföring, SEO samt tjäna pengar på bloggen - allt i ett och mycket mer!

måndag 18 juli 2011

Knuffa fram länkarna i blogspot

Vill du hotta upp dina länkar med en cool effekt som är ganska lätt att införa. Vill du ge dina länkar en extra knuff när du drar musen över dem, se själv nedan:


Den här effekten kan du lägga in på valfria länkar genom att först hitta kodstycket

</head>

Precis innan/ovanför klistrar du in den här koden.


<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'> </script> <script type='text/javascript'> var dur = 400; // Duration Of Animation in Milli Seconds $(document).ready(function() { $('a.linknudge').hover(function() { $(this).animate({ paddingLeft: '25px' }, dur); }, function() { $(this).animate({ paddingLeft: 0 }, dur); }); }); // end of Jquery Script </script>

 Sedan är det bara att lägga in koden i antingen länkar på dina inlägg eller i dina gadgets genom att ge dem klassen class='linknudge' precis efter <a.  Ett inläggs länks HTML kod ser ut så här beroende på hur du byggt upp länken där det gröna är själva länken medan det blåa är ankartexten (den text som användaren ser).

<a href="http://designablogg.blogspot.com/">Hur man bloggar</a>

Lägg då till koden class="linknudge" (märk skillnad på ” ”) så här.

<a  class="linknudge" href="http://designablogg.blogspot.com/">Hur man bloggar</a>

Resultat borde bli detta


I en gadget blir det lite svårare. Leta upp gadgetens id i kodmallen genom att söka på namnet. Bläddra sedan neråt tills du hittar en kodsstycke som ser ut såhär, men sök inte direkt efter den.

<li><a expr:href.....>

Lägg då in class='linknudge' (märk skillnad på '  ') efter <a , så här.

<li><a class='linknudge' expr:href.....>

Efteråt ska din gadgets länk få sig en knuff.


Lärt dig något om hur man skapar, designar och tjänar pengar på din blogg eller hemsida? Gillar du inlägget får du gärna Twittra, gilla på Facebook, posta på Pusha, länka eller kommentera inlägget.

0 kommentarer: