вСкрипты для Юкоз

Кнопка на сайте: Добавить в избранное — в закладки браузера.

Кнопка на сайте: Добавить в избранное - в закладки браузера.

Напишите пожалуйста Html код чтобы при открытии сайта на экран автоматически выводилось предложение добавить сайт в избранное или закладки браузера. если сайт добавлен в закладки браузера или избранное то предложение не должно появляться.
Заранее благодарен. Константин

Написать то можно такую конструкцию, только получится сложная конструкция.

1) Необходимо вставить всплывающее окно. (Поисковики недолюбливают такие страницы, да и посетители не долюбливают.

2) Каким то образом авторизовать посетителя, ставил он закладку или нет? Для этого надо ставить куки для этого браузера. 
(Со временем пользователь прочистит компьютер и удалит все куки, я к примеру делаю это 1 раз в 2 недели.)

3) Написать или использовать код который будет работать и вызывать окно для сохранения закладки.
(То, что работает в браузере Мозила или Firefox, не работает в Opera, или IE, или наоборот!)

4) Дополнительный большой код который должен будет установленный на странице ради того, чтобы посетитель добавил вас в закладки. (Увеличивается время загрузки страницы. Google страшно не любит страницы которые долго грузятся, исключает из поиска такие сайты, Яндекс не любит всё, что всплывает: Popap Popover.)

ВЫВОД: Такое на сайт такое ставить не стоит. На сайт лучше установить небольшой код для добавления в закладки, и предложить посетителю самому выбирать, нужен ваш сайт ему в закладках. Всплывающие окна использовать для более полезного дела, скажем подписки посетителя.

Нашёл в сети код и доработал его, чтобы работал во всех популярных браузерах.

Вод простенький html код:

КОД:
<html>
<head>
<meta charset="utf-8" />
<title>Добавить в закладки браузера.</title>
<script type="text/javascript">
function addBookmark()
if (document.all) window.external.addFavorite('http://infopodsolnux.ru/', 'Сайт infopodsolnux.ru');

</script>
</head>
<body>
<p><a href="http://infopodsolnux.ru/" title="Обучение на DVD| Видеоуроки на InfoPodsolnux.Ru" rel="sidebar" onclick="addBookmark()">Добавить в избранное</a></p>
</body>
</html>


Используя данный код вы получаете только текстовую ссылку на вашем сайте: Добавить в избранное

Здесь в этом коде вам нужно прописать ссылки на свой сайт и изменить описание вашего сайта в теге <title>.

Вставляете данный код в то место, где хотите вывести ваше предложение. (Лучше в верхней части сайта.)

При нажатии посетителю выдаётся окно для сохранения закладки в браузере.

 

Mozilla Firefox

Изображение

Opera

Изображение

Interner Exploer

Изображение


На своём сайте я пошёл немного дальше и создал
маленький блок с пояснением посетителю.

Вот примеры:

Изображение

Изображение

Вот код в html который использовал:

КОД: ВЫДЕЛИТЬ ВСЕ
<table style="border: 1px solid #ff1919" border="0" cellpadding="5" width="160" align="center" bgcolor="#ffffff">
      <tr>
      <td>
        <script type="text/javascript">
function addBookmark()
if (document.all) window.external.addFavorite('http://infopodsolnux.ru/', 'Сайт http://infopodsolnux.ru');

      </script>
     <p style="font-family: Verdana; color:#CC0000; font-size:16px;" align="center">
     <strong>Внимание!</strong></p>
      <p style="font-family: Verdana; font-size:12px;" align="center"><small><span
style="font-family: Verdana;">Если Вам понравился <br />
        наш сайт,
        то вы можете добавить его в закладку вашего браузера.</span></small></p>
      <p style="font-family: Verdana;" align="center">
        
        <a href="http://infopodsolnux.ru" title="Обучение на DVD| Видеоуроки на InfoPodsolnux.Ru"
rel="sidebar" onclick="addBookmark()"><img src="http://infopodsolnux.ru/images/stories/logotip/buttonzakl.png" border="0" height="40"
width="139"></a><br />
      </p></td>
    </tr>
  </table>


В этом коде как и в предыдущем меняем ссылки на ваш сайт и описания.

В стороке: <table style=»border: 1px solid #ff1919″ border=»0″ cellpadding=»5″ width=»160″ align=»center» bgcolor=»#ffffff»>, можете менять толщину и цвет рамки, отступы внутри таблицы, ширину таблицы, её выравнивание и фоновый цвет самого блока.

border: 1px solid #ff1919″ /* Рамка в 1 пиксель, цвет=#ff1919 стоит красный */
cellpadding=»5″ /* Отступ от края таблица, чтобы текст не прилипал к рамке */
width=»160″ /* Ширина таблицы в пикселях */
align=»center» /* Выравнивание таблицы по средине */
bgcolor=»#ffffff /* Цвет фона в таблице цвет=#ffffff стоит белый */

В коде также нужно поменять и ссылку на вашу кнопку:
<img src=»http://infopodsolnux.ru/images/stories/logotip/buttonzakl.png» border=»0″ height=»40″ width=»139″>Абсолютная ссылка на изображение кнопки и её размеры.

Просмотреть примеры работы кнопки добавления в избранное или в закладки можно на этом сайте на страницах с описаниями видеокурсов и на сайте Байк Шоу: http://showsbike.narod.ru/

Да чуть не забыл, в своих блоках я использовал кнопки с названиями: Создать Закладку
Сделать такую кнопочку можно на сервисе кнопок: http://cooltext.com/Buttons 

(Сайт правда на английском языке но разобраться не трудно, а если вы мой подписчик на видеоуроки по созданию сайта на Яндекс Народе, то вы получали ссылку на урок по созданию кнопок в этом сервисе. ) 

Как вставить данный html код на сайте сделанном в конструкторе на Яндекс Народе, для этого используем модуль вставка произвольного кода на сайт < >.

Похожие посты