Hier findest du alles was du benötigst um deinen Blog perfekt einzurichten. Für Beginner und Profis.

Du hast eine Frage zu Blogspot? Kein Problem, wir helfen dir. Trage deine Frage einfach in diesem Formular ein und du erhälst innerhalb von 24 Stunden eine Antwort.


www.blogratgeber.com ist kostenlos und werbefrei:

  • Der erste und einzige Ratgeber in diesem Bereich
  • Wir erstellen regelmäßig eigene Tools und Widgets
  • Wir helfen dir gerne bei deinen Problemen und Fragen

19.03.2014

// // Leave a Comment

Facebook Layer/Popup für deinen Blog

Hier haben wir ein gutes Gadget, um Facebook-Likes für Ihren Blog oder Website zu erhöhen. Fügen Sie dieses Widget ihrem Blog hinzu und eine Facebook Like Box öffnet sich mit dem Lightbox-Effekt, jedes mal wenn ein Benutzer Ihre Seite besucht. Das Facebook-Widget erscheint auf Ihrer Seite etwa 20 Sekunden nach dem Laden der Seite (kann aber angepasst werden).


Widget hinzufügen

Fügen Sie den folgenden Code im Body Abschnitt Ihrer Vorlage (HTML bearbeiten) ein. 

 

Widget anpassen

Geben Sie Ihren Benutzernamen ein

Suchen Sie http://www.facebook.com/blogratgeber und ersetzen sie blogratgeber durch ihre Facebook-Seiten URL.

Ändern Sie den 20 Sekunden Countdown

Standardmäßig erscheint das Widget 20 Sekunden land nach dem die Seite vollständig geladen ist. Suchen sie im Code nach .delay(20000) und ändern Sie die Zahl 20000 zu einer ihrer Wahl.
1 Sekunde = 1000. 10 Sekunden = 10000. 60 Sekunden = 60000.

Popup bei jedem Laden der Seite

Standardmäßig zeigt sich das Widget nur beim ersten Mal an wenn der User Ihre Seite besucht und das auch nur alle 30 Tage, da Cookies verwendet werden. Wenn Sie wollen, das die Facebook-Box, jedes Mal angezeigt wird wenn die Seite geladen wird, dann entfernen Sie diese Codezeile:
$.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });

Probleme mit dem Facebook-Widget?

Möglicherweise müssen Sie Ihre Cookies löschen um das Widget zu sehen. Oder schauen Sie sich den Abschnitt "Widget anpassen" an. Wenn Sie immer noch Probleme mit dem Popup-Widget haben, hinterlassen Sie bitte einen Kommentar unten oder schreiben Sie mir hier. Ich helfe ihnen gerne dabei das Popup richtig einzubinden.

Read More

31.01.2014

// // 1 comment

Professionelles Logo Design für 10€

Logo Design kaufen - Logoentwurf - Logoerstellung - Firmenlogo - Bloglogo erstellen lassen - Branding

Auf der Suche nach professionellen/modernen/günstigen/kreativen/web/einzigartigen & High Quality Logos? Dann sind Sie hier genau richtig!

Ich arbeite in einem multinationalen Unternehmen als Senior Grafik-Designer seit 8 Jahren. Nun biete ich meine Qualifikationen, neben beliebten Outsourcing-Seiten, auch den Blogratgeber.com-Lesern an.

Benötigte Informationen:
1) Logo/Business Name:
2) gewünschte Tagline/Slogan:
3) gewünschte Farbe(n):
4) gewünschte Logo Größe:
5) Themengebiet?:
6) Nur Text, Graphic oder beides?:
7) Geben Sie so viele Informationen zu Ihrem Unternehmen, Organisation, Verein, Homepage oder Projekt an wie Sie können. Wünsche und Besonderheiten, alte Banner/Logos oder eine Webseite können Sie auch angeben.

