Виджеты/гаджеты для Blogger/blogspot

Всем привет! Такая конкуренция в последнее время идет - все начали о Blogger  писать. Что делать? Разве мне угнаться за молодыми, хотя, как говорится: старый конь борозды не испортит. Может и я ещё пригожусь. Ведь главное - Blogger/blogspot продолжает быть популярной бесплатной платформой для ведения блога, а значит и будут посетители.

Сегодня представлю вам набор полезных виджетов/гаджетов для Blogger/blogspot и кой какие интересные трюки. Надеюсь кому нибудь пригодится.

Blogger
Виджеты для платформы Blogger

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

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

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

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

Стиль CSS:

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

Код HTML:

Замените решётки адресом своего блога и число выводимых сообщений. Следующий виджет случайных постов с картинками:

vidzhet-blogger-sluchajnye-stati
Виджет случайных постов с картинками

Такой виджет устанавливаем с помощью гаджета Html/JavaScript. Такой код:

Настройка виджета: размер картинки по умолчанию 36 на 36, вывод постов 5 и т. п. Продолжим.

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

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

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

Далее, находим в шаблоне строчку </head> и вставляем чуть выше такой Script:

<script type="text/javascript" src="здесь ссылка на скрипт"></script>

Сам скрипт скачайте здесь и залейте его на свой хостинг, а ссылку на него вставьте в строчку. В последнее время я не даю ссылки со своего хостинга, много установок происходит, плюс распространяют виджеты и много обращений к скрипту происходит. В следствии чего, хостинг закрывает доступ, поэтому всегда надо сохранять сценарии у себя, во избежании недоразумений. Затем в шаблоне найдите строчку такую или похожую <div class='footer-wrapper'> и вставьте такой код:

  Если не получится, тогда с помощью гаджета HTML/Javascript:

Blogger-blogspot
Установка с помощью гаджета HTML/Javascript

Пока с виджетами закончим. Перейдем к небольшим трюкам.

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

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

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

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

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

Пройдите посмотрите как меняется заголовок блога. Ссылку кликабельной делать не буду, нажимайте на любую статью в блоге - http://demo-school-blogger.blogspot.ru/. Для того, чтобы сделать динамический заголовок блога, найдите в шаблоне такую строчку - <b:include name='title'/> таких строчек может от двух до четыре. Замените найденную строку этим кодом:

Я заменил у себя третью строчку (всего три было) и все сработало. Идем дальше. Кому не нравится родной стиль комментариев Blogger, тогда:

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

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

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

Стиль CSS:

Все, готово.

Как создать красивый фон с анимацией для цитат (blockquote) Blogger

blockquote-animasi
Красивый фон с анимацией для цитат

Посмотреть как работает можно тут - http://wp-demoblogger.blogspot.ru/2014/01/seo-optimizacija-sajtov-dlja-poiskovyh.html наведите мышкой на цитату. Если нужна такая фишка, пожалуйста стиль для неё:

Как пользоваться? Нужный текст в сообщение в режиме html заключаем в теги <blockquote> здесь текст цитаты </blockquote>.

На сегодня пока все. Если дошли до конца этого поста - молодцы. До новых встреч. А комментарии где, ребята и девчата?

Всего доброго, Сергей



