Add Animated JQuery Social Bookmark icons

Πολλοί webmasters και bloggers χρησιμοποιούν τα social bookmarking buttons στις ιστοσελίδες τους, έτσι ώστε να δίνουν την δυνατότητα στους επισκέπτες τους να αναδημοσιεύουν το περιεχόμενό τους, εύκολα και γρήγορα.
Με αυτόν τον τρόπο επωφελούνται, τόσο γιατί προσελκύουν νέους επισκέπτες στην ιστοσελίδα τους, όσο και από πλευράς linkbuilding.



Λοιπόν θα πάτε στον Πανόπτη σας ---> Διάταξη ---> Στοιχεία Σελίδας ---> Επεξεργασία HTML
και θα τσεκάρετε το Επέκταση προτύπων γραφικών στοιχείων.
αναζήτηση με το Ctrl + F για το.....

]]></b:skin>

Μόλις το βρείτε πριν από το κλείσιμο του ]]></b:skin>
Προσθέστε τον παρακάτω κώδικα.

<!--Animated-Social-Bookmark-Icons-STARTS-Widget-by-http://loneeagle110.blogspot.com/-->
#sharebox{height:48px;width:400px;margin:0;padding:5px 0;}ul.sharebox { margin:0px; padding:0px; list-style:none; position:relative; display:block;}ul.sharebox li { float:left; margin:0 0 0 0px; padding:0px; position:absolute;}ul.sharebox li a { margin:0 0 0 -24px; display:block;}ul.sharebox li a:hover { margin:0 0 0 -8px; }ul.sharebox li img { border:none;}
<!--Animated-Social-Bookmark-Icons-STOPS-Widget-by-http://loneeagle110.blogspot.com/-->

Κατόπιν θα κάνετε αναζήτηση το....

</head>

Μόλις το βρείτε πριν από το κλείσιμο του </head>
Προσθέστε τον παρακάτω κώδικα.

<!--Animated-Social-Bookmark-Icons-STARTS-Widget-by-http://loneeagle110.blogspot.com/-->
<script type='text/javascript'>(function($){$.fn.sharebox = function(){var element = this;$(element).find(&quot;li&quot;).each(function(i){$(this).css(&quot;z-index&quot;, 10- i);if (i&gt;0)$(this).css(&quot;left&quot;, i * 24 + 100);});}})(jQuery);</script><script type='text/javascript'>$(document).ready(function(){$(&quot;#sharebox&quot;).sharebox();});</script>
<!--Animated-Social-Bookmark-Icons-STOPS-Widget-by-http://loneeagle110.blogspot.com/-->

Τέλος θα βρείτε το....

<data:post.body/>

Εάν έχετε περάσει το Αυτοματοποιημένο "Read more..." θα κατέβετε λίγο πιο κάτω & θα βρείτε το 2ο <data:post.body/>

Και στην επόμενη γραμμή θα προσθέσετε τον παρακάτω κώδικα.

<!--Animated-Social-Bookmark-Icons-STARTS-Widget-by-http://loneeagle110.blogspot.com/-->
<ul id="sharebox" class="sharebox">
<li><img alt="Share this" src="http://lh6.ggpht.com/_dfnTVAxeWMI/SmkuLMrwEhI/AAAAAAAABm8/SF6x9UfvEJA/s800/sharethis.png" /></li>
<li><a target="_blank" expr:href="&quot; http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title"><img alt="Sumbit to Digg" src="http://lh5.ggpht.com/_dfnTVAxeWMI/Smktud4qk8I/AAAAAAAABmk/z5vZVjTmD7k/s800/digg_48.png" /></a></li>
<li><a target="_blank" expr:href="&quot; http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title"><img alt="Sumbit to StumbleUpon" src="http://lh5.ggpht.com/_dfnTVAxeWMI/SmkuLCBTubI/AAAAAAAABm4/KwVHDJnT-EQ/s800/sumbleupon_48.png" /></a></li>
<li><a target="_blank" expr:href="&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title"><img alt="Sumbit to Delicious" src="http://lh6.ggpht.com/_dfnTVAxeWMI/SmktubnHpoI/AAAAAAAABmg/b31Po_kEbnc/s800/delicious_48.png" /></a></li>
<li><a target="_blank" expr:href="&quot; http://technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title"><img alt="Sumbit to Technorati" src="http://lh5.ggpht.com/_dfnTVAxeWMI/SmkuK1y0_cI/AAAAAAAABm0/C8EExNM-xjE/s800/technorati_48.png" /></a></li>
<li><a target="_blank" expr:href="&quot; http://www.reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title"><img alt="Sumbit to Reddit" src="http://lh3.ggpht.com/_dfnTVAxeWMI/Smkturrni-I/AAAAAAAABmw/AbGticB0wAs/s800/reddit_48.png" /></a></li>
</ul>
<!--Animated-Social-Bookmark-Icons-STOPS-Widget-by-http://loneeagle110.blogspot.com/-->

Τέλος....θα κάνετε προεπισκόπηση κι αφού δε σας βγάλει λάθος θα πατήσετε ΑΠΟΘΗΚΕΥΣΗ.

ΚΑΛΗ ΕΠΙΤΥΧΙΑ!!!!!