Полезные гаджеты для блога на Blogger | ЭВМщик

Полезные гаджеты для блога на Blogger | ЭВМщик Гаджет
Содержание
  1. Как внедрить виджет на blogger веб-сайт чтобы интегрировать инструмент, просмотрите инструкцию.
  2. Почему виджеты elfsight одни из лучших?
  3. Что такое виджеты
  4. Что такое гаджеты
  5. — «архив блога». а выше находится контейнер div, который и является контейнером всего гаджета архива. контейнер гаджета можно узнать потому, что у него всегда идет класс «widget», и через пробел написано название гаджета. в данном случае это «blogarchive». если вы на строке с этим контейнером щелкните слева по значку «-«, то есть свернете этот контейнер, то увидите, что он находится на одном уровне с другими подобными контейнерами, которые все имеют класс widget, и через пробел — уникальное название гаджета. на нашем скриншоте мы видим выше такие гаджеты, как «widget label» (гаджет ярлыков или рубрик), «widget followbyemail» (подписка на рассылку), «widget linklist» (список ссылок), «widget text» (текстовый гаджет) и «widget profile» (гаджет автора блога).
  6. Как правильно прописать тип страницы — последнее, что мы разберем сегодня. Тут вам все станет понятно из следующего списка:
  7. Когда код гаджета найден, и точно определены его начало и конец, можно добавить к нему условие. Для этого заключим содержимое гаджета в условие по следующей схеме:
  8. 10 товаров для видеоблогера
  9. 5 первоочередных гаджетов для видеоблогера
  10. Блок виджетов blogger после сообщений
  11. Блок: форма подписки по почте; похожие сообщения без картинок и соцкнопки
  12. Виджет для blogger случайные сообщения
  13. Виджет: случайные сообщения, горизонтальный с картинками
  14. Гаджеты, виджеты и иже с ними
  15. Как создать динамический заголовок блога
  16. Как установить гаджет (виджет) в blogger (blogspot)
  17. Меняем стиль комментариев в блоге blogger
  18. Подписка по e-mail — виджет blogger
  19. Полезные гаджеты для блога на blogger | эвмщик
  20. Убрать гаджет blogger с определённой страницы.
  21. Увеличить ширину всего блога.

Как внедрить виджет на blogger веб-сайт
чтобы интегрировать инструмент, просмотрите инструкцию.

  1. Откройте необходимый плагин и укажите подходящие настройки. Сохраните.
  2. Добавьте код расширения на ваш ресурс.
  3. Готово! Вы успешно добавили расширение.

Если вам нужен совет, вы можете обратиться к команде поддержки Elfsight.

Почему виджеты elfsight одни из лучших?

Изучите список главных преимуществ наших виджетов, они помогают нам опережать соперников:

  • Бесплатная помощь в интеграции любого виджета;
  • Автоматическая адаптация ко всем размерам экрана;
  • Знания программирования не требуются;
  • Богатые возможности стиля интерфейса;
  • Облачный сервис позволяет увеличить скорость работы;
  • Постоянные бесплатные обновления;
  • Реальная поддержка клиентов по любым проблемам;
Гаджет:  Моя идея для вторых гаджетов(без количества зарядов) | Fandom

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

Что такое виджеты

Если с гаджетами все понятно, то виджеты понятие растяжимое. В блогах и на сайтах используются веб виджеты.

Веб виджет —это приложение, а точнее код . Это могут быть коды : JavaScript, Adobe Flash, НTML СSS, которые можно вставить в html cтраницу.

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

Что такое гаджеты

Гаджет — это маленькое приспособление, которое облегчает повседневную жизнь человека. Гаджеты используются повсеместно и в самых разных сферах. Все что нас окружает: музыкальный плеер, электронная книга, цифровой фотоаппарат, смартфон, коммуникатор, игровые приставки, электронные пластыри, спортивные девайсы и много другое и есть гаджеты.

Самые распространенные гаджеты-USB гаджеты. Это небольшие приспособления, которые подключаются через USB-порт: кружка c подогревателем, пепельница, мини холодильник, пылесос для клавиатуры , коврик для мыши с подогревом, зимние электрические тапочки-грелки, коврик для ног с подогревом, перчатки для работы с компьютером с подогревом, вентилятор, мышь на палец, подсветка для клавиатуры и много еще маленьких прикольных нужных и не нужных штучек-безделушек. К примеру USB-мини холодильник вещь нужная:)

