Affichage des articles dont le libellé est Astuce Blogger. Afficher tous les articles
Affichage des articles dont le libellé est Astuce Blogger. Afficher tous les articles

vendredi 30 novembre 2012

Ajouter le bouton StumbleUpon dans votre blog blogger-blogspot après chaque message

Pour ajouter le bouton StumbleUpon a votre blog blogger-blogspot, suivez les etapes suivantes:
1- Connectez-vous à blogger, allez à Presentation>>Modifier le code HTML
2- Cochez la case : Développer des modèles de gadgets
3- Rechercher la ligne suivante : <data:post.body/> si ca n'existe pas essayez la suivante:

<p><data:post.body/></p>

4- Copier/coller le code suivant juste après la ligne précédente :

<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; +data:post.url'><img alt='StumbleUpon' border='0' src='http://www.stumbleupon.com/images/small_su_logo.png'/>
</a>

5- Enregistrer votre modèle et rafraichir votre blog.

Ajouter facebook pop up like box à blogger

acebook likebox est l'un des plugin Facebook les plus utilisé et aujourd’hui nous somme ici pour en créer et l'adapter à notre besoin .

1- Connectez-vous  blogger --> Présentation >>Ajouter un gadget et choisissez >>HTML/JavaScript
2 - Copier/coller le code ci-dessous dans la boite qui vient de s'ouvrir.
----------------------
//* BloggerActuce Lightbox Style Popup Facebook Likebox Widget**//
<style>
/*
ColorBox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
/*
User Style:
Change the following styles to modify the appearance of ColorBox. They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;opacity:0.5 !important;}
#colorbox{
box-shadow:0 0 15px rgba(0,0,0,0.4);
-moz-box-shadow:0 0 15px rgba(0,0,0,0.4);
-webkit-box-shadow:0 0 15px rgba(0,0,0,0.4);
}
#cboxTopLeft{width:14px; height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9XnjetuJ9lPLP9HASat7kcipeluxCNYiSjEtidB0eBJ7vSQuxS7E8_fepeEz0IK1-81LnIqxSjp0ZemEuguaG-LCTppVTHZ2uvUFs0PWwHprWrit9MBsljAKRtyQPdp3suqXhPw3U_u_s/s1600/controls.png) no-repeat 0 0;}
#cboxTopCenter{height:14px; background:url(http://1.bp.blogspot.com/-