Комментарии

  • Спасибо, Сергей, как всегда очень полезная информация…только у меня сегодня такой траурный день, что я сижу в полной прострации…сегодня гугл отключил три мои самые посещаемые блога за использование якобы вредоносного ПО на них…такое случилось впервые за 15 лет использования мною платформы блоггер…конечно я заказала проверку, потому что все мои блоги используют одно и то же ПО…и в последний год я ничего на них не добавляла…даже если проверка пройдет успешно, и блоги снова подключат…меня это совершенно не радует…за это время я потеряю массу трафика…если учесть, что эти блоги имеют у меня сотни внешних ссылок…да и потом вообще после этого я уже не смогу быть спокойна в дальнейшем…(((

    Неужели придется опять переходить на WP?…это ужасно…Сергей, кажется, вы где-то писали о том, что перенести содержимое блогов с блоггера на вордпресс не сложно…это так?…я не ошибаюсь?…дайте ссылочку пожалуйста, если это так…

    • Привет, Каролина! Сейчас специально проверил свои блоггеровские блоги, так я и думал, один заблокировали. Особо за него не переживаю, просто от несправедливости распирает от злости. Я хорошо представляю ваше состояние, сам побывал в такой ситуации. Конечно у вас ситуация не сравнима с моей, она у вас намного хуже. Столько труда было вложено и вот итог.

      Каролина, отчаиваться не надо, это ещё не конец жизни. Все будет хорошо. Если блоги разблокируют вот ссылка, как импортировать записи и комментарии из Blogger на WordPress — http://wordpressmania.ru/perenos-import-bloga-s-blogger-na-wordpress/ Обращайтесь, если потребуется за помощью, я к вашим услугам. Каролина, предлагаю вам написать пост у меня в блоге об вашей ситуации. У вас это хорошо получится. Предупредить пользователей, чтобы (не обязательно бежать с блоггер) делать обязательный бекап своего блога. Это было бы замечательно. Если согласны, я дам такую возможность вам. Жду ответа здесь или напишите на почту: zagulyaevsv@gmail.com

  • О! Спасибо за ссылку…только один вопрос…это будет полный импорт или просто трансляция?…я имею в виду, что их нахождение на WP после импорта будет зависеть от дальнейшего состояния блога на блоггере?

    Насчет статьи…если хотите, то можете забрать все мои статьи с блога «Социальные сети и профессиональный блоггинг» при условии сохранения авторства…я хочу закрыть этот блог, и жалко, что они пропадут просто так…насчет нового сообщения, то я пока не знаю, что собственно написать, пока не будет окончена эта проверка…сама то я точно уйду с блоггера…людям, которые ведут блоги для удовольствия, я не советовала бы уходить…это прекрасная платформа…и любое недоразумение будет разрешено, если люди не нарушают Соглашение…но я то делаю бизнес на своих блогах, поэтому повторение подобной ситуации для меня болезненно…так что я сейчас же сажусь писать шаблоны для новых блогов на WP и буду переводить свои блоги на платный хостинг…(((…хотя мне и до слез жаль прощаться с гуглом…очень уж удобная платформа…(((

    • Я нашел причину.Все дело в архиве блога.Скрипт от абу фархана.Удали если он у тебя установлен.Я чуть позже отвечу тебе а то с телефона не удобно писать.

      • Да, установлен…сейчас пойду удалять…спасибо…))

        • Каролина, не стандартный виджет архив блога, а архив на отдельной страницы. Как там у вас? Не передумали? Статьи на WP после импорта будут конечно на постоянной основе. Это все равно, что Вы их написали там.

          • Да, я поняла, что на отдельной странице, у меня именно такой и стоит…я у вас как раз его и слизала…он мне очень понравился…удалила его, но пока никакой реакции…

            Нет, не передумала…буду уходить на WP…я вообще-то подумывала об этом и раньше по мере развития блогов…как-то было стремно, что я не распоряжаюсь хостингом…мало ли что…однако я 15 лет веду блоги на блоггере и никогда ничего подобного не случалось…правда большую часть времени я вела их не профессионально…просто для удовольствия…так ведь заблокировали именно профессиональные блоги…сразу три…вот что обидно…не хочу больше пережить подобное…а теперь я буду постоянно этого опасаться…так еще неизвестно, включат ли их…(((

            Что вы решили насчет статей из моего блога «Социальные сети и профессиональный блоггинг»? Нужны они вам?…мне хочется сохранить авторство на всякий случай…я одно время хотела написать курс на продажу «Профессиональный блоггинг», чтобы потом не считали его плагиатом…если соберусь конечно…но что-то сильно сомневаюсь, что соберусь…))…а этот блог все равно хочу удалить, так как ушла из ниши, а приходится постоянно отвечать на вопросы читателей…ну и жалко статьи…напишите мне в почту, если надумаете…

  • Каролина, сейчас вам на почту напишу.

  • Статьи у вас классные, и все всегда нахожу что ищу.. спасибо. По поводу этого аби виджетов, сегодня многих покосило, я тоже не исключение и это был мой единственный блог с пузомеркой 🙁 , а блог не удаляйте, оставьте как для справочного материала, а то путных кодов и объяснений и не найти. А также, могу принять в дар 😉

    • Привет, Андрей! Да, пострадали многие. Виджеты Абу Фархана отличные, виновата ссылка на его сайт, прикрепленная в самом скрипте. Не было бы её и не было бы проблем. Google по ошибке считает, что посетители переходят на заблокированный сайт, он же робот,который всегда будет ошибаться.

      А Вы про какой блог говорите, не удалять?

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

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

    Мораль: с блоггера бежать не надо…все решаемо…))…однако я все равно создам алиасы на платном хостинге…)

    Всем успехов!..)

  • Хорошо. когда всё собрано в одном месте много информации. А то зачастую по одному виджету описывают и приходится собирать информацию в кучу. Особенно, когда только начинаешь создавать блог.
    Спасибо.

  • Скажите, а где размещать этот стиль CSS ?

  • Сергей я по поводу скрипта случайных сообщений. Мне понравился вариант — горизонтальный, только я не знаю как залить скрипт на свой хостинг, я его сохранила у себя на Яндекс диске, но как его открыть?

  • Добрый день Сергей! очень нравится ваш сайт, подскажите пожалуйста, на странице под ПОНРАВИЛАСЬ СТАТЬЯ? ПОДЕЛИСЬ С ДРУЗЬЯМИ! у вас две серые колонки со стрелками с сообщениями, нажимая переходишь на эту страницу, хочется такое же установить? С уважением к вашему труду и к вам Тата!

  • Это конечно все замечательно.
    Но в вашей инструкции есть «дыра» в моменте когда объясняете про «Меняем стиль комментариев в блоге Blogger».
    Вы привели код самого стиля CSS, а вот что с ним делать не написали.
    Толи его добавлять как гаджет, то ли нужно искать куда его засунуть в шаблоне. Вообщем, если не сложно раскройте этот вопрос.

    • Выше же написано -Установка обычная, как и всегда. Стили CSS устанавливаем в шаблон блога чуть выше строчки (такой то строки). Все коды CSS устанавливаются одинаково: в сам шаблон блога или через Конструктор тем Blogger — Дополнительно — Добавить CSS, хоть для виджета, хоть если надо поменять оформление какого то элемента в блоге. 🙂

      • Да, спасибо. Нашел уже, это указано в начале статьи, которое я обычно не читаю.

  • Странная система комментариев здесь.
    Совершенно не ясно оставил ты комент или нет, т.е кнопку «отправить комментарий» я нажал, а вот сообщения об успешной отправке не было.
    Коменты я так понимают проходят премодерацию.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Решите задачку: *