Hi! Welcome...

Premium Blogger Template
FREE Premium Blogger Templates
Μοναδικά Free Blogger πρότυπα για το blog σας
Slimbox 2.02 με jquery-1.3.2 στο Bloggspot .
Πώς να εγκαταστήσετε SlimBox σε Blogger
ΙmgBox
Για να παρουσιάσετε τις εικόνες σας με στυλ !!!
31 καλυτέρα Blogger Widgets και addon
Κατάλογος συνδέσμων όπου μπορείτε να ανακαλύψετε περισσότερα widgets για το blog σας.
1 2 3 4 5

Δευτέρα, Δεκεμβρίου 14

0

Xmas social-bookmarking buttons για το blog μας

Στολίσαμε τα blog μας , βάλαμε Xmas Yahoo Smiley Emoticons πάνω από την φόρμα σχολίων μας και τώρα θα δούμε πως θα βάλουμε κάτω από τις αναρτήσεις μας Xmas social-bookmarking buttons !





Λοιπόν ας πιάσουμε δουλειά ..

2. Πηγαίνουμε  Διάταξη > Επεξεργασία HTML > Κλικ στο Επέκταση προτύπων γραφικών στοιχείων 2. Ψάχνουμε να βρούμε στο πρότυπό μας τον παρακάτω κώδικα
</data:post.body>


Και εισάγουμε ακριβώς από κάτω τον παρακάτω κώδικα :

<div style='clear:both; '>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://www.google.com/bookmarks/mark?op=add&amp;bkmk=&quot; data:post.url &quot;&amp;title=&quot; data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; data:post.id &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; data:post.id &quot;\&quot;,19);&quot;' href='' rel='nofollow' target='_blank'><img alt='Google' src='http://lh3.ggpht.com/_L116RpGjEMY/SyYcRpMiO8I/AAAAAAAAA_s/6yehcQNscdU/google.png'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://del.icio.us/post?url=&quot; data:post.url &quot;&amp;title=&quot; data:post.title' rel='external nofollow' target='_blank'><img alt='Delicious' src='http://lh4.ggpht.com/_L116RpGjEMY/SyYcRHCpgxI/AAAAAAAAA_g/1MEs2dzhrp0/Delicious.png' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://technorati.com/faves?add=&quot; data:post.url' rel='external nofollow' target='_blank'><img alt='Technorati' src='http://lh6.ggpht.com/_L116RpGjEMY/SyYcvEFHyPI/AAAAAAAAA_8/dGiKMF7k_hY/technorati.png' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://twitthis.com/twit?url=&quot; data:post.url' rel='external nofollow' target='_blank'><img alt='Twitter' src='http://lh3.ggpht.com/_L116RpGjEMY/SyYcvUdDWDI/AAAAAAAABAA/QevUD4FzYus/twitter.png' style='padding:0;margin:0;border:none;'/></a> </div> <div style='width:65px; float:left;'> <a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; data:post.url &quot;&amp;t=&quot; data:post.title' rel='external nofollow' target='_blank'><img alt='Facebook' src='http://lh4.ggpht.com/_L116RpGjEMY/SyYcRqqDCII/AAAAAAAAA_o/liYYcxDujG4/facebook.png' style='padding:0;margin:0;border:none;'/></a>
</div>
</div>

Αποθηκεύουμε το πρότυπο και  έχουμε τελειώσει ...

Αργότερα αν θέλετε αλλάζετε τις εικόνες , ανάλογα με το τι σας αρέσει .

Μπορείτε να προσθέσετε και άλλα bookmarking στοιχεία αν θέλετε  η να αφαιρέσετε κάποιο .



Δείτε  εδώ  το Demo 

   
Καλή επιτυχία λοιπόν ........








0:

 

© 2010 Bloggertrics

WordPress Theme by: WooThemes. | Converted into Blogger Templates by : Bloggertrics

ΑΡΧΙΚΗ| Sitemap| Posts RSS