К основному контенту

Гаджет "похожие статьи" с картинками



imageОдной из основных целей блоггеров является привлечение как можно большего траффика на свой блог. Второй задачей после привлечения читателей, необходимо сделать так, чтобы они как можно дольше задержались у Вас на сайте, и легко могли найти другие качественные статьи которые их заинтересуют. Для этого и служит гаджет “Похожие статьи”. В прошлых статьях мы уже рассказывали как сделать подобный гаджет, однако сегодня хотелось бы рассказать о таком гаджете который бы поддерживал картинки из статей. Для этого нам может помочь сервисlinkwithin.

Стоить заметить, что существует несколько способов воспользоваться сервисом.
1. Если вы используете стандартный шаблон от blogger.
Просто перейдите на сайт, и в панели справа заполните все поля, в строчке Platform выберите Blogger. в строчке ширина выберите сколько статей вы хотите чтобы отображалось (от 3 до 5), галочкой можно отметить “My blog has light text on a dark background” ( У моего блога светлый текст на темном фоне) , чтобы гаджет подобрал подходящие оттенки. Затем Вам откроется окно в котором необходимо нажать на сссылку  Install widget вот так:
гаджет похжие статьи
Затем выберите блог в который вы хотите установить данный гаджет, и он появится  в нем.
2. Если вы используете не стандартный шаблон для blogger.
Так же заходим на сайт, заполняем все данные, только вместо платформы Blogger выбираем other  и нажимаем Get widget.
image
Затем Вы попадете на страницу получить гаджет, и увидите следующий скрипт:
image

Отсюда Вам необходимо запомнить, или скопировать в блокнот выделенный код. Выглядит он примерно так: 314221.
Теперь необходимо зайти в настройки Вашего блога в разделИзменить HTML поставить галочку Расширить шаблон, и при помощи комбинации клавиш ctrl+f найти следующий тэг в теле шаблона:





либо похожий на него.


Когда найдете перед ним необходимо вставить следующий скрипт:






Blog Widget by LinkWithin









Вместо строчки Id вашего сайта необходимо вставить ранее скопированный код. После чего гаджет должен заработать.

Комментарии

Популярные сообщения из этого блога

Добавляем красивый гаджет Поделиться

Если Вы регулярно совершенствуете свой блог, то Вам пригодится данная не сложная публикация, о том как добавить красивую кнопку "Поделиться". Ее особенность в том, что при наведение курсора она раскрывается и предлагает несколько сервисов в которых можно разместить ссылку на Ваш блог. Демо можно посмотреть тут!

Как сделать ссылку на определенную часть той же страницы.

Все блоггеры пользуются ссылками практически в каждой статье, помимо удобства это еще и очень полезно для индексации блога. Сегодня хотел бы описать как сделать ссылку на туже страницу на которой находится Ваш читатель, только ниже, либо Выше, допустим Ваша статья состоит из нескольких частей и читатель, хочет пропустить первую и перейти сразу ко второй. Сделать это достаточно просто! 1.Для начала нам необходимо присвоить определенной части текста “Якорь”, допустим Вы хотите ссылать на каую-либо часть статьи, перед началом необходимого участка текста вставьте в HTML коде статьи следующий тег : <a id=" yakor "></a> Начало текста или заголовка В качестве слова якорь выделенного красным вы можете использовать любое другое, подходящее по смыслу. 2. Теперь необходимо сделать ссылку на данный якорь. А именно в HTML коде страницы перед словом которое должно быть ссылкой ставим тэг вида: <a href="# yakor ">Слово</a> Покажу как это долж

Открыть несколько ссылок одним кликом мыши

Многие из Вас наверняка встречали сайты, на которых нажав на одну ссылку открывается сразу несколько сайтов. Так делают те кто хочет прорекламировать независимый интернет ресурс, в таком случае открывается ссылка по которой вы должны перейти и еще одна, так-же это делают для увеличения просмотров определенных страниц на сайте, либо если действительно необходимо открыть сразу две ссылки. Для обычного блоггера это может быть полезным так как заинтересовав человека одной ссылкой Вы как бы повышаете популярность Вашего ресурса, так как он посетит вместо одной страницы в Вашем блоге сразу несколько. Чтобы вставить такую ссылку необходимо к тексту добавить следующий код: <a href="http://www.ссылка1.com/" target="_blank" onmouseover="window.open(&quot;&quot;http://www.ссылка2.com&quot;&quot;);window.open(&quot;&quot;http://www.ссылка3.com&quot;&quot;);">Click Here Link Bucket</a>   Вставьте свои ссылки, увеличьт