Für den Preis von 10€ (nur für kurze Zeit) gibt es das Logo in jpg und transparentem png-Format.
Nach Bezahlung schicken Sie mir bitte die benötigten Informationen zu.
Das Logo wird innerhalb von 5 Werktagen erstellt und ihnen zugeschickt.

Bedenkt das es Menschen gibt die sich professionelle Logos für viel Geld auf Seiten wie Logomarket.de leisten. Hier bekommt ihr euer einzigartiges Logo für den Obulus von 10€ in eurer gewünschten Pixelgröße, das Logo könnt ihr selbstverständlich beim Patentamt schützen lassen.

Solltest du interessiert sein dann melde dich Hier!
Bestehen Fragen, dann lass einen Kommentar da.
Dieses Angebot ist auf 2 Logos pro Tag limitiert.

Beispiele (meine Besten)
Read More
// //

BlogSpot Pagerank Check Tool

Hier kannst du deinen Pagerank ermitteln:

Auf dieser Seite kannst du den Google PageRank™ einer oder mehrerer Internetseiten gleichzeitig herausfinden. Dieser Wert liegt zwischen 1 und 10 und dient der Suchmaschine Google™ die Bedeutung von Webseiten zu bewerten. Dabei wird unter anderem berücksichtigt, wie oft eine Webseite auf anderen Seiten verlinkt ist, und was der PageRank dieser Seiten ist. Je häufiger also eine Website auf hochwertigen Seiten verlinkt ist, desto mehr steigt der PageRank, desto weiter oben in den Suchergebnissen steht diese Seite. Das Ergebnis der Analyse kannst du dir als E-Mail zusenden.
Read More

03.01.2013

// // Leave a Comment

4 gute Widgets für ihren Blog

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzxl3oFES3e9GttjP1DjomdNej989wZwlsQitCScE0EwVczRl9miL-5I26OigQH82Gz1P4ulkSThz1YdNzhwivrGI7i-O9XAT-38VXds1fumFf1hguciw3oY4XGqaSiZ9o5khyphenhyphenR8MCXHY/s1600/blogger-widgets.jpg
Mit Widgets/Gadgets ist es möglich an einem Blog Anpassungen vorzunehmen und Ergänzungen hinzuzufügen, sie bieten also großartige Möglichkeiten, um Ihrem Blog mit etwas Nützlichem oder Spaß zu verbessern. Mit einigen Social-Media-Tools können sie Leser besser an sich binden oder ein paar Ihrer lieblings Flickr pics zur Schau stellen.

1. Skype Button - Damit erlauben sie ihren Besuchern Sie leicht per Skype Button zu kontaktieren. Dieser Button kann auch dazu genutzt werden um diesen, ihren aktuellen Status mitzuteilen und ob sie zur Zeit online sind. Der Skype Button lässt sich folglich auch ganz einfach per HTML-Code in ihrem Blog platzieren.

2. Hello Bar - Heben Sie einen bestimmten Artikel vor oder lassen Sie einen Willkommensgruß in ihrer Hello Bar direkt über ihrem Blog erscheinen. Damit können sie ihren Besuchern gleich auf das wesentliche ihres Blogs hinweisen und sie zu wichtigen Inhalten führen. Dieses Widget wird ganz oben auf Ihrer Webseite oder Blog angezeigt werden

3. Flickr Badge - Verleihen Sie Ihrem Blog Persönlichkeit, durch die Anzeige einiger Ihrer eigenen flickr Bilder mit diesem Flickr-Widget, der sich ganz einfach in ihren Blog integrieren lässt.

4. Meebo Bar - Begeistern Sie Ihre Besucher mit den Social-Media-Optionen von Meebo, welche am unteren Rand der Seite angezeigt werden.
Read More

21.12.2012

// // Leave a Comment

