Welcome

Welcome

mardi 17 décembre 2013

Bonjour,

La plupart des gens qui ont des bloggers veulent avoir un Box de j'aime facebook pour leurs pages sur le blogger!! Pour cela je vais vous présenter une méthode simple pour le faire.


Premièrement : Accéder à votre comte blogger => Modèle => Modifier le code HTML. Après appuyez sur Ctrl+F et taper </head>, avant le coller le code suivant:


<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js' type='text/javascript'/>

Enregistrer les modification!

Deusiement : Aller à Mise en page => Ajouter un gadget => HTML/JavaScript
Laisser le titre vide et coller le code suivant dans le contenu :


<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/AVvXsEjjKURIHGyEp95FTSp1vlVwE4UV2DruJzvke1EjRQ0n3vn91vMhiYgOyw1T1y_Yz_HIPcmsP1NvjQsGAo0nbrfWwcJd_MUmC01CuEeS6zIXZjGgCx4PdyyoWSwW7VABi2f79TMpCBwIVUSi/s150/w2b_facebookbadge.png") 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/Mr.Professional&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe><span>


Remplacer ce qui est en rouge par le lien de votre page facebook.

Merci de votre attention, n'oublie pas de laisser un commentaire !!
Categories:

0 commentaires:

Enregistrer un commentaire

Laissez vos commentaires ici

comments powered by Disqus