Гаджет Usb Холодильник
Фото Гаджет Usb Холодильник

Разработчики Windows своим веб приложениям дали название гаджет. А поисковая система Яндекс аналогичные приложения называет виджеты. Посмотрите сами на наглядных примерах:

— «архив блога». а выше находится контейнер div, который и является контейнером всего гаджета архива. контейнер гаджета можно узнать потому, что у него всегда идет класс «widget», и через пробел написано название гаджета. в данном случае это «blogarchive». если вы на строке с этим контейнером щелкните слева по значку «-«, то есть свернете этот контейнер, то увидите, что он находится на одном уровне с другими подобными контейнерами, которые все имеют класс widget, и через пробел — уникальное название гаджета. на нашем скриншоте мы видим выше такие гаджеты, как «widget label» (гаджет ярлыков или рубрик), «widget followbyemail» (подписка на рассылку), «widget linklist» (список ссылок), «widget text» (текстовый гаджет) и «widget profile» (гаджет автора блога).

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

В итоге, нам нужен уникальный id нашего гаджета. Не класс, а именно id! Если у вас на странице есть два гаджета одного типа (а это очень вероятно, особенно если вы используете гаджет html/javascript), то у них будет одинаковый класс «widget HTML».

Гаджет:  Что делать, если компьютер не видит телефон через USB-порт

Два гаджета одного класса можно отличить по id. он то нам и нужен. В той же строке контейнера, где записан класс гаджета, записан и его id. Как правило, это тот же уникальный класс, только вместе с порядковым номером. Например «HTML1» или «Text3».

Данный способ немного сложноват и предполагает наличие хотя бы базовых знаний html, зато позволяет вам использовать его и в других ситуациях. Например, когда нужно правильно определить какой-нибудь лишний кусок дизайна, который хочется удалить.

Способ 2. Еще один более простой способ узнать id гаджета заключается в следующем — на вкладке «Дизайн» в административной панели блоггера открываете нужный вам гаджет и увеличиваете окно на весь экран, чтобы видеть полностью адресную строку:

В конце адреса страницы, после слов widgetid и знака «=» будет нужный нам id нашего гаджета!

Копируем id гаджета, идем в html-редактор шаблона и с помощью поиска (CTRL F) находим код нашего гаджета.

[box type=»warning»] Перед работой с html-кодом шаблона не забываем делать резервную копию![/box]

Код гаджет имеет примерно такой вид:

[содержимое виджета]

То есть идут две строки открывающие гаджет, потом идет само содержимое, и в конце — две строки закрывающие гаджет.

Например для гаджета профиля в моем блоге используется такой код:

Как правильно прописать тип страницы — последнее, что мы разберем сегодня. Тут вам все станет понятно из следующего списка:

1. Показ только для главной страницы:

[box type=»warning»] Обратите внимание, что, если вы используете какую-то другую страницу вместо главной, то нужно будет прописать полный адрес используемой страницы (см. 7 пункт)[/box]

2. Показ только для страниц сообщений:

3. Показ только для страниц архива:

4. Показ только для статичных страниц:

5. Показ только для главной и для страниц ярлыков:

6. Показ  для статичных страниц и страниц сообщений:

7. Показ только для определенной пользователем страницы (нужно вставить полный адрес страницы):

Ну и конечно, каждое из эти условий можно применить наоборот, если вместо двойного равенства поставить «!=».

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


[содержимое виджета]


То есть после первых двух строк, начиная со строки <b:widget…, вам нужно поставить условие, и перед последними двумя строками, начиная с

Гаджет:  Славяно-Арийские часы

Разберем сам код условия:

Слово «if» указывает на условие. После кода «data:blog.pageType» указывается тип страницы, для которого должно быть выполнено условие. То есть, если мы находится на этой странице, то гаджет будет показан. А на всех остальных страницах он будет скрыт.

Предположим, что мы хотим выводить гаджет везде, кроме определенных страниц. Что нам теперь делать — прописать в условие все страницы, где он будет выводиться? Это может быть очень утомительным. Для этого есть обратное условие. В этом случае после «data:blog.