Social Bookmark Gadget: Weihnachtsdekoration für Blogger

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfXpYBfBlcRa4TWiDoNTm5pzGI41_7jTYN8sNNh3p9eZ3-H3lI01mko4tbIkK-r3M1oCY5PYpOJhdV1lwZmke8BeZFMuz7BV6joxU0cdMfJ1s0EsRuQPzwizuTmnGNI_TUUaECsgGPN5Q/s1600/slide-out-christmas-ornament-blogger.png
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.


 
View Demo Button

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 / -->











Read More

18.07.2012

// // 2 comments

Jemanden bei Blogspot blockieren bzw. sperren

Blogger und WordPress sind die beiden bekanntesten Blogging-Plattformen der Welt. Auch wenn sich die beiden Plattformen voneinander unterscheiden, ist der Hauptzweck der Selbe, so können alle Menschen der Welt mit funktionierendem Internetzugang die Inhalte der Blogs lesen und jeder Blogger freut sich über gute Besucherzahlen. Man sperrt nicht gerne einen User aus, doch es kommt auch öfter vor das man den ein oder anderen Leser hat welcher nur lästig für den Blog zu sein scheint oder sonst was, diese Nutzer gilt es dann zu blockieren. So haben wir uns einmal hingesetzt und sind nach mehreren Anfragen näher auf dieses Thema eingegangen. Für WordPress-Anwender findet man einige Plugins da draußen im großen Internet. Aber was sollen die Blogger Benutzer tun? Hier die Lösung.

Verbannen Sie jemanden aus ihrem Blog:

1. Gehen Sie auf die Website toolator.com
2. Registrieren Sie sich und geben alle geforderten Daten ein.
3. Eine Überprüfungs-Mail wird daraufhin an Ihre E-Mail-Adresse gesendet, bestätigen Sie ihre Anmeldung indem Sie den Link in der Mail anklicken.
4. Ein Passwort wird Ihnen nach der Überprüfung zugeschickt. Nun können Sie sich mit Ihrem Benutzernamen und Passwort in ihrem Toolator-Konto einloggen.
5. Navigieren Sie in der Option auf der linken Seite zu "Block an IP".

  • Geben Sie die vollständige und genaue IP-Adresse (101.22.105.88) des Benutzers ein den Sie blockieren möchten.
  • Geben Sie die URL ein auf welche der Benutzer umgeleiten werden soll.
  • Geben Sie den Grund für die blockierung ein, dieser wird der gesperrten Person angezeigt.

6. Nachdem Sie das Formular ausgefüllt haben, klicken Sie auf den "Block an IP" Button.
7. Nun klicken Sie auf  "Website-Code" in der Navigation auf der linken Seite und daraufhin folgt ein Fenster mit so einem Code.


8. Kopieren Sie das Skript.
9. Gehen Sie ins Blogger-Dashboard -> Template -> HTML bearbeiten.
10. Suchen (Strg + F) sie nach dem Code </ head> und fügen Sie den kopierten Skript direkt darüber ein. Speichern Sie nun Ihre Vorlage und fertig.

Hinweis:
Ein kostenloses Konto ermöglicht es Ihnen nur 3 IP-Adressen zu sperren, mehr geht nur indem Sie ein Premium-Mitglied werden.

Hoffe dieses Tutorial hilft dir dabei die lästigen Besucher aus dem Blog fernzuhalten. Bitte teile deine Ansichten und Meinungen im Bezug auf dieses Thema in den Kommentaren unten mit.
Read More

09.07.2012

// // Leave a Comment

Benutzerdefinierte Permalinks für Beiträge

Ein Permanent Link ist die URL, welches ein bestimmter Blog-Eintrag erhält, dieser Link wird von Blogger automatisch erstellt und bisher hatte man als User keinen Zugriff darauf. Wenn man einen Post-Titel schrieb und den Artikel dann veröffentlichte wurde der Link dem Titel angeglichen. Der Titel "Ein Herz für Blogger - Bookmark Gadget" bekam so den Permalink http://www.blogger-experte.blogspot.com/2012/03/ein-herz-fur-blogger-bookmark-gadget.html. Bis heute erlaubte Blogger dem Benutzer nicht dies zu kontrollieren. Das hat sich nun geändert und Blogger können bald schon selber entscheiden wie der Permalink des neuen Beitrags aussehen soll.

