Кнопки закладок это маленькие кноки на вашем ресурсе через которые можно добавить сайт в закладки. Путем использования различных кнопки закладок пришел к мнению, что на данный момент самым нормальным чтобы добавить сайт в закладки и успешным из всех является сервис кнопок закладки онлайн Share42. Что такое закладки онлайн я писал в предыдущей статье. Эти кнопки закладок вы можете видеть на моем блоге слева как плавающая строка кнопок социальных сетей можете сразу и мой добавить сайт в закладки Нажав на любую из них вы можете занести данную страницу моего блога в любой из понравившихся вам сервисов закладок онлайн. Выглядит это в блоге вот так :
В сервисе кнопки закладок Share42 вы можете настроить вид этой строки , выбрать количество нужных вам кнопок,- сколько их будет 5 или 35 , и какие – там большой выбор и вы можете выбрать те кнопки которые посчитаете нужными.
Тут выбираете прежде всего размер кнопок – рекомендую средний размер 24 на 24 пикселя, далее выбираете нужные вам кнопки так как их много и все поставить нереально то вам надо выбрать, как я уже говорил выше выбирайте русскоязычные и самые популярные кнопки сервисов. Далее выбранные вами кнопки надо перетащить в строку “прочее” и нажать на каждую из них чтобы они были выделены пунктиром. Далее выбираете какой у вас блок будет горизонтальный под каждой статьей или вертикальный фиксированный как у меня видите. Потом ставите галочку на “ограничить количество кнопок” это если хотите чтобы показывалось например 5-7 кнопок и при нажатии на стрелки вниз вверх в блоке они прокручивались. Далее кодировку поставить на Windows если у вас Windows или сами смотрите как там у вас. Следующее выбор русского языка подсказок или английского. В поле для RSS вставьте ссылку своего RSS фида. После чего нажимаете на “посмотреть как это будет” смотрите и если вас все устраивает – нажимаете на “скачать готовый скрипт”.
Скачав скрипт вам надо будет залить его на любой бесплатный или платный если он у вас есть хостинг. Это очень просто , не пугайтесь ! и абсолютно бесплатно ! Об этом я писал в статье бесплатный хостинг для кодов и файлов
Далее вы берете ссылку на ваш файл который лежит на вашем хостинге и вставляете ее в поле “3.Укажите путь до этой папки “ вставляете свою ссылку указывающую на вашу папку она должна быть такого вида например :
http://dl.dropbox.com/u/6714/share42 , вставляете и у вас появляется ваш сгенерированный html код в поле пониже , копируете его
для вертикального блока вставляете данный код в гаджет “вставка html “ в Blogger например жмете Дизайн – добавить гаджет – выбираете “вставка html ”, просто вставляете ваш код жмете сохранить и все готово. Потом добавляете перед ]]></b:skin> тот код который у вас на сайте Share42 в поле 6 и 7 копируете по очереди и добавляете один под другим.
Для того чтобы расположить вертикальный кнопок который по умолчанию прилеплен к левому краю экрана и сделать его например справа ,- найдите в вашем шаблоне код:
Все готово. Пользуйтесь.
Для горизонтального блока кнопок делаем тоже самое что и для вертикального только код скрипта кидаем не в гаджет “вставка html” а в вашем шаблоне с помощью клавиш Ctrl+f находите вот такую строку :
<data:post.body/> и после этой строки вставляете код :
так же для оформления панели также перед ]]></b:skin> вставить такой код :
Также читайте кнопка вверх на страницы Blogger
кнопки закладок, добавить сайт в закладки
В сервисе кнопки закладок Share42 вы можете настроить вид этой строки , выбрать количество нужных вам кнопок,- сколько их будет 5 или 35 , и какие – там большой выбор и вы можете выбрать те кнопки которые посчитаете нужными.
Совет: поскольку мы все на просторах РУнета то есть русскоязычного интернета то старайтесь добавлять кнопки закладок знакомые русскоязычным пользователям типа “одноклассники” “в контакте” обязательно закладки Google и Яндекс “mail.ru” и прочее – вообще посмотрите у меня как чтобы юзеры могли добавить сайт в закладки своих любимых и знакомых сервисов.
А также есть 2 вида установки кнопки закладок чтобы пользователи могли добавить сайт в закладки – может быть строка под каждой вашей статьей, горизонтальная. Но такой вид имеет недостаток – такая строка не показывается на главной странице вашего блога или сайта и показывается только в конце статьи , то есть если человек не долистает страницу до конца вниз он не увидит этих кнопок. Что на мой взгляд неприемлемо. А вертикальный блок кнопок показывается везде как часть шаблона блога поэтому виден и на главной и на внутренних страницах. Вертикальный блок кнопок можно поставить как слева на странице так и справа, для этого нужно в коде ниже изменить размер отступа left на нужный. делаем в блог кнопки онлайн закладок от сервиса Share42
Чтобы страница не открылась в нашем окне а в новом(соседнем) зажимаем на клавиатуре Ctrl в Firefox или Shift в Opera и кликаем по ссылке : share42.com попадаете на сайт share42 сервис онлайн закладок социальных сетей. Видите перед собой страницу :Тут выбираете прежде всего размер кнопок – рекомендую средний размер 24 на 24 пикселя, далее выбираете нужные вам кнопки так как их много и все поставить нереально то вам надо выбрать, как я уже говорил выше выбирайте русскоязычные и самые популярные кнопки сервисов. Далее выбранные вами кнопки надо перетащить в строку “прочее” и нажать на каждую из них чтобы они были выделены пунктиром. Далее выбираете какой у вас блок будет горизонтальный под каждой статьей или вертикальный фиксированный как у меня видите. Потом ставите галочку на “ограничить количество кнопок” это если хотите чтобы показывалось например 5-7 кнопок и при нажатии на стрелки вниз вверх в блоке они прокручивались. Далее кодировку поставить на Windows если у вас Windows или сами смотрите как там у вас. Следующее выбор русского языка подсказок или английского. В поле для RSS вставьте ссылку своего RSS фида. После чего нажимаете на “посмотреть как это будет” смотрите и если вас все устраивает – нажимаете на “скачать готовый скрипт”.
Скачав скрипт вам надо будет залить его на любой бесплатный или платный если он у вас есть хостинг. Это очень просто , не пугайтесь ! и абсолютно бесплатно ! Об этом я писал в статье бесплатный хостинг для кодов и файлов
Далее вы берете ссылку на ваш файл который лежит на вашем хостинге и вставляете ее в поле “3.Укажите путь до этой папки “ вставляете свою ссылку указывающую на вашу папку она должна быть такого вида например :
http://dl.dropbox.com/u/6714/share42 , вставляете и у вас появляется ваш сгенерированный html код в поле пониже , копируете его
для вертикального блока вставляете данный код в гаджет “вставка html “ в Blogger например жмете Дизайн – добавить гаджет – выбираете “вставка html ”, просто вставляете ваш код жмете сохранить и все готово. Потом добавляете перед ]]></b:skin> тот код который у вас на сайте Share42 в поле 6 и 7 копируете по очереди и добавляете один под другим. Для того чтобы расположить вертикальный кнопок который по умолчанию прилеплен к левому краю экрана и сделать его например справа ,- найдите в вашем шаблоне код:
#share42 {
position: fixed;
z-index: 1000;
margin-left: -70px; /* смещение панели влево от края контента */
}
и измените -70px нужное вам, например 1000 (плюсовое значение чисел подвинет блок вправо) просто подберите нужную вам ширину методом тыка.position: fixed;
z-index: 1000;
margin-left: -70px; /* смещение панели влево от края контента */
}
Все готово. Пользуйтесь.
Для горизонтального блока кнопок делаем тоже самое что и для вертикального только код скрипта кидаем не в гаджет “вставка html” а в вашем шаблоне с помощью клавиш Ctrl+f находите вот такую строку :
<data:post.body/> и после этой строки вставляете код :
<b:if cond="data:blog.pageType == "item""><div align="center">Веселые Кнопки! Понравилась статья? Поделитесь с друзьями: <div align="center">Здесь вставляете ваш готовый скрипт сгенерированный на сайте </div></div></b:if>
Надпись “Веселые Кнопки! Понравилась статья? Поделитесь с друзьями: “ придумана от фонаря – можете написать что-то свое , эта надпись будет отображаться под каждой статьей над кнопками добавить сайт в закладки.так же для оформления панели также перед ]]></b:skin> вставить такой код :
#share42 {
display: inline-block;
padding: 6px 0 0 6px;
background: #FFF;
border: 1px solid #E9E9E9;
border-radius: 4px;
}
#share42:hover {
background: #F6F6F6;
border: 1px solid #D4D4D4;
box-shadow: 0 0 5px #DDD;
}
#share42 a {opacity: 0.5;}
#share42:hover a {opacity: 0.7}
#share42 a:hover {opacity: 1}
Готово.display: inline-block;
padding: 6px 0 0 6px;
background: #FFF;
border: 1px solid #E9E9E9;
border-radius: 4px;
}
#share42:hover {
background: #F6F6F6;
border: 1px solid #D4D4D4;
box-shadow: 0 0 5px #DDD;
}
#share42 a {opacity: 0.5;}
#share42:hover a {opacity: 0.7}
#share42 a:hover {opacity: 1}
Также читайте кнопка вверх на страницы Blogger
кнопки закладок, добавить сайт в закладки
|
Хотите получать свежие статьи на свой E-mail ? |
|