pageType» будет не двойной знак равенства, который указывает на тождество условия заданному типу страницы, а вот такой знак: «!=», который указывает на то, что условие будет работать только в случае неравенства. То есть гаджет будет выводится только в том случае, если мы находимся на любой странице, отличной от указанной в условии. Можно использовать оба эти способа, в зависимости от ситуации.

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

10 товаров для видеоблогера

Тимур Сидельников ведет cвой популярный блог на YouTube уже 10 лет. Мы попросили рассказать, какими гаджетами он пользуется для создания контента – получилась классная подборка как для новичков, так и опытных видеоблогеров.

5 первоочередных гаджетов для видеоблогера

Сейчас, когда всё более распространённым становится формат трансляций (стримов), можно ненароком и забыть, что обычно немалую роль в подготовке видеоролика занимает монтаж. Даже если технически можно выгрузить видео прямо сразу после съёмки в интернет, это не всегда хорошая идея. Вырезать все ляпы, добавить эффектов, наложить звук — для всего этого нужен компьютер. Не обязательно настольный. Это может быть и ноутбук, лишь бы не слишком «слабый». И дело тут не в бренде, ведь и у Apple есть модели, которые отличаются по производительности просто разительно. А чем мощнее компьютер или лаптоп, тем более комфортно будет монтировать, и тем быстрее будет готов финальный ролик.

Блок виджетов blogger после сообщений

Я даже не знаю, как этот виджет назвать. Назову его многофункциональным виджетом три в одном. Вот он супер красивый блоггеровский виджет:

Blogger виджет
Блок Blogger виджетов

Блок: форма подписки по почте; похожие сообщения без картинок и соцкнопки

Многофункциональный виджет для Blogger вам должен понравится, он просто красава. Смотрите какой он, английский не бойтесь, у вас будет русский язык:

Супер виджет
Супер виджет для блога Blogger

Виджет для blogger случайные сообщения

Раньше я уже затрагивал эту тему, но в связи с тем, что доступ к скрипту был закрыт ( причина неизвестна) и виджеты перестали работать, предлагаю вам другие. Первым у нас пойдет гаджет случайные статьи без картинок, уверен Вы знаете, как работает данный виджет.

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

vidzhet-sluchajnye-soobschenija
Виджет случайные статьи без картинок

Случайные сообщения без картинок занимают меньше места на боковой панели блога, чем с картинками. Установка обычная, как и всегда. Стили устанавливаем в шаблон блога чуть выше строчки ]]></b:skin>, а сам код в незаменимый гаджет Html/JavaScript.

Стиль CSS:

Виджет: случайные сообщения, горизонтальный с картинками

widget-random-post-horizontal
Виджет: случайные сообщения, горизонтальный с миниатюрами

Инструкция установки такая. Сначала добавляем стиль для гаджета:

Гаджеты, виджеты и иже с ними

ПОСЛЕДНИЕ АНОНСЫ РАЗДЕЛА:

Здесь вы найдете все, что поможет вашему детищу, — а я говорю о вашем блоге, в частности о Blogger, обрести уникальный вид и стать максимально функциональным. Все гаджеты и виджеты, представленные здесь, помогут воспользоваться в полной мере всей мощью платформы Blogspot. Просто выберите требуемый гаджет в одной из рубрик и установите себе в блог, следуя описанию установки. При возникновении вопросов отпишитесь в комментариях, — советчик из меня плохой, но проблемы с установкой, думаю, мы решим 😉

В меру своих тщедушных сил и частоты магнитных бурь я стараюсь пополнять коллекцию.


ПОИСК:

Поиск является неотъемлемой частью блога, особенно важен он для больших порталов и новостных блогов. В этой рубрике представлены несколько гаджетов поиска, рассмотрена также установка форм поиска от Яндекс и Google.

ОБЛАКО ТЕГОВ:
Эти гаджеты призваны заменить скучные и однотипные ярлыки ваших сообщений на симпатичные и удобные рубрики в виде красочных облаков меток.

СТАТЬИ:
Гаджеты похожих статей удержат читателей на вашем блоге после прочтения очередного поста.

КНОПКИ СОЦ. СЕТЕЙ:
В последнее время значение социальных сетей трудно переоценить. В этой рубрике собраны методы наиболее удобной и органичной интеграции кнопок социальных сетей в блог.

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

МЕНЮ:
Попробуем заменить стандартные меню на нечто удивительное. Красивые выдвижные меню придадут вашему блогу оригинальность и сделают удобным для читателей перемещение по нему.