Diese Funktion ist derzeit in der Blogger-Draft-Version verfügbar. Also wenn ihr es schon mal testen wollt einfach auf http://draft.blogger.com klicken und einen neuen Beitrag erstellen. In den Post-Einstellungen sehen Sie dann die Option "Permalink".



Wenn Sie "Automatische URL" (die Standardoption) wählen, dann wird Blogger den Post-Link auch automatisch generieren. Wenn Sie eine individuelle URL wollen, entscheiden Sie sich für die "Benutzerdefinierte URL"-Option. Hier kann man den Text eingeben der im Link angezeigt werden soll. Erlaubt ist das Alphabet, Zahlen, Bindestriche und Unterstriche.



Die Permalinks alter Posts können nicht verändert werden, aber Sie können diese neue Funktion auf Ihren neuen Beiträgen nach Lust und Laune einsetzen. Es scheint bisher keine Grenze für die Länge dieser URL zu geben.
Read More

31.05.2012

// // Leave a Comment

30 kostenlose Favicon Tools & Editoren - Favicon erstellen, downloaden & einbinden - sowie HTML ready

Jede große Webseite hat ein Symbol oder Bild im Browser zugeordnet, dieses nennt man Favicon. Diese Symbole werden auf Browser-Tabs direkt neben dem Titel der Seite angezeigt. Ein Favicon macht eine Website einzigartig und verleiht ihm seine Identität.

Schauen Sie sich Facebook an. Es hat das "f"-Symbol, das sofort und in der ganzen Welt erkennbar ist und einem heutzutage bereits im Traum verfolgt. Google hat das "g"-Symbol, und so weiter.

Im Wesentlichen sind diese Favicons ein Mittel dazu seinem Blog ein Branding zu verpassen. Jeder Blog braucht dies, um eine Marke darzustellen. Ohne eine Marke, hat ein Blog keine Glaubwürdigkeit. Es ist ein kleiner, aber wesentlicher Schritt den Sie nehmen um ihrem Projekt ein Favicon zu verpassen.

Im folgenden biete ich ihnen meine Sammlung von Favicon-Seiten und Tools an. Wenn Sie weitere Tools und Seiten kennen, lassen Sie es uns wissen! Wenn Sie Fragen bezüglich des Favicons und der Einbindung haben zögern Sie nicht einen Kommentar da zu lassen.

1. Favicon Generator und Gallery

Ermöglicht das Erstellen Ihrer eigenen Favicons. Sie müssen eine Bilddatei hochladen und wählen die Größe und das Tool erledigt den Rest. Sie können das Symbol auf Ihren Computer herunterladen. Diese Seite verfügt auch über eine Galerie vorhandener Favicons.

2. Animated Favicon

Dies ist ein interessantes Favicon-Tool. Anstelle der traditionellen .Ico Icons, macht es .Gif Icons für Sie, die animiert werden können. Besuchen Sie einfach die Website, check it out!

3. Photoshop Tutorial

Wenn Sie ein Photoshop-Fan wie ich sind, dann wird das sicher was für Sie sein. Dies ist ein Tutorial zum Erstellen von Favicons in Photoshop. Sie können Favicons auf Ihrem Computer erstellen, wenn Sie Photoshop installiert haben.

4. Favicon Maker v1

Dies wiederum ist ein einfacher Favicon Editor, mit dem Sie Ihre eigenen Favicons von Grund auf erstellen können. Das Beste daran ist, es gibt keine Anzeigen auf der Website, und keine Extras. Also gibt es keine störenden Sachen.

5. Dynamic Drive

