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

Здесь разбираются видеокурсы и видеоуроки авторов по созданию простых сайтов с помощью редакторов сайтов типа:сайт визитка или простая продающая страница.

Модератор: Дмитрий

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

Сообщение Александр » Пт фев 25, 2011 00:41


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



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

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

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 код на сайте сделанном в конструкторе на Яндекс Народе, для этого используем модуль вставка произвольного кода на сайт < >.


Если остались вопросы спрашиваем.




Аватар пользователя
Александр
Администратор
Администратор
 
Сообщений: 897
Зарегистрирован: Вс янв 30, 2011 16:24
Откуда: КРЫМ
Пункты репутации: 151
ПрофессорПрофессор

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

Сообщение Борька » Пт фев 25, 2011 05:32

Спасибо!
Вы как всегда профи своего дела. :idea:
Поставлю себе на сайт такую кнопочку… 36-)



Не жалей, то что было иди вперёд за мечтой.
Аватар пользователя
Борька
Студент
Студент
 
Сообщений: 11
Зарегистрирован: Пт фев 25, 2011 05:25
Пункты репутации: 0

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

Сообщение Максим » Пт фев 25, 2011 09:48

Здравствуйте! А как сделать, чтобы сайт потом отображался не в боковой панели, а как обычно. В боковой панели его смотреть невозможно.



"Поле битвы- сердца людей. Здесь сатана против Бога борется." "Претерпевший же до конца спасется."
Информация по работе с компьютером и интернетом: http://mister-web-master.narod.ru
Аватар пользователя
Максим
Бывалый
Бывалый
 
Сообщений: 26
Зарегистрирован: Чт фев 10, 2011 10:37
Пункты репутации: 4
Новичок

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

Сообщение Александр » Пт фев 25, 2011 16:08

Максим писал(а):Здравствуйте! А как сделать, чтобы сайт потом отображался не в боковой панели, а как обычно. В боковой панели его смотреть невозможно.


Не понятно, немного, что не отображается?



Аватар пользователя
Александр
Администратор
Администратор
 
Сообщений: 897
Зарегистрирован: Вс янв 30, 2011 16:24
Откуда: КРЫМ
Пункты репутации: 151
ПрофессорПрофессор

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

Сообщение Максим » Пт фев 25, 2011 17:48

Александр писал(а):
Максим писал(а):Здравствуйте! А как сделать, чтобы сайт потом отображался не в боковой панели, а как обычно. В боковой панели его смотреть невозможно.


Не понятно, немного, что не отображается?


Я в Firefox попробовал, все получилось, но сайт открывается в боковой панели, а не в обычных вкладках. Это изначально неудобно. Ширина панели меньше 10 сантиметров. Думал можно ее расширить или перенести во вкладки. Ничего не получилось. Вобщем одни заморочки. Наврятли кто- то захочет с этим мучится и скорее всего не будет пользоваться такой закладкой или удалит совсем. Проще когда закладка открывается во вкладках.



"Поле битвы- сердца людей. Здесь сатана против Бога борется." "Претерпевший же до конца спасется."
Информация по работе с компьютером и интернетом: http://mister-web-master.narod.ru
Аватар пользователя
Максим
Бывалый
Бывалый
 
Сообщений: 26
Зарегистрирован: Чт фев 10, 2011 10:37
Пункты репутации: 4
Новичок

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

Сообщение Александр » Пт фев 25, 2011 18:31



1) В открывшемся окне для сохранения закладки в Firefox есть галочка отображать в боковой панели, её просто не ставьте.

Изображение


2) Вы теперь просто зажав левой кнопкой мышки закладку, можете перетащить её в любое место в панели закладок, папку или каталог.
47-)

Учитесь грамотно пользоваться своими закладками, создавайте папки по тематикам и разделам, так легче потом найти нужное, у меня наверное сотни три закладок разложено по разделам, папкам и темам.




Аватар пользователя
Александр
Администратор
Администратор
 
