2017-01-27

Textual description of firstImageUrl

Chatovod.ru: создание чата

Пример чата для сайта от Chatovod:

Вы уже знакомы по моим прошлым статьям, как встроить чат в свой блог или сайт, используя сервисы cbox.ws и при помощи виджета от google. Это были примеры интеграции миничатов. Сегодня я расскажу о многофункциональном чате Chatovod. Самое главное, что этот чат можно легко встроить в свой блог на платформе Blogger (для других блогоплатформ чат не подходит).
Зачем нужен чат для сайта?

  • дополнительное привлечение аудитории,
  • удобный виджет поможет наладить вам связь с вашими читателями напрямую,
  • увеличивается время пребывания посетителей на вашем сайте.
Положительные моменты чата Chatovod:
  • сайт очень легко встраивается через html код на любой сайт, форум или на блог платформы Blogger,
  • чат очень быстрый, удобный и функциональный. В сообщения встраиваются смайлики, фото, видео. Возможность использовать аватаров пользователями. Отлаженная система модерирования, фотоальбомы, новости форума делают его привлекательнее в глазах пользователей. В чате Chatovod много и других “примочек”.
  • возможность подобрать дизайн под общее оформление вашего сайта.
  • Возможность заработка. Первый способ – отчисления за показ рекламы на вашем чате chatovod (35% от дохода системы), второй – это доход от платежей ваших пользователей (30% от платных подарков, VIP-статусов и пр.) и третий - это отчисления по партнерской программе (25% от дохода привлеченных партнеров).
  • возможность продвижения вашего чата,
  • если у вас серьезный проект, то вы можете приобрести чат версии Pro. Ознакомится с преимуществами Pro версии чата Chatovod вы можете по таблице:
таблица


Как создать чат chatovod.ru




  1. Перейдите на страницу создания чата для сайта. Здесь нажмите на кнопку “Создайте свой чат”
  2. создать_чат
  3. Далее вы попадете на страницу регистрации. Здесь вам нужно будет придумать название для вашего чата, указать адрес страницы чата, адрес электронной почты, ник администратора (т.е. ваш Подмигивающая рожица) и пароль. Через минуту на вашу почту придет письмо со ссылкой активации.
    создание_нового_чата
  4. Теперь вы полноправный владелец чата chatovod и можете встроить его на страницу своего сайта, блога или форума. Перейдите в панель управления вашим чатом (для этого нажмите на ссылку Мои чаты в левом верхнем углу сервиса). Здесь вы можете изменить дизайн вашего чата, настройки, назначить модераторов, а также получить html-код для встраивания чата на страницы сайта. Для Blogger подойдет любой код.панель_управления_чатом Вы можете испробовать мой чат Chatovod на странице этой записи.
Читать далее ...

2017-01-24

Textual description of firstImageUrl

Как писать наоборот и иwɐɹон хdǝʚʞ

как писать наоборот
Многие, наверное, видели статусы вконтакте наподобие:

