Nouveau Widget multi onglets Pour Blogger - Onglets modifiables!

Juste un communiqué de la nouvelle version du menu Onglets un widget pour blogger, entièrement personnalisable et modifiable. Ce widget est une copie exacte de notre Code du Widget Wordpress onglet Menu que nous avons créé pour les blogs blogger. La seule différence est la conception de ce temps et avec un tutoriel plus facile. J'espère juste que vous l'aimez. Permet de se mettre au travail maintenant!
Ajout du menu Onglets Widget à New Blogger
Veuillez suivre ces étapes,

1.      Aller à Blogger> Conception HTML> Modifier
2.      Une sauvegarde de votre modèle
3.      Rechercher]]> </ b: skin>
4.      Juste en dessous collez le code suivant -> MBT menu Onglets JavaScript
5.      Et juste au-dessus]]> </ b: skin> collez ce code, 

/*----- MBT Multi Tabbed Widget ----*/ .tabs-widget{list-style:none;list-style-type:none;margin:0 0 10px 0;padding:0;height:40px} .tabs-widget li{list-style:none;list-style-type:none;margin:0 0 0 4px;padding:0;float:left} .tabs-widget li:first-child{margin:0} .tabs-widget li a{color:#8F8C7C;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilqprM0DZ8ByF_Ap8FVwvaFm8vDMq-RhWKucbm2TVOCBefClZxMzQiK-ThrUACS4XgtYqiKcRMfZGOrtG0h3j4_dZGqqRXFGgCvPg18nFV7WsKHDBPYTo6laW08Mc3MEm2CWo6G6D1Ddc/s1600/tabs-widget-bg.png) left top repeat-x;padding:12px 14px;display:block;text-decoration:none;font:bold 11px Arial,Helvetica,Sans-serif;text-transform:uppercase} .tabs-widget li a:hover,.tabs-widget li a.tabs-widget-current{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilqprM0DZ8ByF_Ap8FVwvaFm8vDMq-RhWKucbm2TVOCBefClZxMzQiK-ThrUACS4XgtYqiKcRMfZGOrtG0h3j4_dZGqqRXFGgCvPg18nFV7WsKHDBPYTo6laW08Mc3MEm2CWo6G6D1Ddc/s1600/tabs-widget-bg.png) left -140px repeat-x;color:#EE5D06;text-decoration:none} .tabs-widget-content{} .tabviewsection{margin-top:10px;margin-bottom:10px;}
 Maintenant Suivez attentivement cette étape car elle implique la position du widget dans votre modèle. Comme la plupart des modèles ont des codes différents, donc si vous ne pouviez pas trouver un code correspondant ci-dessous ne vous inquiétez pas et laissez-moi savoir en postant URL de votre blog dans les commentaires Formulaire

Rechercher ce code si vous utilisez de nouvelles conceptions de modèles de Blogger,

  <div class='column-right-inner'>

et juste en dessous le code que vous trouverez, collez le code suivant,



<div class='tabviewsection'> <script type='text/javascript'> jQuery(document).ready(function($){ $(".tabs-widget-content-widget-themater_tabs-1432447472-id").hide(); $("ul.tabs-widget-widget-themater_tabs-1432447472-id li:first a").addClass("tabs-widget-current").show(); $(".tabs-widget-content-widget-themater_tabs-1432447472-id:first").show(); $("ul.tabs-widget-widget-themater_tabs-1432447472-id li a").click(function() { $("ul.tabs-widget-widget-themater_tabs-1432447472-id li a").removeClass("tabs-widget-current a"); $(this).addClass("tabs-widget-current"); $(".tabs-widget-content-widget-themater_tabs-1432447472-id").hide(); var activeTab = $(this).attr("href"); $(activeTab).fadeIn(); return false; }); }); </script> <ul class='tabs-widget tabs-widget-widget-themater_tabs-1432447472-id'> <li><a href='#widget-themater_tabs-1432447472-id1'>About</a></li> <li><a href='#widget-themater_tabs-1432447472-id2'>Tags</a></li> <li><a href='#widget-themater_tabs-1432447472-id3'>Archives</a></li> </ul> <div class='tabs-widget-content tabs-widget-content-widget-themater_tabs-1432447472-id' id='widget-themater_tabs-1432447472-id1'> <b:section class='sidebar' id='sidebartab1' preferred='yes'> </b:section> </div> <div class='tabs-widget-content tabs-widget-content-widget-themater_tabs-1432447472-id' id='widget-themater_tabs-1432447472-id2'> <b:section class='sidebar' id='sidebartab2' preferred='yes'> </b:section> </div> <div class='tabs-widget-content tabs-widget-content-widget-themater_tabs-1432447472-id' id='widget-themater_tabs-1432447472-id3'> <b:section class='sidebar' id='sidebartab3' preferred='yes'> </b:section> </div> </div> <div style='height:5px;clear:both;'/>
S'il vous plaît Remplacer propos, Tags et Archives avec vos titres Widget que vous serez en ajoutant. Conserver le titre abrégé.
7. Maintenant, allez à la page Eléments. Vous verrez quelque chose comme ça,

8. Et maintenant vient l'étape la plus difficile ... Démarrer Ajout Widgets! Amusez-vous