2013-04-24 07:03:37
... спешу поделиться новым виджетом. Виджет для blogger: ... куда хотите установить виджет. Нажимаем Дизайн ...
+ развернуть текстсохранённая копия
Приветик всем! Только с вами попрощался, а я уже спешу поделиться новым виджетом. Виджет для blogger: последние сообщения с зумом. Это когда наводишь курсором мышки на виджет последних статей, он увеличивается в размерах. Смотрится очень красиво и эффектно.
Как обычно можно работу гаджета, я демонстрирую в демо блоге. Проверяем здесь. Кому подходит прошу следовать моей инструкции.
Установка очень лёгкая. Заходим в панель управление blogger. Выбираем блог, куда хотите установить виджет. Нажимаем Дизайн - Добавить гаджет HTLM/JavaScript на боковой панели и в его поле копируем следующий код:
<center><img src="http://s17.postimage.org/k5qi3xfkb/recent.jpg" width="145" height="43" alt="Последние сообщения" /></center>
<style type="text/css">
img.recent_thumb {padding:1px;width:55px;height:55px;border:0;float:left;margin:10px; border:1px solid #ccc;
border-bottom:3px solid #87CEEB;
...
Share42 - это абсолютно бесплатный сервис, дающий возможность сгенерирровать скрипт социальных кнопок и закладок для Вашего интернет ресурса. Который в свою очередь позволит Вашим посетителям опубликовывать ссылки на ваши статьи в своих аккаунтах социальных сетей и закладок.
Рассмотрим следующие преимущества сервиса Share42 над другими его конкурентами:
- Красивые, уникальные иконки. Они выполнены в едином и неповторимом стиле и смотрятся очень красиво.
- Маленький размер, вес. Для уменьшения нагрузки на Ваш сайт или блог код скрипта был максимально оптимизирован. В добавок скрипт кэшируется браузером, что в свою очередь позволяет ускорить повторную его загрузку.
- Легкая установка скрипта на ваш ресурс. Достаточно скачать скрипт, загрузить на сайт или на бесплатный хостинг. И подключить его к сайту или блогу.
- Полное отсутствие лишних ссылок. Все ссылки обрабатываются при помощи JavaScriptа, поэтому после установки JavaScriptа количество исходящих ссылок с вашего сайта не увеличится.
- Минимум HTML-кода. В шаблон сайта вставляется всего две строки HTML кода, а остальной HTML-код кнопок формируется при помощи JavaScriptа.
- Можно установить практически на любой сайт. Скрипт универсален и работает на любом ресурсе, у которого есть поддержка FTP-доступа.
- Используется всего одно изображение. Что позволяет значительно уменьшить количество запросов к серверу вашего сайта.
- Вы сами можете выбирать количество социальных сетей и закладок, которые будут у Вас отображаться.
Итак переходим к главному - к выбору необходимого количества социальных сетей и закладок на Share42. И установки их на своем сайте или блоге.
Share42.
Увеличить
Выбираем необходимые настройки для наших кнопок социальных сетей и закладок: - Размер иконок. Можно выбрать следующие размеры: 32x32, 24x24 и 16x16 пикселя.
- Выбираем какие именно сервисы социальных сетей и закладок Вы хотели бы видеть на своём сайте или блоге. Для выбора или отмены Вам достаточно просто кликнуть по необходимой кнопке (она выделится пунктиром). Обратите внимание, можно выбрать все сервисы всего одним кликом. И менять порядок кнопок, простым перетаскиванием.
- Указываем дополнительные опции.
Увеличить
Далее для просмотра варианта Ваших кнопок, нажимаем на "Посмотрите, как это будет выглядеть". Если что - то не понравилось, просто изменяем свой выбор. А если все нормально нажимаем на кнопку "скачайте готовый скрипт". И сохраняем его у себя на ПК.
Теперь осталось только установить кнопки социальных сетей и закладок от Share42 на свой блог.
Увеличить
Загружаете файлы из папки "Share42" на любой доступный Вам хостинг. Я лично использую бесплатный сервис от Google - sites.google.com.
После чего в 4-ом пункте для Blogger необходимо выбрать "Любой сайт" и получим вот такой код скрипта:
Обязательно в коде нужно заменить ссылку выделенную красным, на свою. Обратите внимание ссылка должна заканчиваться на .js, все лишние убираем.
Теперь приступаем к установке в свой блог код кнопки социальных сетей. Для этого переходим в настройки блога, выбираем вкладку "Шаблон",нажимаем на кнопку "Изменить шаблон". Ставим галочку "Расширить шаблоны виджета". При помощи комбинации кнопок (Ctrl+F) ищем вот такую строку <data:post.body/>. После неё вставляем код указанный ниже:
<b:if cond='data:blog.pageType == "item"'> Здесь ваш код скрипта </b:if>
Далее в шаблон можно добавить стили CSS для кнопок (это можно не делать). Находим в шаблоне ]]></b:skin> и перед этой строкой вставляем следующий код:
После чего нажимаем на кнопку "Просмотр", если всё в порядке - "Сохранить шаблон".
Вот мы и установили Кнопки социальных сетей и закладок от Share42.
Смотрите также: - Где создать блог - Создать блог на Blogger - Как изменить шаблон в Blogger - Кнопки социальных сетей от Pluso - Кнопки социальных сетей от AddThis
2013-04-13 13:00:47
... сайт полезные инструменты – виджеты. В статье я ... о стандартных типах виджетов, которые можно... + развернуть текстсохранённая копия
Сегодня мы затронем интересную и обширную тему – плагины, которые позволяют добавлять на сайт полезные инструменты – виджеты. В статье я подробно расскажу о стандартных типах виджетов, которые можно...
Кликните на Заголовок статьи, чтобы прочитать полностью...
Автоматическая публикация сообщений для Blogger(а) в Facebook и Twitter и других социальных сетях. В наше время социальные сети играют важную роль SEO оптимизации и раскрутке любого интернет ресурса. Поэтому Вы можете увидеть гаджеты соц. сетей чуть ли не каждом сайте. У Вас есть реальная возможность увеличить входящий трафик посетителей из социальных сетей. Автоматически опубликовывая сообщения в них со своего блога.
Сегодня я Вам расскажу, как автоматически размещать анонсы постов Вашего блога на facebook, Twitter и некоторые других социальных сайтах, с использованием бесплатного сервиса Dlvr. Я так же использую данный сервис для отправки сообщений с моего блога в эти сервисы.
Почему Dlvr? Потому, что он очень простой в использовании, настройки и установке. Вы можете в любое время включить или выключить авто-публикации в любое время, когда Вы того пожелаете.
Dlvr;
Увеличить
Для регистрации указываем: - Свой Email адрес и придумываем пароль к учётной записи. Нажимаем "Sign up" (Зарегистрироваться). После этого зайдите в свой почтовый ящик и подтвердите регистрацию.
- После регистрации Вы будете перенаправлены на страницу, где нужно будет указать фид Своего сайта.
После того как указали канал, нажимаем "Next" (Далее). И переходим к выбору соц. сетей.
Увеличить
- Нажмите на иконку Twitter и вы будете перенаправлены на страницу входа. - Укажите имя пользователя в Вашем профиле, пароль и нажмите кнопку "Authorize app" (Авторизовать приложение). Теперь анонсы постов будут автоматически публиковаться на Twitter.
- Теперь нажмите на значок facebook. Вы будете перенаправлены на страницу входа, Авторизуйтесь.
- Аналогично для остальных социальных сервисов.
Настройте услуги на своё усмотрение.
Вот и всё, теперь анонсы сообщений с Вашего блога будут автоматически публиковаться в социальных сетях. И привлекать всё боьше и больше новых посетителей. Тем самым увеличивая популярность Вашего ресурса.
Смотрите также: - Гаджет - Ссылка на это сообщение - Кнопки социальных сетей от Pluso - Кнопки социальных сетей от AddThis - Кнопки социальных сетей и закладок от Share42 - Где создать блог - Создать блог на Blogger - Как изменить шаблон в Blogger - Закрыть внешние ссылки - Убрать внешние ссылки из Шаблона - Закрыть внешние ссылки от кнопок и гаджетов