Google Friend Connect pour Blogspot/Blogger avec seulement 2 lignes

by Arcadian
4.5/5 - (27 votes)

/* large monitors */ var adEl = document.createElement("ins"); placeAdEl.replaceWith(adEl); adEl.setAttribute("class", "adsbygoogle"); adEl.setAttribute("style", "display:inline-block;width:468px;height:60px"); adEl.setAttribute("data-ad-client", "ca-pub-1869078019563841"); adEl.setAttribute("data-ad-slot", "2932951658");

} });window.addEventListener("load", function(){ var placeAdEl = document.getElementById("td-ad-placeholder"); if ( null !== placeAdEl && td_screen_width >= 1019 && td_screen_width < 1140 ) { /* landscape tablets */ var adEl = document.createElement("ins"); placeAdEl.replaceWith(adEl); adEl.setAttribute("class", "adsbygoogle"); adEl.setAttribute("style", "display:inline-block;width:468px;height:60px"); adEl.setAttribute("data-ad-client", "ca-pub-1869078019563841"); adEl.setAttribute("data-ad-slot", "2932951658"); } });window.addEventListener("load", function(){ var placeAdEl = document.getElementById("td-ad-placeholder"); if ( null !== placeAdEl && td_screen_width >= 768 && td_screen_width < 1019 ) { /* portrait tablets */ var adEl = document.createElement("ins"); placeAdEl.replaceWith(adEl); adEl.setAttribute("class", "adsbygoogle"); adEl.setAttribute("style", "display:inline-block;width:468px;height:60px"); adEl.setAttribute("data-ad-client", "ca-pub-1869078019563841"); adEl.setAttribute("data-ad-slot", "2932951658"); } });window.addEventListener("load", function(){ var placeAdEl = document.getElementById("td-ad-placeholder"); if ( null !== placeAdEl && td_screen_width < 768 ) { /* Phones */ var adEl = document.createElement("ins"); placeAdEl.replaceWith(adEl); adEl.setAttribute("class", "adsbygoogle"); adEl.setAttribute("style", "display:inline-block;width:300px;height:250px"); adEl.setAttribute("data-ad-client", "ca-pub-1869078019563841"); adEl.setAttribute("data-ad-slot", "2932951658"); } });

Désormais, Google Friend Connect est un déprécié produit. Sa nouvelle alternative disponible est Google+ Followers. Je vous recommanderai de travailler davantage sur les abonnés Google+ plutôt que sur Google Friend Connect. Aujourd'hui, lorsque vous utilisez Google Friend Connect gadget, vous avez quatre (4) rangées de visages de followers. Parfois, vous pouvez avoir l'impression que ce gadget ralentit votre blog, en particulier lorsque vous placez ce gadget juste en dessous de l'en-tête. Il est très important de réduire le temps de chargement du blog et d'utiliser ce gadget dans la partie centrale ou inférieure de la barre latérale du blog.

friendconnect seulement deux lignes

Je sais que si vous avez plus de 500 abonnés ou un chiffre plutôt bon, vous ne supprimerez pas ce gadget de votre blog et ajouterez son suppléant. Mais la bonne chose est d'optimiser ce gadget et d'utiliser les deux. À cette fin, je vous suggérerai de n'utiliser que deux (2) rangées de visages d'abonnés dans Google Friend Connect, car cela vous aidera à améliorer la vitesse de votre page, c'est-à-dire la vitesse de chargement du blog.

Je vais maintenant vous expliquer comment optimiser votre gadget Google Friend Connect pour deux (2) rangées de visages d'abonnés. Ce n'est pas très difficile pour vous. Vous pouvez le faire en 6 étapes faciles :

/* large monitors */ var adEl = document.createElement("ins"); placeAdEl.replaceWith(adEl); adEl.setAttribute("class", "adsbygoogle"); adEl.setAttribute("style", "display:inline-block;width:468px;height:60px"); adEl.setAttribute("data-ad-client", "ca-pub-1869078019563841"); adEl.setAttribute("data-ad-slot", "1456218456");

} });window.addEventListener("load", function(){ var placeAdEl = document.getElementById("td-ad-placeholder"); if ( null !== placeAdEl && td_screen_width >= 1019 && td_screen_width < 1140 ) { /* landscape tablets */ var adEl = document.createElement("ins"); placeAdEl.replaceWith(adEl); adEl.setAttribute("class", "adsbygoogle"); adEl.setAttribute("style", "display:inline-block;width:468px;height:60px"); adEl.setAttribute("data-ad-client", "ca-pub-1869078019563841"); adEl.setAttribute("data-ad-slot", "1456218456"); } });window.addEventListener("load", function(){ var placeAdEl = document.getElementById("td-ad-placeholder"); if ( null !== placeAdEl && td_screen_width >= 768 && td_screen_width < 1019 ) { /* portrait tablets */ var adEl = document.createElement("ins"); placeAdEl.replaceWith(adEl); adEl.setAttribute("class", "adsbygoogle"); adEl.setAttribute("style", "display:inline-block;width:468px;height:60px"); adEl.setAttribute("data-ad-client", "ca-pub-1869078019563841"); adEl.setAttribute("data-ad-slot", "1456218456"); } });window.addEventListener("load", function(){ var placeAdEl = document.getElementById("td-ad-placeholder"); if ( null !== placeAdEl && td_screen_width < 768 ) { /* Phones */ var adEl = document.createElement("ins"); placeAdEl.replaceWith(adEl); adEl.setAttribute("class", "adsbygoogle"); adEl.setAttribute("style", "display:inline-block;width:320px;height:50px"); adEl.setAttribute("data-ad-client", "ca-pub-1869078019563841"); adEl.setAttribute("data-ad-slot", "1456218456"); } });

