Intégrer MyBlogLog proprement à votre blog

Publié le 12 juillet 2008 par Antoine Toin0u
Une astuce trouvée sur l'excellent blog nommé bloggerbuster d'Amanda Fazani.
Les utilisateurs de MyBlogLog ont tous fais face à ce problème. Comment intégrer de manière propre le widget MyBlogLog ? Vous pouvez voir ci-dessous, c'est vraiment moche... Certes, on peut jouer avec les couleurs mais on obtiendra un grand espace vide...
Pour résoudre ce problème, quelques lignes CSS suffiront ;)
L'astuce est simple. Mettre dans la feuille de style embarquée de blogger ces quelques lignes CSS et le tour est joué. Le principe est de mettre des display:none et une image blank.gif :)
Allez dans votre Tableau de bord > Mise en page > Modifier le code HTML.
Cherchez (CTRL-F)
]]></b:skin>
Ajoutez juste avant:
/**************** start mybloglog hack *****************/
table#MBL_COMM td.mbl_fo_hidden { display:none; }
table#MBL_COMM td.mbl_join_img {background: url(http://i37.tinypic.com/28bz588.jpg); }
table#MBL_COMM td.mbl_join { background: url(http://i37.tinypic.com/28bz588.jpg); }
table#MBL_COMM tr#tr0 { background: url(http://i37.tinypic.com/28bz588.jpg); display: none; }
table#MBL_COMM th.mbl_h { display:none;}
/**************** end mybloglog hack *****************/
Enregistrer le modèle et on obtient ceci:
C'est quand même plus sympa non ?
bLoG: ackorea.blogspot.com bY R^ & tOiN0U