Секрет заработка в интернете : Гаджеты для Blogger

Кнопка наверх для сайта

Очень полезна, когда вы уже посмотрели много материалов, а крутить валик мышки лень, то одно плавное нажатие на кнопку наверх Вас поднимет к самому началу. Данный метод успешно работает Вконтакте, когда вы прочитываете свои новости вы для быстроты перехода к своей странице щелкаете наверх. Очень удобно не правда ли? Удобно, а каким образом его можно соорудить на своем сайте. Все очень просто, Вам потребуется всего лишь готовый HTML скрипт, который Вам следует вставить в свой сайт и больше ни чего. Кнопка моментально появится, единственное Вам нужно выбрать какую из ниже перечисленных кнопок вы хотите установить на свой сайт.

Примеры кнопки наверх для сайта

Каждый пример содержит одну и ту же структуру, единственное отличие – это картинка, которая будет отображаться на Вашем сайте в правом нижнем углу. Вам нужно только подобрать изображение под Ваш сайт. Итак, поехали!

Пример 1:

Пример 2:

Пример 3:

Пример 4:

Пример 5:

Пример 6:

Пример 7:

Пример 8:

Пример 9:

Пример 10:

Пример 11:

Пример 12:

Пример 13:

Пример 14:

Пример 15:

На этом примеры мои закончены. Правда можно было бесконечно много примеров использовать, но остановимся на этих 15.

Куда установить кнопку наверх

Приведу примеры на основе сайтов и блога Blogger. Мне ближе всего Blogger, с него и начну.

Кнопка вверх для Blogger

Для установки кнопки наверх в Blogger нам потребуется открыть Панель инструментов – Дизайн – Создать новый гаджет – HTML/Javascript и вставить один из понравившихся примеров кнопки наверх. Сохраняем гаджет и обновляем страницу своего блога. Вот и все действия, легко.

___________________

Гаджет перевода текста на все языки Blogger (Блогспот). Я уверен, что есть те, кто заходит на наши сайты с другой страны, и мы все не можем читать и понимать все языки мира, и, как блоггер, я иногда хочу, чтобы перевести некоторые блоги с различных языков на русский. Обычный способ сделать это скопировать url страницы, и перевожу в google переводчике или в Яндекс переводчике. Вставляем url там, а затем нажимаем enter.

Мы можем все все эти меры провести напрямик, для наших иностранных посетителей, добавив большой Гаджет на наш блог .Это просто, нужно только скопировать приведенный ниже код.

Если вы хоть раз бывали в статистике Bloggera, то вы видели, что переходят с других стран на ваш блог. И именно для них вот этот блог перевода очень важен.

Этот гаджет является одним большим и лучшим переводчиком. Этот Гаджет автоматически переводит ваш блог, для ее читателей с выбранным языком. Поддержка в 12 различных языках мира, это - Английский, Французский, немецкий, Испанский, Итальянский, Голландский, Бразилии, Русский, Японский, Корейский, Арабский и Китайский. Куда бы вы его не добавляли, то произойдет авто настройка, независимо от того, куда вы добавили этот гаджет, все настроится под ваш шаблон блога.

Чтобы добавить Гаджет перевода текста на все языки в Блогпоте, нужно войти в приборную панель >> Дизайн >> Добавить Гаджеты и выбрать HTML/JavaScript.

Оставьте название пустым или введите любое название для вашего гаджета, и в область содержимого вставьте следующий код.

Сохраняем Гаджет и наблюдаем, что у нас получилось. На этом все. Ваш Гаджет работоспособный и теперь может переводить ваш блог на все 12 языков мира.

____________________

Слайдер картинок

Сегодня хочу вас научить, как добавить очень простой слайдер в боковой панели или в область вашей статьи Blogger Blogspot блога. Изображение слайдер позволит вам показать ваши изображения для читателей и привносит приятное дополнение к блогу. Когда читатель наводит курсор на изображение слайдера, то оно останавливается и возобновляется вновь, когда мышь отводиться от него. Данный слайдер можете просмотреть ниже.

Сложности в установке не должно возникнуть, даже если вы новичек Blogger я покажу вам, насколько легко его добавить в блог Блогспот посредством html.

Как добавить Слайдер в Боковой панели Blogger и в тексте статьи (обратите внимание, что код будет прокрутки изображения снизу вверх)

1. Выберите Дизайн > Элементы Страницы

2. Щелкните на Добавить Гаджет в боковой панели Blogger

3. Выберите HTML/Javascript элемент из списка доступных гаджетов

4. Вставьте следующий код в поле содержания гаджетов