1. Ouvrez la page d'accueil de votre blog dans Mozilla Firefox ou Google Chrome
2. Faites un clic droit et sélectionnez Afficher la source de la page

3. Après cela, vous devez trouver le code suivant

var skin = {};

4. Comme le montre l'image suivante, vous devez identifier et copier le identifiant div et ID du site pour utilisation:

code friendconnect pour deux lignes

5. Maintenant, utilisez ceci identifiant div et ID du site pour optimiser notre Google Friend Connect pour 2 lignes. Pour cela, vous devez changer le identifiant div et ID du site dans le code suivant :

<!-- friend connect -->
<script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"></script>
<div id="div-1qt44hknpopem" style="width:100%;border:0"></div> /* Change with you blog's div id */
<!-- Render the gadget into a div. -->
<script type="text/javascript">
var skin = {};
    skin['FACE_SIZE'] = '32';
    skin['HEIGHT'] = "";
    skin['TITLE'] = "";
    skin['BORDER_COLOR'] = "transparent";
    skin['ENDCAP_BG_COLOR'] = "transparent";
    skin['ENDCAP_TEXT_COLOR'] = "#000000";
    skin['ENDCAP_LINK_COLOR'] = "#000000";
    skin['ALTERNATE_BG_COLOR'] = "transparent";
    skin['CONTENT_BG_COLOR'] = "transparent";
    skin['CONTENT_LINK_COLOR'] = "#000000";
    skin['CONTENT_TEXT_COLOR'] = "#000000";
    skin['CONTENT_SECONDARY_LINK_COLOR'] = "#000000";
    skin['CONTENT_SECONDARY_TEXT_COLOR'] = "#a3a3a3";
    skin['CONTENT_HEADLINE_COLOR'] = "#4e4840";
    skin['FONT_FACE'] = "normal normal 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif";
    skin['NUMBER_ROWS'] = '2'; /* Change the number to control number of rows */
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderMembersGadget(
{id: 'div-1qt44hknpopem', /* Change with you blog's div id */
site: '07982277196184713336' }, /* Change with your blog's site id */
skin);
</script>
<!-- friend connect -->

6. Vous pouvez utiliser ce code dans le gadget html/javascript pour l'afficher sur votre blog.

Vous pouvez maintenant voir 2 rangées de visages d'abonnés dans le gadget Google Friend Connect. Vous vous demandez peut-être s'il est possible d'utiliser 1 ligne dans ce gadget ou n'importe quel nombre de lignes ? La réponse est OUIil vous suffit de changer la surbrillance du numéro en rouge.


/* large monitors */ var adEl = document.createElement("ins"); placeAdEl.replaceWith(adEl); adEl.setAttribute("class", "adsbygoogle"); adEl.setAttribute("style", "display:inline-block;width:468px;height:60px"); adEl.setAttribute("data-ad-client", "ca-pub-1869078019563841"); adEl.setAttribute("data-ad-slot", "6285012452");

} });window.addEventListener("load", function(){ var placeAdEl = document.getElementById("td-ad-placeholder"); if ( null !== placeAdEl && td_screen_width >= 1019 && td_screen_width < 1140 ) { /* landscape tablets */ var adEl = document.createElement("ins"); placeAdEl.replaceWith(adEl); adEl.setAttribute("class", "adsbygoogle"); adEl.setAttribute("style", "display:inline-block;width:468px;height:60px"); adEl.setAttribute("data-ad-client", "ca-pub-1869078019563841"); adEl.setAttribute("data-ad-slot", "6285012452"); } });window.addEventListener("load", function(){ var placeAdEl = document.getElementById("td-ad-placeholder"); if ( null !== placeAdEl && td_screen_width >= 768 && td_screen_width < 1019 ) { /* portrait tablets */ var adEl = document.createElement("ins"); placeAdEl.replaceWith(adEl); adEl.setAttribute("class", "adsbygoogle"); adEl.setAttribute("style", "display:inline-block;width:468px;height:60px"); adEl.setAttribute("data-ad-client", "ca-pub-1869078019563841"); adEl.setAttribute("data-ad-slot", "6285012452"); } });window.addEventListener("load", function(){ var placeAdEl = document.getElementById("td-ad-placeholder"); if ( null !== placeAdEl && td_screen_width < 768 ) { /* Phones */ var adEl = document.createElement("ins"); placeAdEl.replaceWith(adEl); adEl.setAttribute("class", "adsbygoogle"); adEl.setAttribute("style", "display:inline-block;width:300px;height:250px"); adEl.setAttribute("data-ad-client", "ca-pub-1869078019563841"); adEl.setAttribute("data-ad-slot", "6285012452"); } });

You may also like

Leave a Comment