Сообщений: 897
Зарегистрирован: Вс янв 30, 2011 16:24
Откуда: КРЫМ
Пункты репутации: 151
ПрофессорПрофессор

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

Сообщение Максим » Пт фев 25, 2011 19:14

Александр писал(а):

1) В открывшемся окне для сохранения закладки в Firefox есть галочка отображать в боковой панели, её просто не ставьте.


Я вот про это и говорю. Галочка стоит по умолчанию. Я ее не ставил. Я и не знал, что есть такая опция. Обычно я просто сохранял сайты. И закладки открывались во вкладках.
А как сделать, чтобы галочка не стояла по умолчанию?



"Поле битвы- сердца людей. Здесь сатана против Бога борется." "Претерпевший же до конца спасется."
Информация по работе с компьютером и интернетом: http://mister-web-master.narod.ru
Аватар пользователя
Максим
Бывалый
Бывалый
 
Сообщений: 26
Зарегистрирован: Чт фев 10, 2011 10:37
Пункты репутации: 4
Новичок

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

Сообщение Максим » Пт фев 25, 2011 19:49

1) Для чего нужна строчка "<title>Добавить в закладки браузера.</title>" ? Она какая- то лишняя. У меня вот так получилось:
Добавить в закладки браузера. Добавить в избранное
Я эту строчку удалил. Без нее все работает.
2) Предположил, что закладка по умолчанию будет открываться в боковой панели из-за тега rel="sidebar". Я в этом не разбираюсь. Поэкспериментировал. Сделал так: rel="", ничего не изменилось, потом совсем удалил- тоже не изменилось. А может я что-то напутал.



"Поле битвы- сердца людей. Здесь сатана против Бога борется." "Претерпевший же до конца спасется."
Информация по работе с компьютером и интернетом: http://mister-web-master.narod.ru
Аватар пользователя
Максим
Бывалый
Бывалый
 
Сообщений: 26
Зарегистрирован: Чт фев 10, 2011 10:37
Пункты репутации: 4
Новичок

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

Сообщение Александр » Сб фев 26, 2011 01:10



В принципе всё верно, можно из первого кода выкинуть мета данные и описания.
Писал код как отдельную страницу в Driamweaver.

Код: выделить все
<meta charset="utf-8" />
<title>Добавить в закладки браузера.</title>


А вообще самое главное здесь в скрипте проверяется условие и если оно положительно то запускается окно добавить
в закладки для Internet Exploer, в противном случае запускается ссылка для Мозилы и Оперы у них один код запуска окна.

Поэтому если ставите на простой сайт, где нужна только ссылка добавить в избранное то вот самый оптимальный html код.

Код: выделить все
<script type="text/javascript">
function addBookmark() {
if (document.all) window.external.addFavorite('http://infopodsolnux.ru/', 'Сайт infopodsolnux.ru');
}</script>
<p><a href="http://infopodsolnux.ru/" title="Обучение на DVD| Видеоуроки на InfoPodsolnux.Ru" rel="sidebar" onclick="addBookmark()">Добавить в избранное</a></p>


Что касается закладок в боковой панели то браузер сам по умолчанию так предлагает. :lol:




Аватар пользователя
Александр
Администратор
Администратор
 
Сообщений: 897
Зарегистрирован: Вс янв 30, 2011 16:24
Откуда: КРЫМ
Пункты репутации: 151
ПрофессорПрофессор

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

Сообщение Helenok » Пт фев 17, 2012 21:37

Подскажите, пожалуйста. Добавляю на свой сайт кнопку, что посложнее, меняю на свой сайт и вдруг исчезает СОЗДАТЬ ЗАКЛАДКУ. Я что-то удаляю не то в коде? Спасибо заранее.



Helenok
Студент
Студент
 
Сообщений: 3
Зарегистрирован: Пн июл 18, 2011 21:07
Пункты репутации: 0

След.



Вернуться в Создание простых HTML сайтов и страниц

Кто сейчас на форуме

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 1