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

Гаджет “Последние статьи” с изображениями

Многие пользуются гаджетами вроде ссылок на последние статьи, либо самые популярные. Чтобы добавить данному гаджету Гаджет последние статьи blogspot привлекательности можно сделать его с маленькими изображениями подтягиваемыми из статей. Итак чтобы сделать подобный гаджет в свой блог просто скопируйте скрипт и вставьте в удобном месте в HTML/JavaScript.

1. Зайдите в настройки блоггер.
image
2. Зайдите во вкладку дизайн
image
3. Нажмите добавить гаджет и выберите HTML/JavaScript
image
4. Вставьте в поле гаджета приведенный ниже скрипт:

<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 298;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#000000";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 5;
home_page = "http://bloggfast.blogspot.com/";
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>

6. Настройки дизайна гаджета:
boxwidth – ширина гаджета
cellspacing – расстояние между буквами
borderColor – цвет границ
thumbwidth & thumbheight – высота и ширина картинок
fntsize – Размер шрифта в заголовке
acolor – цвет заголовка
aBold – жирный заголовок (да или нет)
numposts – количество отображаемых статей
home_page : Ссылка на главную страницу вашего блога
Скрипты хранятся на зарубежном сервере (http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js ).
Но рекомендуется загрузить скрипты на свой хостинг и поставить на них свою ссылку.

Комментарии

  1. Возможно Вы сможете мне что-то посоветовать для решения такой задачи.
    У меня Блог всегда открывается с одного и того же поста(сообщения), как бы "пролога". Я это решил путем присвоения ему даты 2015 года. Но я хочу, что бы этот пост открывался в окне как единственный (он достаточно тяжелый), т.е. после него сразу шла ссылка на предыдущие посты этой страницы,
    которые уже распологаются, как у меня принято, по 4 поста. Для этого я создал еще 3 пустых поста с датой 2015 год, которые не видны.
    Гаджет “Последние статьи” отсчитывает 5 постов (4 поста- это те у которых дата 2015 год, из которых 1 таки пост, а 3 пустышки) и фактически дает новую информацию только по ОДНОМУ!Можно ли предусмотреть, чтобы Гаджет первые 4 поста 2015 года пропускал, т.е. начинал показ с 5-го поста. Кроме того, картинки не отображаются? Спасибо (http://markfrm.blogspot.co.il/)

    ОтветитьУдалить
  2. Так сразу не скажу! но возможно при помощи стандартного гаджета в блоггер "последние статьи" у Вас получиться, возможно там есть в настройках возможность выставлять даты постов для отображения.

    ОтветитьУдалить
  3. Очень долго грузится скрипт с зарубежного сервера. Часто вообще не загружается и вместо гаджета пустое место. Может все таки разместить скрипт на своем сервере? Не подскажете где этот скрипт найти?

    ОтветитьУдалить
  4. http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js

    попробуйте по ссылке

    ОтветитьУдалить
  5. pg soft game online ด้วยคุณภาพและความสนุกที่มาพร้อมกับเกมของพวกเขา PG Soft เป็นนักพัฒนาเกมที่มีชื่อเสียงในวงการเกมออนไลน์ โดยเน้นไปที่การสร้างประสบการณ์เกมที่น่าตื่นเต้น

    ОтветитьУдалить

Отправить комментарий

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

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

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

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

Все блоггеры пользуются ссылками практически в каждой статье, помимо удобства это еще и очень полезно для индексации блога. Сегодня хотел бы описать как сделать ссылку на туже страницу на которой находится Ваш читатель, только ниже, либо Выше, допустим Ваша статья состоит из нескольких частей и читатель, хочет пропустить первую и перейти сразу ко второй. Сделать это достаточно просто! 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>   Вставьте свои ссылки, увеличьт