Неподвижная строчка это элемент который будет постоянно находиться в одном месте экрана при прокрутке Вашего блога вниз или вверх. Часто такой элемент используют для рекламы, чтобы мозолить пользователям глаза, но в блоге его так же можно использовать для того чтобы вставить какую либо ссылку, или важную новость, в крайнем случае просто написать “ПОДПИСЫВАЙТЕСЬ НА МОЙ БЛОГ”
Если такой гаджет Вам необходим то приступим:
1. Зайдите в настройки блога Изменить HTML и найдите следующий код:
]]></b:skin>
2.Сразу перед найденным тэгом вставьте CSS код приведенный ниже:
3. Далее найдите следующий тэг:
<body>
4.Сразу под найденным тэгом вставьте приведенный скрипт:
<div id='mbt-stickybar'>
<a href='#'>ТЕКСТ</a>
</div>
Вместо # вставляем ссылку, вместо слова текст пишем желаемый текст
5.Нажимаем сохранить и готово
Если вы хотите добавить небольшую картинку рядом с текстом, то вставьте вместо последнего кода вот этот:
<div id='mbt-stickybar'>
<img src='ссылка на картинку'/><a href='#'>текст</a>
</div>
И вставьте ссылку на картинку.
Если такой гаджет Вам необходим то приступим:
1. Зайдите в настройки блога Изменить HTML и найдите следующий код:
]]></b:skin>
2.Сразу перед найденным тэгом вставьте CSS код приведенный ниже:
#mbt-stickybar{Чтобы изменить цвет фона изменить тэг цвета выделенный зеленым
background:#0080ff url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1FluQCuLpIDnK3peBjLaa2TjeHV5xnx25qbhSra-lFM8Q3AGRnwJGrZ6CjqMIE36njs-Q3q4oY_qAsFWVA31LuYLWMuNMVTLvX9M4fXFc1Qr8zDSodp19lGba-v4Wko8cmlucMyXXHYo/s400/stickybar.png') repeat-x;
width:100%;
margin:0 auto;
text-align:center;
padding:0px 0;
border-bottom: 1px solid #888888;
-moz-box-shadow: #666666 0px 1px 3px;
-webkit-box-shadow: #666666 0px 1px 3px;
box-shadow: #666666 0px 1px 3px;
z-index: 999;
height: 28px; position:fixed;
line-height: 1.85em;
vertical-align: baseline;
letter-spacing: 1px;
}
#mbt-stickybar a{
text-decoration:none;
color:#fff;
font-size:13px;
font-weight:bold;
font-family: arial,"Helvetica",sans-serif;
line-height: 24px;
}
#mbt-stickybar a:hover{
text-decoration:underline;
}
#mbt-stickybar p {margin:0; list-style:none;}
#mbt-stickybar img {vertical-align: middle;
margin-right: 6px;}
3. Далее найдите следующий тэг:
<body>
4.Сразу под найденным тэгом вставьте приведенный скрипт:
<div id='mbt-stickybar'>
<a href='#'>ТЕКСТ</a>
</div>
Вместо # вставляем ссылку, вместо слова текст пишем желаемый текст
5.Нажимаем сохранить и готово
Если вы хотите добавить небольшую картинку рядом с текстом, то вставьте вместо последнего кода вот этот:
<div id='mbt-stickybar'>
<img src='ссылка на картинку'/><a href='#'>текст</a>
</div>
И вставьте ссылку на картинку.
Комментарии
Отправить комментарий