Dieses Tool erledigt seinen Job. Sie können Bilder hochladen die direkt zu Favicons umgewandelt werden und ausserdem bekommen Sie weitere Anweisungen und Hilfestellungen!

6. iConvert

Dieses Tool ist einzigartig in dem Sinne, dass es Icons für Windows, Mac und Linux in einem einzigen Schritt schafft!

7. GenFavicon

Eines der besten Favicon Tools. Es ist wirklich einfach zu bedienen. Laden Sie einfach Ihr Bild hoch, und Sie können schneiden, bearbeiten und auch die Vorschau begutachten. Anschließend können Sie das Favicon erstellen.

8. Online Icon Maker

Ein weiteres großartiger Pixel-Editor. Es hat das Aussehen eines professionellen Icon Maker und verfügt über ein breites Farbenspektrum.

9. Convertico

Bei Convertico laden Sie Bilder hoch welche zu  Favicons konvertiert werden. Sie können auch eine URL zu dem Bild, das Sie verwenden möchten angeben, völlig ausreichend. Es ist auch eines der besten Favicon Tools überhaupt.

10. Favicon.ru

So ziemlich das gleiche Muster wie bei den Anderen. Aber ich habe gemerkt, dass dieses Tool Favicons schneller generiert. Ich kann mich aber auch irren.

11. Favicon Editor v0.03

Ihrer Kreativität wird hier freier Lauf gelassen. Dieses Tool verfügt über eine einfachen und großen Pixel-Editor, mit dem Sie ein Favicon aus dem Nichts basteln können.

12. Degreave Favicon Generator

Einer meiner Favoriten. Hier kann man Favicons von Bildern her und aus einem großen Pixel-Editor erstellen, welcher über eine breite Palette von Farben verfügt.

13. Favicon Generator

Die Seite ist nicht sehr attraktiv, aber man findet hier definitiv ein sehr nützliches Werkzeug. Es erklärt, was ein Favicon ist, und wie man es auf Ihrer Website verwenden. Ich empfehle Ihnen dieses Tool zu verwenden!

14. Favicon editor

Dies ist ein einfacher Favicon Pixel-für-Pixel-Editor. Verfügt aber über 16 Millionen Farben und Sie haben selbst das ganze Vergnügen! Dies ist einer der wenigen Editoren, die den kompletten Satz der RGB-Farben bieten.

15. Web Script Lab Favicon Generator

Obwohl es ein einfaches Bild-Konverter-Tool ist, gibt es einige kleine, aber recht nützliche Werkzeuge von Web-Script-Lab die für Sie nützlich sein könnten.

16. Converticon

Eines der einfachsten Werkzeuge. Es führt Sie durch den Prozess, vom Bild hochladen bis zum Symbol umwandeln und hat viele verschiedene Auflösungen zur Auswahl.

17. Favicon.cc

Ein nettes Tool, das auch über 16 Millionen Farben verfügt und Ihnen die Möglichkeit gibt ein Bild zu importieren. Es hat auch Funktionen wie "neueste Favicons", am "besten bewertete Favicons" usw.

18. Faviconr

Einfaches Tool, das Favicons aus Bildern die Sie hochladen müssen erzeugt.

19. Favikon

Hier ist ein nettes kleines Tool. Es fordert Sie auf ein Bild hochzuladen und zeigt Ihnen dann den generierten Favicon damit Sie sehen können, wie er aussieht und ob er so in dieser Form erstellt werden soll. Sie können das Favicon dann als .Ico oder .PNG. Datei hochladen.

20. Favicon Japan

Dies ist ein einfaches Bild-Konvertierungs-Tool und dazu auch noch in japanischer Sprache. Aber wer die Japaner genauer kennt weiß auch über ihr Zeichen-Know-How bescheid, also sind die Archive dort gut zum durchstöbern geeignet.

21. Favicon Tool