НАВИГАЦИЯ СТРАНИЦ:
Попытаемся заменить несколько унылое оформление навигации страниц в Blogger с помощью скриптовых гаджетов постраничной навигации.

ОЦЕНКА ПОСТА:
Гаджеты для тех, кто интересуется мнением читателей. Предложите оценить им написанную статью и узнайте какую информацию они хотели бы видеть в вашем блоге.

КОММЕНТАРИЙ:
Колдуем над стандартной формой комментариев Blogger, придавая ей изысканность и функциональность. Потом плюем и устанавливаем новый сервис комментариев.

ОБРАТНАЯ СВЯЗЬ:
Устанавливаем хрупкий мост к читателям с помощью гаджетов и сервисов обратной связи.

КАЛЕНДАРЬ (АРХИВ):
Настраиваем и улучшаем родной виджет Архива в блоге. При барских замашках выбираем гаджеты календарей от сторонних разработчиков.

Как создать динамический заголовок блога

Суть такая, на главной странице блога отображается название его как есть, а при просмотре сообщения, заголовок блога превращается в название той статьи которую читаешь. Я такое видел на зарубежных блогах, пишут, что это полезно для SEO. Блин, объяснить не могу как следует. Скрин главной страницы демо блога. Название Демо блог:

Fungsi-Dinamik-Heading
Как создать динамический заголовок блога

Скрин когда читаю статью, заголовок (вверху) закрыт от индексации поисковика:

Dinamik- Heading
Динамичный заголовок

Как установить гаджет (виджет) в blogger (blogspot)

По умолчанию в блоггер встроены стандартные гаджеты:

«Ярлыки», «Страницы», «Поиск в блоге» , «Популярные сообщения», «Форма для связи», «Постоянные читатели». Перечислила самые основные.

Как добавить стандартный гаджет в блог::

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

Что бы установить гаджеты «Форма для связи», «Постоянные читатели» выбираем в меню слева «Другие гаджеты».

Все остальные коды и веб приложения вставляются в блоггер через гаджет HTML/JavaScript. Дизайн > Добавить гаджет. Из списка выбираем HTML/JavaScript, вставляем в окно код и сохраняем.Что бы установить гаджет в нужное место, захватываем левой кнопкой мышки и перемещаем ( тянем ), нажимаем вверху меню справа от названия блога «Сохранить расположение».

Как сделать 2 гаджета в шапке блога читайте в моем блоге.

Меняем стиль комментариев в блоге blogger

Можно установить, чтобы было вот так:

Counter- comment
Новый стиль для комментариев

Стиль CSS:

Подписка по e-mail — виджет blogger

Выглядеть он будет так, симпатично:

Форма подписки
Форма подписка по почте

Установить такой виджет и другие, представленные ниже, можно с помощью нашего любимого, и не заменимого гаджета HTML/JavaScript. Вставьте в его поле такой код:

Полезные гаджеты для блога на blogger | эвмщик

Постоянные читатели — этот модуль позволяет организовать сообщество подписчиков вашего блога, по средствам взаимоподписок.

Опрос — если вам необходимо создать опрос на блоге, или голосование.

Кнопка 1 —  Кнопка которая позволяет одним нажатие порекомендовать ваш блог в социальной сети Google

Переводчик — позволяет организовать многоязычность блога, перевести его на другие языки

Популярные сообщения — отображает список самых популярных записей блога.

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

Панель видео — позволяет вашим читателям смотреть видео YouTube, не покидая страницу блога.

22 февраля 2021, 14:15

Убрать гаджет blogger с определённой страницы.

Расположением гаджетов на определённых страницах можно управлять. То есть, скажем, разместить гаджет «Архив блога» на всех страницах, кроме Главной. Находим соответствующий код («Дизайн»-«Изменить HTML»-«Ctrl F»):

Увеличить ширину всего блога.

  1. «Дизайн»-«Дизайнер шаблонов»-«Дизайн»-«Изменение ширины». Увы, более 1000px сделать здесь не удастся. Поэтому запоминаем установленную цифру всего блога.
  2. Переходим на вкладку «Изменить HTML», ищем заданную цифру (CTRL F), меняем её на необходимый размер.

У меня код, отвечающего за размер блога выглядит следующим образом:

Оцените статью
GadgetManiac
Добавить комментарий