Τετάρτη 22 Αυγούστου 2012

Incredible share widget (egg + heart)


Νέοι bloggers γειά σας !!! Ενα  όμορφο, και εντυπωσιακό widget για να μοιράζετε το blog σας, σε 2 παραλλαγές... Σε καρδιά , και σε αυγό, όπως βλέπετε στην εικόνα...το έχω εντοπίσει εδώ και πολύ καιρό, και το δοκίμασα σε ένα από τα blog μου...δείτε το, πως λειτουργεί. και μετά βάλτε το κι εσείς, αφού είναι πανεύκολο, να το βάλουμε στο κώδικα HTML του blog μας....      see demo




1)Συνδεόμαστε με τον λογαριασμό μας και πάμε Σχεδίαση => Επεξεργασία HTML=> και τσεκάρουμε το Επέκταση προτύπων γραφικών στοιχείων...με ctl F βρίσκουμε τη λέξη</head>
....ακριβως ΠΑΝΩ απο το </head> επικολλάμε τον παρακάτω κώδικα...

Η ΚΑΡΔΙΑ:
<!-- Start Heart Bookmarking Gadget Code  -->
<script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/>
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
<script type='text/javascript'>stLight.options({publisher: &quot;ur-98d377f-bdd3-9ad1-fbe5-2a678f0a60ee&quot;, onhover:false}); </script>
<link href='http://w.sharethis.com/gallery/shareegg/shareegg.css'

media='screen' rel='stylesheet' type='text/css'/>
<!-- End Heart Bookmarking Gadget Code  -->

ΤΟ ΑΥΓΟ:
<!-- Start Heart Bookmarking Gadget Code  --><script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/><script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/><script type='text/javascript'>stLight.options({publisher: &quot;bea50586-2b9f-448d-947a-01385f28e305&quot;, onhover:false}); </script><link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/><!-- End Heart Bookmarking Gadget Code  -->

2)...με ctl F βρίσκουμε τη λέξη </body> 
....ακριβως ΠΑΝΩ από το  </body>επικολλάμε τον παρακάτω κώδικα...
Η ΚΑΡΔΙΑ:

<!-- Start Heart Share Code  -->
<div style='position: fixed; bottom: 2%; left: 2%;'>
<div class='shareEgg' id='shareThisShareHeart'/>
</div>
<script type='text/javascript'>stlib.shareEgg.createEgg(&#39;shareThisShareHeart&#39;, [&#39;facebook&#39;,&#39;twitter&#39;,&#39;pinterest&#39;,&#39;linkedin&#39;,&#39;stumbleupon&#39;,&#39;email&#39;,&#39;sharethis&#39;], {title:&#39; <data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url/>&#39;,theme:&#39;shareheart&#39;});</script>
<!-- End Heart Share Code  -->

ΤΟ ΑΥΓΟ:

<!-- Start Heart Share Code  --><div style='position: fixed; bottom: 2%; left: 2%;'><div class='shareEgg' id='shareThisShareEgg'/></div><script type='text/javascript'>stlib.shareEgg.createEgg(&#39;shareThisShareEgg&#39;, [&#39;facebook&#39;,&#39;twitter&#39;,&#39;googleplus&#39;,&#39;linkedin&#39;,&#39;blogger&#39;,&#39;stumbleupon&#39;,&#39;sharethis&#39;], {title:&#39; <data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url/>&#39;,theme:&#39;shareegg&#39;});</script>
<!-- End Heart Share Code  -->

***ΜΗ ΤΑ ΒΑΛΕΤΕ ΚΑΙ ΤΑ 2....
***ΠΡΟΣΟΧΗ ΜΗ ΜΠΕΡΔΕΨΕΤΕ ΤΟΥΣ ΚΩΔΙΚΕΣ
***Το bottom: 2%; left: 2%;  ειναι το μέρος που εμφανίζεται...μπορείτε να αλλάξετε το position: fixed με position: absolute, για να μην ειναι στατικό !!!
ΠΗΓΗ:  thanks to spiceupyourblog.com/


0 σχόλια:

Δημοσίευση σχολίου