Suivez mes étapes simples pour ajouter facilement une fenêtre contextuelle personnalisée de type Facebook dans votre blog de blogueur. Cela ne prendra que quelques minutes pour ajouter sans connaissances en codage
UNajouter un pop-up facebook comme widget de boîte dans le blogueur C’est très facile. Dans cet article, je vais vous montrer comment vous pouvez ajouter une boîte comme Facebook qui apparaîtra après un certain temps (vous pouvez personnaliser le délai). Les widgets pop-up comme les boîtes sont très efficaces pour augmenter les likes pour vos pages.
Vos visiteurs sont plus susceptibles de aime ta page s’ils en voient une fenêtre contextuelle. Ils voudraient se connecter avec vous sur les réseaux sociaux pour obtenir des mises à jour, de l’aide et/ou pour acheter un produit. De cette façon, la base de fans de votre page ne cessera de s’agrandir.
Continuez simplement à suivre ceci guide étape par étape et vous pourrez également ajouter cette fenêtre contextuelle d’aspect professionnel dans votre propre blog. Eh bien, sans plus tarder,
Commençons –
Étape 2) Choisi ton blog souhaité (si vous avez plusieurs blogs, sinon, passez à l’étape 3.)
Étape 3) Aller à mise en page et cliquez sur ajouter un gadget
Étape 4) Sélectionner “HTML/JAVASCRIPT”
Étape 5) Copie le ci-dessous les codes et pâte ça dans le zone de contenu. Laissez la zone de titre vide.
[<script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js” type=”text/javascript”></script>
<style type=”text/css”>
#fbox-background{display:none;background:rgba(0,0,0,0.8);width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999}#fbox-close{width:100%;height:100%}#fbox-display{background:#eaeaea;border:5px solid #828282;width:340px;height:230px;position:absolute;top:32%;left:37%;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}#fbox-button{float:right;cursor:pointer;position:absolute;right:0;top:0}#fbox-button:before{content:”CLOSE”;padding:5px 8px;background:#828282;color:#eaeaea;font-weight:700;font-size:10px;font-family:Tahoma}#fbox-link,#fbox-link a.visited,#fbox-link a,#fbox-link a:hover{color:#aaa;font-size:9px;text-decoration:none;text-align:center;padding:5px}
</style>
<script type=”text/javascript”>
//<![CDATA[
jQuery.cookie=function(a,b,c){if(arguments.length>1&&”[object Object]”!==Chaîne(b)){if(c=jQuery.extend({},c),null!==b&&void 0!==b||(c.expires=-1),”nombre”== typeof c.expires){var d=c.expires,e=c.expires=new Date;e.setDate(e.getDate()+d)}return b=String(b),document.cookie=[encodeURIComponent(a),”=”,c.raw?b:encodeURIComponent(b),c.expires?”; expires=”+c.expires.toUTCString():””,c.path?”; path=”+c.path:””,c.domain?”; domain=”+c.domain:””,c.secure?”; secure”:””].join(“”)}c=b||{};var f,g=c.raw?function(a){return a}:decodeURIComponent;return(f=new RegExp(“(?:^|; ) “+encodeURIComponent(a)+”=([^;]*)”).exec(document.cookie))?g(f[1]):nul};
//]]>
jQuery(document).ready(fonction($){
if($.cookie(‘popup_facebook_box’) != ‘yes’){
$(‘#fbox-background’).retard (5000).fadeIn(‘moyen’);
$(‘#fbox-bouton, #fbox-fermer’).click(fonction(){
$(‘#fbox-background’).stop().fadeOut(‘moyen’);
});
}
$.cookie(‘popup_facebook_box’, ‘yes’, { path: ‘/’, expires: 7 });
});
]
Personnaliser le widget
Après avoir collé les codes dans la case, Ne l’enregistrez pas encore. Vous devez faire une petite personnalisation.
Partie 1) [MUST] Changer le bleu https://www.facebook.com/bdbloggerhub avec votre propre lien de page facebook.
Partie 2) [OPTIONAL] Par défaut, le widget est configuré pour apparaître après 5 secondes. Cela signifie que les visiteurs verront cette fenêtre contextuelle 5 secondes après avoir visité votre site Web/blog. Si vous voulez changer l’heure, changez le “5000” valeur du code ci-dessous selon votre besoin. N’oubliez pas que cette valeur est dans millisecondes. c’est-à-dire : si vous voulez qu’il s’affiche après 3 secondes, changez la valeur à 3000.
Partie 3) [OPTIONAL] Si quelqu’un visite votre blog, il verra cette fenêtre apparaître une fois par semaine. Si vous voulez qu’ils voient cela chaque fois qu’ils rechargent votre site, supprimez simplement la ligne ci-dessous du code.
[$.cookie(‘popup_facebook_box’, ‘yes’, { path: ‘/’, expires: 7 });]
[Important] Si tu ajouter ce pop-up facebook comme widget en tant que widget, cela apparaîtra dans chaque page. Maintenant, si vous voulez afficher ce widget juste dans page d’accueilalors vous pouvez le faire en éditant le MODIFIER LE HTML option. Supprimez simplement le widget de la mise en page et suivez les étapes ci-dessous –
Étape 1) Aller à Thème > Modifier HTML
Si vous utilisez la version mise à jour du tableau de bord du blogueur, accédez au thème, cliquez sur le 3 point vertical et sélectionnez Modifier Html à partir de là.
Étape 2) Rechercher