Social Bookmark Gadget: Weihnachtsdekoration für Blogger

Bereits in der Vergangenheit hatte ich ein ähnliches Gadget vorgestellt (Ein Herz für Blogger - Bookmark Gadget). Heute stelle ich euch nun rechtzeitig vor Weihnachten eine neue Version dieses Gadgets vor. Dieses Gadget ist als Weinachtsbaum-Kugel getarnt, welche links unten im Blog herumschwebt, sobald man mit der Maus darüber fährt spaltet sich die Kugel und die Social Bookmark Buttons werden sichtbar. Die Enthüllung sieht genial aus und der Slide-Effekt ist sehr cool. Zu finden sind nun Icons für Facebook, Twitter, Pinterest, LinkedIn, Stumble, E-Mail und hundert weitere.


 

Weihnachtsdekoration - Bookmark Gadget Tutorial

Denken Sie daran, immer ein Backup Ihres Designs zu machen bevor Sie Änderungen vornehmen.

1.Schritt
In Ihrem Blogger-Dashboard Klicken Sie auf Design > Html Bearbeiten

2.Schritt
Suchen und finden Sie den folgenden Code in Ihrem Blog-Html: (Klicken Sie auf Strg und F für die Suchleiste)

</head>

3.Schritt
Kopieren Sie den folgenden Code direkt vor /head.

<script type="text/javascript" src="http://w.sharethis.com/gallery/shareegg/shareegg.js"></script>
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">stLight.options({publisher: "bea50586-2b9f-448d-947a-01385f28e305", onhover:false});</script>
<link media="screen" type="text/css" rel="stylesheet" href="http://w.sharethis.com/gallery/shareegg/shareegg.css"></link>

4.Schritt
Suchen und finden Sie den folgenden Code in Ihrem Blog-Html: (Klicken Sie auf Strg und F für die Suchleiste)

</body>

5.Schritt
Kopieren Sie den folgenden Code direkt vor /body.

<div style='position: fixed; bottom: 2%; left: 2%;'><div id='shareThisOrnament' class='shareEgg'></div>
<script type='text/javascript'>stlib.shareEgg.createEgg('shareThisOrnament', ['facebook','twitter','googleplus','pinterest','stumbleupon','linkedin','email','sharethis'], {title:&#39; <data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url/>&#39;,theme:'holiday'});</script>
</div><a href="http://www.blogspot-ratgeber.com/">Blogspot Ratgeber</a><!-- End Christmas Share Code From http://www.blogspot-ratgeber.com / -->