<br /><br /><marquee behavior="scroll" direction="up" scrollamount="5" onmouseover="this.stop();" onmouseout="this.start();"><a href="url of blog"><img alt="description of image" width="160" src="url of image" height="110" /></a><p>Image title</p><a href="url of blog"><img alt="description of image" width="160" src="url of image" height="110" /></a><p>Image title</p><a href="url of blog"><img alt="description of image" width="160" src="url of image" height="110" /></a><p>Image title</p><a href="url of blog"><img alt="description of image" width="160" src="url of image" height="110" /></a><p>Image title</p><br /></marquee><br />

5. Добавить название виджета, если вы захотите

6. Заменить url вашего блога, описание ваших изображений, url-адрес изображения, и название изображения, для каждого изображения, которое вы хотите отобразить. Например:

<br /><br /><marquee behavior="scroll" direction="up" scrollamount="5" onmouseover="this.stop();" onmouseout="this.start();"><a href=" http://damir-tote.blogspot.com"><img alt="Шаблон блога" width="160" src=" http://2.bp.blogspot.com/-bphrPcAiMi0/TgQMt5_YVJI/AAAAAAAAA8k/oD-D--Uqi3o/s1600/%25D0%25A8%25D0%25B0%25D0%25B1%25D0%25BB%25D0%25BE%25D0%25BD+%25D0%25B1%25D0%25BB%25D0%25BE%25D0%25B3%25D0%25B0+damirtote.png " height="110" /></a><p>Блог damir-tote</p></marquee>

Данный код был продемонстрирован выше.

Думаю не сложно изменить url на свой блог и изображение.

7. Сохранить гаджет

8. Просмотрите полученный результат

Советы и Устранение неполадок

* Чтобы изменить направление слайдер

Пожалуйста, обратите внимание, что этот код будет прокрутки изображения снизу вверх. Если вы хотели бы, чтобы это прокрутить в обратном направлении, все, что вам нужно сделать, это изменить направление, в код от "вверх" "вниз". Или в качестве альтернативы вы можете прокручивать слева направо, при помощи установки "право" и справа налево с помощью "левых"

* Для увеличения размера изображения

Чтобы увеличить или уменьшить размер изображения, отображаемого просто настроить параметры высоты и ширины, чтобы удовлетворить ваши потребности

* Чтобы добавить больше изображений

Чтобы добавить несколько изображений добавьте следующий код в код перед </marquee>

<br /><br /><a href="http://"><img height="110" alt="description of image" src="" width="160" /></a> <p>Image title</p>

* Отрегулировать скорость прокрутки

Скорость прокрутки устанавливается с 5 по умолчанию, но любое число может быть установлено от 1 до 20, "1" – медленный, "20" - очень быстрый.

____________________

Анимированые закладки

Приветствую Вас читатели блога damir-tote.ru! Все привыкли к обычным социальным закладкам, а вы не хотите опробовать, что нибудь новое, уникальное? Представляю Вам анимированные социальные закладки для Blogger, которая расположена в углу вашего блога и при наведении курсора 6 иконок расплываются. Закладки представлены Pinterest, Google+, Facebook, Twitter, Tumblr и Email. Пример, как картинку вы можете наблюдать ниже.

Как добавить анимированные закладки

Запомните, перед тем, как вносить какие либо изменения в шаблоне блога, стоит сделать его резервную копию на всякий случай.

Шаг 1. В панели инструментов Blogger щелкаем выпадающее меню напротив изменяемого блога – Шаблон – Изменить HTML – Приступить – ставим галочку расширить виджеты.

Шаг 2. Находим с помощью клавиш Ctrl+F следующий фрагмент кода:

Шаг 3. Копируем ниже приведенный код и вставляем непосредственно перед тегом </body>

<div class='shr_ss shr_publisher'>

</div>

<script type='text/javascript'>

var SHRSS_Settings = {"shr_ss":{"src":"//dtym7iokkjlif.cloudfront.net/media/downloads/sassybookmark","link":"","service":"5,7,2,313,38,201,88,74","apikey":"b87f5899d80a5edce8b5e55f58542ef0f","localize":true,"shortener":"bitly","shortener_key":"","designer_toolTips":true,"tip_bg_color":"black","tip_text_color":"white","viewport":true,"twitter_template":"${title} - ${short_link} via @Shareaholic"}};

</script>

<script type='text/javascript'>

(function() {

var sb = document.createElement("script"); sb.type = "text/javascript";sb.async = true;

sb.src = ("https:" == document.location.protocol ? "https://dtym7iokkjlif.cloudfront.net" : "http://cdn.shareaholic.com") + "/media/js/jquery.shareaholic-publishers-ss.min.js";

var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(sb, s);

})();

</script><small><a href='http://vipbllog.blogspot.com/'>Анимированные закладки</a> - <a href='http://vipbllog.blogspot.com//'>Seo Blogger Блогспот</a></small>

Шаг 4. Жмем Просмотр, если все в порядке, то сохраняем шаблон и пользуемся.

Секрет заработка в интернете

Страницы

Гаджеты для Blogger