How to add floating facebook like box to blogger !
Schritt 1: Klickt auf Layout
Schritt 2: Klickt auf Gadget hinzufügen
Schritt 3: Wählt HTML/JavaScript aus
Schritt 4: Kopiert den Code und fügt ihn ein
<script type="text/javascript">
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function()
{$(this).stop().animate({right: "0"}, "medium");}, function()
{$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background:
url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxeGFxR2qW_QEJbX9FuSCUH4KLhp7cnHRrqeCMYXfMjnHfA_8NXZ_qE8Ma_OvflFVHD3305ve2lYdJbY23rBXY-DB8upvpfUpEAN1dfAbgdFhyUcXxmdX85HKY1c4FcXYg03HrVTh4k3ge/s150/w2b_facebookbadge.pn")
no-repeat scroll left center transparent !important;display:
block;float: right;height: 270px;padding: 0 5px 0 46px;width:
245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida
grande",tahoma,verdana,arial,sans-serif;position: absolute;right:
6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/dein Name hier&width=245&colorscheme=light&show_faces=true&
connections=9&stream=false&header=false&height=260"
scrolling="no" frameborder="0" scrolling="no" style="border: medium
none; overflow: hidden; height: 260px; width:
245px;background:#fff;"></iframe></div></div>
Schritt 5: Ändert im Code-dein Name hier
und fügt dort euren facebook Namen ein
Schritt 6: Speichern und fertig
Falls es bei euch jetzt nicht geht,
müsst Ihr auf Vorlage gehen, dann auf HTML bearbeiten.Dort gebt Ihr unter <Head> folgenden Code ein:
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
Keine Kommentare:
Kommentar veröffentlichen