Dieses Tool ist auch nicht in Deutsch oder Englisch erreichbar. Aber es ist sicher sehr hilfreich, denn es bietet einen Editor welcher die RGB-Werte manuell eingeben lässt! Darüber hinaus bietet es 16 Millionen Farben mit vielen Farbprofilen. Das Beste ist, wenn ich einen Schatten wähle sagt es mir die entsprechenden RGB-Werte.

22. Favicon Generator

Dies ist eines der einfachsten Favicon Pixel-für-Pixel-Editoren und sehr leicht zu benutzen.

23. Favicon Drawing tool

Wie der Name schon andeutet lässt ist dieses ein Favicon Zeichenwerkzeug und es hat viele Farben zur Auswahl.

24. Favicon Generator

Es gibt Ihnen Anweisungen, wie die Favicons verwenden werden sollen.

25. 256 Pixels

Das ist so ziemlich wie die anderen Favicon-Tools. Doch nicht vom Namen irritieren lassen, es bietet tatsächlich 16 Millionen Farben an.

26. HTML Kit Favicon

Einfaches Bild-Konvertierungs-Tools

27. Buddy Icon

Mit diesem Tool können Sie Ihre eigenen Symbole für Instant Messenger, Foren und anderes erstellen.

28. Favicon Tool

Konvertieren Sie Bilder in Icons und lernen Sie mehr darüber was Favicons tatsächlich sind und ihre Vorteile.

29. Favicon Factory

Einfaches Bild-Konvertierungs-Tool

30. Iconfu

Einfach zu verwenden, jedoch hat Iconfu seine Tore geschlossen, im Archiv findet man jedoch ein breites Spektrum an Icons zur freien Nutzung.


Das war meine Liste der Top-30-Favicon-Tools.
Read More

28.04.2012

// // Leave a Comment

Schwebendes Facebook, Twitter, Google+ Widget auf der rechten Seite

[sng3.jpg]
Nun haben wir schon etwas länger keine neuen Artikel mehr erstellt, da jedoch mehrere Anfragen bezüglich unseres "Facebook, Twitter, Google+ Widget" auf der rechten Seite der Page kamen, wollen wir euch hier diesem Widget näher bringen.

Im Grunde haben wir dieses Widget nur aus einem Artikel unseres Partnerblogs Visualbasix entnommen, welcher bereits ein Tutorial im Artikel "Social Media Widget Generator" dazu geschrieben hat. Das Widget funktioniert nach dem Schubladensystem, fährt man mit der Maus über einen der Icons fährt die zugehörige Social Media Seite raus, einfach mal bei uns rechts ausprobieren.

Tutorial:
1. Bei Blogger einloggen

2. Dashboard -> Vorlage -> HTML bearbeiten -> Fortfahren ->  Widget-Vorlagen komplett anzeigen

3. Dort nach </head> suchen (Strg+F)

4. Nun trägst du diesen Code vor </head> ein und klickst auf  "Vorlage speichern".
<link href='https://blognpctricks.googlecode.com/svn/css/4in1widgetv2.css' rel='stylesheet'/>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
<script src='http://apis.google.com/js/plusone.js&apos; type=&apos;text/javascript' type='text/javascript'/>
<script src='http://makingdifferent.googlecode.com/files/fanbox_init.js' type='text/javascript'/>
<script type='text/javascript'>
jQuery(document).ready(function(){
jQuery(&quot;#facebook_right&quot;).hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery(&quot;#facebook_right&quot;).stop(true,false).animate({right: -200}, 500); });    jQuery(&quot;#twitter_right&quot;).hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery(&quot;#twitter_right&quot;).stop(true,false).animate({right: -250}, 500); });     jQuery(&quot;#google_plus_right&quot;).hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery(&quot;#google_plus_right&quot;).stop(true,false).animate({right: -154}, 500); });    jQuery(&quot;#feedburner_right&quot;).hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery(&quot;#feedburner_right&quot;).stop(true,false).animate({right: -303}, 500); });    });
</script>

Read More