Expliquer comment créer un outil statique sur les blogs Blogger

Aujourd'hui, la création de Dieu vous expliquera Comment ajouter un outil statique au blogueur . Que voulons-nous dire par l'outil fixé? L'outil fixe permet au visiteur de verser chaque direction vers elle, où tout est en panne Blog Nous reviendrons au fond aussi, mais ce n'est qu'un "widget".

Expliquer comment créer un widget statique sur les blogs Blogger

 

De nombreux sites utilisent cette technique depuis peu sur des listes horizontales, mais cette méthode est un nouveau blogging professionnel, sans oublier le rôle du blog mais aussi la forme.

Dans cet article, nous expliquerons comment rendre le widget valide pour le visiteur. Vous pouvez utiliser cette méthode sur la boîte Facebook afin d'obtenir de nombreux likes, ou l'utiliser sur la boîte d'abonnement au blog, ou sur n'importe quel widget que vous voulez et choisissez, bien sûr, suivez simplement l'explication et n'oubliez pas de cliquer sur J'aime le sujet.

  • Le premier processus que nous ferons est d'aller sur le blog
  • Nous choisissons le modèle >>>>>> Modifier le HTML
  • Puis cherchez le tag

     </Body>
  • Placez le code au-dessus du tag </corps
 <script>
 // Sticky widget by dz-techs.com
// Free to use or share, but please keep this notice intact.
//<![CDATA[
bs_makeSticky("HTML7"); // enter your widget ID here
function bs_makeSticky(elem) {
    var bs_sticky = document.getElementById(elem);
    var scrollee = document.createElement("div");
    bs_sticky.parentNode.insertBefore(scrollee, bs_sticky);
    var width = bs_sticky.offsetWidth;
    var iniClass = bs_sticky.className + ' bs_sticky';
    window.addEventListener('scroll', bs_sticking, false);
    function bs_sticking() {
        var rect = scrollee.getBoundingClientRect();
        if (rect.top < 0) {
            bs_sticky.className = iniClass + ' bs_sticking';
            bs_sticky.style.width = width + "px";
        } else {
            bs_sticky.className = iniClass;
        }
    }
}
//]]>
</script>
 
<style>
.bs_sticking {background:#f2f2f2 !important; position:fixed !important;
 top:0; z-index:9999; box-shadow:0px 10px 4px -5px rgba(0,0,0,0.3);
 margin-top: 0; position:relative9 !important;}
</style> 

Et nous changeons HTML7 avec le code de l'outil en HTML

Comment obtenir le nom de l'outil en HTML

  • Aller à la planification
  • Puis choisissez l'outil que vous voulez et appuyez sur Edit
  • Ensuite, vous voyez le nom de l'outil en HTML. Il sera situé sur le lien "septième image".

Expliquer comment créer un widget statique sur les blogs Blogger

  . ^ _ ^.
source
Aller au bouton supérieur