перевернутый текст
Вот перечень сервисов онлайн, в которых вы можете перевернуть текст кверх ногами или написать задом наперед. Такие надписи вы можете делать не только в vk, но и в твиттере, facebook, google plus, youtube и даже в собственном блоге, а также в скайпе, mail агенте, в сообщениях электронной почты и еще много где.
¿ɯɔʞǝɯ wǝнdǝʚǝdǝu
Все генераторы поддерживают кириллицу. /*
https://olegon.ru/pr/flip.html
http://textinvert.ru/
http://unicode-table.com/ru/tools/flip/
http://vkontakte.doguran.ru/perevernutyj-tekst-vkontakte.php
http://flapps.ru/flip-text/
http://vk.com/fliptext
– приложение вконтакте
А вот и русский перевернутый алфавит:
ʁ ю є q ıq q m m Һ ц х ф ʎ ⊥ ɔ d u о н w v ʞ и и є ж ǝ ǝ 6 L ʚ g ɐ
перевернутый английский алфавит:
z ʎ x ʍ ʌ u ʇ s ɹ q p o u ɯ l ʞ ɾ ı ɥ ƃ ɟ ǝ p ɔ q ɐ
Про работу с текстом читайте также статьи
  1.  Программы для извлечения текста с картинки
  2. живой текст генераторы лайвтайпа
  3. написать на фото онлайн

У всех сервисов один принцип работы, поэтому я не буду обо всех рассказывать
Генератор перевернутого текста – textinvert.ru. В верхнем окне вы пишите свой текст, в среднем – текст отображается вверх ногами, и в нижнем – задом наперед.
как писать наоборот
http://vk.com/fliptext – приложение вк, в котором можно не только писать текст наоборот и переворачивать его, но и зачеркивать, подчеркивать и заключать в рамку |̳̿в̳̿о̳̿т̳̿ ̳̿т̳̿а̳̿к̳̿|. Удобно применять в социальных сетях, где нужно знать специальные теги форматирования.
вконтакте шрифт наоборот
Если вы активный пользователь android, то оцените приложение забавный создатель текста. Здесь можно писать не только наоборот, но и в кружочках, с забавными символами и эффектами и отправлять по смс, e-mail или публиковать в соцсетях.
приложение для перевернутого текста
и последний генератор с множеством функций работы над текстом - www.flipmytext.com/ . Здесь можно не только писать слова в обратном порядке или переворачивать, но и переставлять слова и обратный текст с перестановкой слов.
обратный текст
Я надеюсь, что вам понравился мой обзор. Теперь вы знаете как писать наоборот. ¡иҺǝdɯɔʚ оɓ
Читать далее ...

2017-01-22

Textual description of firstImageUrl

Как убрать виджеты из сообщений blogspot

убрать виджеты из сообщений blogspot
Сегодня я напишу статью о том, как убрать виджеты на отдельной странице блога, оставив их только на главной. Зачем это нужно? Вариантов может быть множество – это и расширение рабочего пространства на страницах и сообщениях блога,это и безболезненная вставка блока гугл адсенс в статью. Ведь как известно, правилами adsense допускается лишь 3 рекламных блока на странице. Однако у вас может быть размещено на главной уже 3 блока, и вы захотите дополнительно вставить рекламу в пост – в этом случае на странице записи реклама будет обрезаться, а вместо нее ваши читатели будут видеть некрасивое пустое поле. Для того, чтобы этого не происходило, нужно запретить показывать виджет с блоком рекламы google adsense на странице записи.
Рассмотрим подробнее как это сделать.

1. Во-первых, сделайте следующую временную меру – дайте всем виджетам, которые вы добавили в блог, свое уникальное название (каждый виджет blogspot под своим именем). Для этого идите во вкладку “Дизайн” и отредактируйте отдельные элементы страницы. Это в дальнейшем облегчит нам поиск по шаблону коды нужных виджетов. После редактирования кода шаблона, вы удалите все названия элементов.
название_виджета_blogspot
2. Перейдите в редактор кода шаблона блога. Расширьте шаблоны виджета, поставив галочку в соответствующем поле.
3. Теперь вам предстоит найти нужный код нужного виджета, просмотр которого вы хотите запретить на всех страницах, кроме главной. CTRL + F (поиск по странице) и в строку поиска введите название виджета, например “Страниц”, “Друзья” (без кавычек) и пр. Найденный код будет выглядеть примерно так:
<b:widget id='HTML1' locked='false' title='Последние записи' type='HTML'>
<b:includable id='main'>
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
То есть виджет будет заключаться между тегами <b:widget id='HTML1' locked='false' title='Название виджета' type='HTML'> и </b:includable>.
К вышеуказанному коду виджета вы должны добавить два фрагмента кода, как я сделала в примере ниже.
<b:widget id='HTML1' locked='false' title='Последние записи' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
Читать далее ...
Textual description of firstImageUrl

Создание Image Map (карты изображений)

Картинки со ссылкой в шапке сайта
Из этой статьи вы узнаете, как сделать кликабельные картинки в шапке сайта с помощью Image Map (карты изображений html). Таким образом можно вставить иконки социальных сетей в шапку сайта или блога, создать навигацию, менб в header или в баннере, сделать галерею изображений и многое другое.
Читать далее ...

2017-01-17

Textual description of firstImageUrl

Как повысить цену клика в Google Adsense

Как повысить цену клика в Google Adsense
В последнее время многие отмечают, что цена за клик в Google Adsense падает. Конечно, это закономерно, так как падает рубль по отношению к доллару, и большинству рекламодателей невыгодно покупать рекламу по завышенным ценам. Но в то же время грустно смотреть на падающие доходы в своем аккаунте.
В помощь вам придет также моя статья Google Adsense для заработка – большой материал о размещении блоков, о повышении CTR и др.
Читайте также как вставить адсенсе в blogger без кодов и мобильный adsense для blogspot поможет вам монетизировать мобильный трафик.
Как бороться с дешевыми кликами и как удалить такие рекламные блоки со своих сайтах. Конечно, действовать придется эмпирически – убирать поочередно те или иные блоки рекламы и наблюдать за изменениями дохода. Порядок действий: мы будем убирать рекламные блоки сайтов:/*
  • МФА-сайтов – целью которых является заработок на контекстной рекламе,
  • ГС – сайты, зарабатывающие на продаже ссылок,
  • Рекламу, содержащую реферальные ссылки. В этом случае ссылка будет иметь вид: http://имя сайта.ru?ref=3280973 или http://имя сайта/content/view/308?idpartner=42608 и другие ссылки с идентификаторами и/или цифрами в конце.
  • сайты с бесплатными программами
  • ссылки на аккаунты социальных сетей, например, на канал youtube или группу vk.
  • сайты, несоответствующие интересам ваших читателей.
Такие сайты не могут иметь высокую цену за клик.
Поможет отсортировать и заблокировать такие рекламные объявления нам расширение для Google Chrome - Google Publisher Toolbar, или Google панель издателя.
Откройте браузер Google Chrome и  Установить расширение
После установки тулбара вы увидите его значок правее от адресной строки браузера.
Так выглядит расширение после предоставления вами доступа в Google Adsense:
Google-Publisher-Toolbar
Когда открыта страница вашего сайта, то объявления при включенном оверлее будут покрыты полупрозрачным зеленым цветом:
рекламный блок google adsense
Даже, если вы кликните по своему объявлению, то откроется окно приложения, и вы получите всю информацию по этому блоку – название, доход, который принесло это объявление, Тип таргетинга, формат, целевой url. здесь же вы можете заблокировать рекламу, если она покажется вам неинтересной для ваших читателей или дешевой.
google-панель-издателя
Отсюда, вы можете перейти по целевому урлу и посмотреть на сайт, который рекламируется на вашем блоге. Если он по каким-то критериям вам не подошел, то вы можете тут же заблокировать объявление. Еще одна полезная полезная функция панели издателя – быстрый просмотр дохода без загрузки Google Adsense.
Здесь все просто, а если у вас остались вопросы, то можете задать их в комментариях.
Читать далее ...

2017-01-12

Textual description of firstImageUrl

Древовидные комментарии на Blogger

1250055309_arbutus_unedo
Blogger.com ввел новое усовершенствование, теперь оно затронуло систему комментирования в блогах. Теперь древовидные, или иерархические комментарии, отображаются в блогах Blogger по умолчанию.
Этого давно уже ждали блогеры. Древовидная система предполагает возможность общения между комментаторами. И выглядят комментарии в блоге теперь не плоско, как раньше, а в виде таких “ступеней” или уровней:
древовидные_комментарии

Под каждым комментарием появилась кнопка “Ответить”, воспользовавшись которой вы можете ответить на любой комментарий к записи.
Теперь можно не пользоваться сторонними сервисами для создания древовидной системы комментирования у себя в блоге, такими как disqus и intensedebate. Хотя надо признать, что эти сервисы все же имеют ряд преимуществ перед даже усовершенствованной системы комментирования на blogspot. В них можно редактировать комментарии, вставлять изображения и настраивать как угодно.

Как включить древовидные комментарии на Blogger

В блогах с включенными комментариями древовидная система появится сама. Если у вас она не появилась, то зайдите в Настройки –> Сообщения и комментарии и укажите тип расположения комментария – встроенный.
настроить_древовидные_комментарии_blogger
Теперь сохраните сделанные изменения.
Также для правильного отображения древовидных комментариев проверьте Настройки фида блога. Их вы найдете в административной панеи блога по пути Настройки –> Другое –> Фид сайта –> Дополнительно. Здесь во всех пунктах должно отображаться фид канала “Полный”:
фид_блога
Читайте также как настроить комментарии blogspot.

Как включить древовидные комментарии в нестандартном шаблоне Blogger


Нашла инструкцию для установки древовидных комментариев для Blogger для нестандартных шаблонов. Для того, чтобы древовидные комментарии отображались в блоге с нестандартным шаблоном нужно перейти в редактор шаблонов, здесь ставим галочку напротив “Расширить шаблоны виджета” и находим все строчки с котом
<b:include data='post' name='comments'/>
Меняем все строчки с этим кодом на отрезок кода...
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>

Т.е. если в шаблоне 4 отрезка кода <b:include data='post' name='comments'/>, то после его замены у нас получиться 4 отрезка кода, который приведен выше. В одном моем блоге с нестандартным шаблоном мне удалось таким образом настроить древовидные комментарии, а в этом блоге так и не получилось Печальная рожица. Будем дальше искать ответ. Если он найдется, то я обязательно поделюсь с вами.
.

Читать далее ...

2017-01-06

Textual description of firstImageUrl

Каталоги блогов

 images
В связи с переездом на новый домен мне пришлось снова прогонять блог по каталогам блогов, так как начинаю раскручивать блог с “чистого листа”. Однако в полной мере так сказать нельзя, так как посещаемость сохранилась и даже возросла, Google также не считает мой блог новым, хотя все показатели теперь равны 0 (ТИЦ и pr).
  Конечно, теперь многие не придают значимости прогона по каталогам блогов для продвижения. Однако лишняя ссылка никогда не помешает. Главное правильно подобрать каталоги блогов, в которые будете размещать свой проект.
Кроме того, прогон по каталогам может дать небольшой рост показателей, но это произойдет только в том случае, если вы прогоните свой блог по большой базе.
  Правильный каталог блогов должен иметь премодерацию, т.е. блоги перед добавлением в каталог должны проходить проверку. Нужно обращать внимание на возраст каталога и показатели (последнее может быть весьма обманчивым). Желательно проверить индексацию каталога поисковиками, чтобы узнать истинное отношение к ним Яндекса и Google. Не добавляйте блог сразу одномоментно во все известные каталоги блогов, так как резкий рост ссылочной массы вызывает подозрения Яндекса.

Все каталоги блогов прошли проверку и на сегодняшний день являются действующими, все они активно принимают блоги. Показатели ТИЦ и pr приведены действительны на сегодняшний день.
http://blogs.yandex.ru/add-catalogue.xml – рейтинг блогов по мнению Яндекса. В этот каталог не нужно добавлять блоги с известных платформ, так как эти блоги попадают в рейтинг автоматически, но если у вас автономный блог, то добавить в рейтинг Яндекса не помешает. Блог в этом случае будут находить по поиску по блогам Яндекса. Если вы зарабатываете на блоге продажей ссылок, то некоторые биржи ссылаются именно на авторитетность блога по мнению Яндекса, которую можно получить благодаря участию в рейтинге.
http://www.blogdir.ru/add_blog/ – премодерируемый каталог блогов. ТИЦ 70, pr 4.
http://blograte.ru/ – белый каталог блогов. Показатели – ТИЦ 100, pr – 4,
http://www.blogbooster.ru/index.php?do=choosepack – ТИЦ 70, pr – 4,
http://blogrider.ru/catalog/blogs/add/ – ТИЦ 120, pr – 4. Здесь желательна регистрация, так как она дает больше возможностей – доступ в свой кабинет, добавление блогов в каталоги и оценивать блоги других пользователей,
http://blogolist.ru/add/ – ТИЦ 20, pr 3, размещение кнопки - обязательное условие.
http://www.dobrobot.com/contact/ – ТИЦ 30, pr 4. Просит установить кнопку для получения прямой незакрытой от индексации ссылки на блог.
http://blogowar.ru/register.php – модерируемый каталог блогов. В него не принимают блоги на mail.ru, ЖЖ и других платформах, где набирают тысячную аудиторию друзей, зато открыта дорога для блогов на blogger и stand-alone блогов. ТИЦ 70, pr 4.
http://fliq.ru/go/add/ – каталог качественных блогов. В каталог принимаются только качественные блоги платно (50 WMR одноразово) и бесплатно (нужно установить кнопку). ТИЦ 30, pr 4.
http://topblogs.su/ ТИЦ 0, pr 2. Есть рейтинг блогов. После добавления блога в каталог записи вашего блога будут транслироваться на сервис в виде анонсов. 
 http://epochta.ru/rating/ – добавить блог в каталог очень просто, каталог не требует обратных ссылок, кнопок и пр. С него можно привлечь небольшой трафик. ТИЦ 0, pr 4.
http://blogsdb.ru/ ТИЦ 0, pr 3. Простое добавление блога в каталог, без кнопок, регистрации, обратных ссылок.
http://famarate.com/?section=add – для участия в рейтинге нужно установить счетчик. ТИЦ 10, pr 0
http://bloggers.ezhelev.com/?act=add – ТИЦ 10, pr 3. Обратных ссылок не требует.

Еще хочу рассказать об одном молодом блоге Большой справочник блогов, автор которого добавляет блоги, составляет описание к ним. Взамен требуется обратная ссылка с вашего блога.
Примечание (добавлено 26.10.2012) Большого справочника блогов больше не существует, ссылку убрала.

Около полугода назад появился белый каталог женских блогов. Причем в него не обязательно добавлять блоги именно женской тематики. Главным условием является лишь одно - автором блога должна быть именно женщина. Вот такая дискриминация :)
Читать далее ...

2017-01-04

Textual description of firstImageUrl

Как сделать скриншот в Опере

скриншот в опере
Сегодня вы узнаете как сделать скриншот в Опере.
В моем блоге уже накопилось достаточное количество уроков по скриншотам:

3 простых способа с помощью стандартных программ Windows и фотошоп,  с помощью программы Jing, способы онлайн, создание скринов с анимацией, а также в Google Chrome.
Все эти способы я описываю для того, чтобы у вас был выбор. Каждый выбирает для себя сам, что ему больше нравится. Опера – мой любимый браузер, несмотря на то, что ее с трудом воспринимает Blogspot. Поэтому стараюсь адаптировать под себя, настраивая полезные расширения.
Главные требования к созданию скриншотов:
  1. простота – чем меньше используется программ для создания и редактирования скринов, чем меньше трудозатрат, тем лучше.
  2. идеальные скриншоты должны иметь хорошее качество, но быть оптимизированными. Они не должны иметь большой размер.
  3. Программы и плагины должны предоставлять возможность снимать часть экрана.
  4. Плюсом является наличие встроенной возможности для редактирования скриншота – добавления надписей, стрелок и пр.
  5. Желательно наличие фотохостинга, на котором ваши скриншоты будут храниться вечно.
Для создания скриншотов в Опере я нашла всего 2 расширения. Причем первое – ScreenShot совсем нерабочее, расширение Screenshoter – уже интереснее, хотя бы тем, что работает.
Дополнительные функции расширения Screenshoter:
  • выбор формата – JPG или PNG,
  • Можно делать скриншоты с анимацией,
  • Можно выбирать часть экрана,
  • Вы можете загрузить результат на сервис imgur.com, который выдаст вам всевозможные ссылки и коды, или сохранить на компьютере,
  • если покопаться в настройках расширения (меню Оперы –> Расширения –> Screenshoter –> Настройки), то можно настроить плагин под свои потребности – качество снимков и пр.
Преимущества:
  • хорошее качество снимков,
  • дополнительные настройки,
  • поддержка анимации.
Недостатки
  • притормаживает,
  • нет функций для редактирования.
Читать далее ...

2017-01-02

Textual description of firstImageUrl

Оформляем Следующая, Главная и Предыдущая страницы blogspot

Следующая страница, Главная, Предыдущая
Как изменить привычное оформление навигации “Следующая страница, Главная, Предыдущая”, заменить на картинки, кнопки, иконки, создать плавающие кнопки и прописываем в кнопках название предыдущего и следующего поста.
Содержание статьи:
  1. убрать навигацию Следующие, Главная, Предыдущие страницы
  2. изменить названия
  3. заменить на картинки
  4. изменить следующая, предыдущая названием поста
  5. плавающие кнопки 
  6. стили 
Читайте также урок по оформлению кнопки читать дальше
  1. Убираем ссылки на следующую, главную и предыдущую страницы. Находим в шаблоне блога отрезок кода “nextprev” и удаляем из шаблона код:

    <b:includable id='nextprev'>
      <div class='blog-pager' id='blog-pager'>
        <b:if cond='data:newerPageUrl'>
          <span id='blog-pager-newer-link'>
          <a class='blog-pager-newer-link' expr:href='data:newerPageUrl'
            expr:id='data:widget.instanceId + "_blog-pager-newer-link"'
            expr:title='data:newerPageTitle'>
            <data:newerPageTitle/></a>
          </span>
        </b:if>
        <b:if cond='data:olderPageUrl'>
          <span id='blog-pager-older-link'>
          <a class='blog-pager-older-link' expr:href='data:olderPageUrl'
            expr:id='data:widget.instanceId + "_blog-pager-older-link"'
            expr:title='data:olderPageTitle'>
            <data:olderPageTitle/></a>
          </span>
        </b:if>
        <b:if cond='data:blog.homepageUrl != data:blog.url'>
          <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
          <b:else/>
          <b:if cond='data:newerPageUrl'>
            <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
          </b:if>
        </b:if>
      </div>
      <div class='clear'/>
    </b:includable>
  2. Если вы не хотите убирать ссылки на предыдущую и следующую страницы блога, то вы можете изменить их названия. Например, назвать их шутливо “туда”, “сюда”, “вперед”, “назад”  или дать английские названия “Newer Posts" , “Home”, "Older Posts. Для того, чтобы изменить название для Следующей страницы, найдите в шаблоне блога код <data:newerPageTitle/> и измените его на ваше название страницы.

    Меняем название предыдущей странице – изменяем код шаблна <data:olderPageTitle/> на ваше название.
    Главная страница определяется в шаблоне <data:homeMsg/>, этот код находим и меняем.
  3. Для того, чтобы заменить ссылки навигации на картинки, например на иконки или анимацию, нужно коды, указанные в пункте 2 заменить на код изображения вида <img src=”URL картинки”/>

    Следующая страница, Главная, Предыдущая blogspot
  4. В пункте 2 и 3 мы заменяли названия страниц на постоянный текст. С помощью  jQuery кода, мы можем изменить названия предыдущей и следующей записи на заголовки соответствующих постов. Так, на странице отдельного сообщения вместо кнопки “Предыдущая” будет, например, Горизонтальное выпадающее меню, а вместо “Следующая” – Кнопка Pinterest на изображениях блога. На главной же странице блога, страницах ярлыков и архивов названия “Предыдущая” и “Следующая” страницы блога сохранятся. Как установить:
    • Сначала нужно подключить библиотеку  jQuery, если у вас она не подключена. Иными словами, ищите в шаблоне код скрипта:
      <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
      Если у вас этот код отсутствует, то прописывайте его перед тегом </head>
    • Теперь найдите в шаблоне блога </body> и вставьте перед ним код:
      <b:if cond='data:blog.pageType == &quot;item&quot;'>
            <script type='text/javascript'>
              $(document).ready(function(){
                var newerLink = $(&quot;a.blog-pager-newer-link&quot;).attr(&quot;href&quot;);
                $(&quot;a.blog-pager-newer-link&quot;).load(newerLink+&quot; .post-title:first&quot;, function() {
                  var newerLinkTitle = $(&quot;a.blog-pager-newer-link&quot;).text();
                  $(&quot;a.blog-pager-newer-link&quot;).text(&quot;&quot; + newerLinkTitle);
                });
                var olderLink = $(&quot;a.blog-pager-older-link&quot;).attr(&quot;href&quot;);
                $(&quot;a.blog-pager-older-link&quot;).load(olderLink+&quot; .post-title:first&quot;, function() {
                  var olderLinkTitle = $(&quot;a.blog-pager-older-link&quot;).text();
                  $(&quot;a.blog-pager-older-link&quot;).text(olderLinkTitle + &quot;&quot;);//rgt
                });
              });
            </script>
          </b:if>
                    
  5. Устанавливаем плавающие кнопки навигации страниц.

    2014-01-03_00-38-45

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

    Вначале добавим стили для новых кнопок. Для этого найдите код
    ]]></b:skin> и добавьте перед ним:
    .arrowLeft a {position: fixed;z-index: 100;left: -5px;top: 45%;padding: 25px 20px;-webkit-transition: .2s ease-in;-moz-transition: .2s ease-in;-o-transition: .2s ease-in;transition: .2s ease-in;}.arrowLeft a:hover {left: 0;-webkit-transition: .2s ease-in;-moz-transition: .2s ease-in;-o-transition: .2s ease-in;transition: .2s ease-in;color: #fff;}.arrowRight a {position: fixed;z-index: 100;right: -5px;top: 45%;padding: 25px 20px;-webkit-transition: .2s ease-in;-moz-transition: .2s ease-in;-o-transition: .2s ease-in;transition: .2s ease-in;}.arrowRight a:hover {right: 0;-webkit-transition: .2s ease-in;-moz-transition: .2s ease-in;-o-transition: .2s ease-in;transition: .2s ease-in;color: #fff;}.arrowNav a {background: #000000;color: #fff;text-decoration: none;font-size: 16px;}
    Теперь найдите в шаблоне отрезок кода nextprev при помощи CTRL + F.  Таких отрезков может быть несколько, нас интересует именно тот, который заключает код <b:includable …..  </b:includable>. Пример найденного кода ниже:
    <b:includable id='nextprev'>
      <div class='blog-pager' id='blog-pager'>
        <b:if cond='data:newerPageUrl'>
          <span id='blog-pager-newer-link'>
          <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
          </span>
        </b:if>
        <b:if cond='data:olderPageUrl'>
          <span id='blog-pager-older-link'>
          <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
          </span>
        </b:if>
        <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
        <b:if cond='data:mobileLinkUrl'>
          <div class='blog-mobile-link'>
            <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
          </div>
        </b:if>
      </div>
      <div class='clear'/>
    </b:includable>
    Ваш код может отличаться несколько от моего, но суть остается. Проще всего найти этот код следующим образом. Отформатируйте шаблон (в редакторе шаблона для этого есть специальная кнопка), введите в поиск по шаблону nextprev. Нажимайте enter до тех пор, пока не увидите код, как на скриншоте (кликабелен) ниже:
    Следующая страница, Главная, Предыдущая blogspot Вы можете его раскрыть, как показано выше красной стрелкой и выделить весь код от одного треугольника до другого, как на рисунке ниже. Для удобства я отделила код красными линиями. Опытные пользователи могут этот шаг пропустить и заменять код, не раскрывая его.
    Следующая страница, Главная, Предыдущая blogspot
         Замените найденный код на следующий: /*
    <b:includable id='nextprev'>  <div class='blog-pager' id='blog-pager'>  <div class='arrowNav'>         <b:if cond='data:newerPageUrl'>      <span id='blog-pager-newer-link'>    <!-- DHI the newer post -->  <div class='arrowLeft'> <a class='prev' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle' id='nextLink'>   <span class='arrow'/>   <span class='prevnext'>&#8592;</span></a>  </div>      </span>    </b:if>    <b:if cond='data:olderPageUrl'>      <span id='blog-pager-older-link'>     <!-- DHI the older post -->  <div class='arrowRight'> <a class='next' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle' id='prevLink'>   <span class='arrow'/>   <span class='prevnext'>&#8594;</span><br/>  </a></div>      </span>      </b:if></div>    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>    <b:if cond='data:mobileLinkUrl'>      <div class='blog-mobile-link'>        <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>      </div>    </b:if>  </div>  <div class='clear'/></b:includable>
    Если вы все сделали правильно, то увидите в своем блоге две плавающие стрелки.
  6. Изменяем оформление кнопок. В шаблоне блога за оформление ссылок “Главная, предыдущая и следующая страницы” отвечают стили:

    #blog-pager-newer-link {…….
    }
    #blog-pager-older-link {…….
    }
    #blog-pager {…….
    }


    или
    .blog-pager-older-link {…….
    }
    .home-link {…….
    }
    .blog-pager-newer-link {…….
    }


    Для того, чтобы изменить внешний вид, изменяем свойства и значения (прописываем в фигурных скобках). Увеличиваем шрифт, делаем жирнее:
    font-size: 150%;
    font-weight: bold;
    Используем фон или изменяем цвет фона:
    background-image:url('URL OF YOUR IMAGE');
    background-color:#cccccc;
    Изменяем цвет ссылок:
    color:#B10000
Читать далее ...

2017-01-01

Textual description of firstImageUrl

С новым 2017 годом!

С новым годом 2017
Здравствуйте, дорогие друзья!
// Хочу поздравить вас с наступившим 2017 годом! Желаю счастья, здоровья, красоты!
Идите навстречу удачи, и у вас все обязательно получится!
Пусть в новом году сбудется всё, что вы загадаете, и то, что не успело сбыться в старом.
И пусть наступающий год подарит вам только счастливые и радостные события – и чтобы событий этих было много!
Улыбайтесь судьбе – она любит оптимистов, и вам будет проще добиться желаемого! Не отступайте перед трудностями, и не огорчайтесь ошибкам. Помните, что они обязательно присутствуют в жизни деятельных людей, и без ошибок не бывает успеха.
Пусть у вас все будет хорошо! 


Читать далее ...