/* css personnalisé */ .tdi_2.td-a-rec{ text-align : center ; }.tdi_2 .td-element-style{ z-index : -1 ; }.tdi_2.td-a-rec-img{ text-align : gauche ; }.tdi_2.td-a-rec-img img{ marge : 0 auto 0 0 ; }@media (max-width : 767px) { .tdi_2.td-a-rec-img { text-align : center ; } }
var td_screen_width = window.innerWidth;
window.addEventListener(« load », function(){
var placeAdEl = document.getElementById(« td-ad-placeholder »);
if ( null !== placeAdEl && td_screen_width >= 1140 ) {
/* 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 = 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");
}
});
Si vous utilisez Google Blogger, vous pouvez proposer 9 thèmes et les visiteurs peuvent basculer vers l’un d’entre eux. Parmi ceux-ci, le premier thème est celui par défaut, le second est la version mobile et les autres sont 7 vues dynamiques à chargement rapide. J’ai créé un commutateur de thème Blogger pour rendre cette fonction possible.
Ce commutateur de thème exclusif permettra à l’utilisateur de sélectionner un thème et de rendre votre blog convivial. En savoir plus sur le thème mobile Blogger.
Comment utiliser le changement de thème Blogger ?
C’est simple, il suffit de coller et d’enregistrer le code suivant dans un gadget HTML/JAVASCRIPT et de l’utiliser dans la barre latérale.
/* css personnalisé */ .tdi_1.td-a-rec{ text-align : center ; }.tdi_1 .td-element-style{ z-index : -1 ; }.tdi_1.td-a-rec-img{ text-align : gauche ; }.tdi_1.td-a-rec-img img{ marge : 0 auto 0 0 ; }@media (max-width : 767px) { .tdi_1.td-a-rec-img { text-align : center ; } }
var td_screen_width = window.innerWidth;
window.addEventListener(« load », function(){
var placeAdEl = document.getElementById(« td-ad-placeholder »);
if ( null !== placeAdEl && td_screen_width >= 1140 ) {
/* 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 = 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");
}
});
<select onChange="document.location.href=this.options[this.selectedIndex]. value;"> <option value="/?m=0">Default</option> <option value="/?m=1">Mobile</option> <option value="/view/classic">Classic</option> <option value="/view/sidebar">Sidebar</option> <option value="/view/flipcard">FlipCard</option> <option value="/view/magazine">Magazine</option> <option value="/view/mosaic">Mosaic</option> <option value="/view/snapshot">SnapShot</option> <option value="/view/timeslide">TimeSlide</option> </select>
J’espère que vous l’aimerez.
Remarque – Ce message est mis à jour mais peut être obsolète.
/* css personnalisé */ .tdi_3.td-a-rec{ text-align : center ; }.tdi_3 .td-element-style{ z-index : -1 ; }.tdi_3.td-a-rec-img{ text-align : gauche ; }.tdi_3.td-a-rec-img img{ marge : 0 auto 0 0 ; }@media (max-width : 767px) { .tdi_3.td-a-rec-img { text-align : center ; } }
var td_screen_width = window.innerWidth;
window.addEventListener(« load », function(){
var placeAdEl = document.getElementById(« td-ad-placeholder »);
if ( null !== placeAdEl && td_screen_width >= 1140 ) {
/* 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 = 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");
}
});
