Гаджет "Лучшие статьи" своими руками

<<

Real_Madd

Сообщение 09 авг 2011, 02:38

Иногда бывает нужно показать на главной странице избранные статьи блога. Не популярные, а именно те, что автор считает лучшими у себя, те, которыми он искренне гордится. Вот и я захотел разместить подобный список избранного у себя в блоге, на главной странице. Но гаджета, способного выполнить эту функцию не нашёл (хотя возможно он и есть). Поэтому пришлось выкручиваться самому. Я решил использовать гаджет HTML/JavaScript. Учитывая, что мои знания по HTML крайне малы(до сих пор на уровне 9-классника), предлагаю наиболее простой способ.

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

  Код:
<b><a href="ссылка на статью №1">Название статьи №1</a></b>
<p><img src="Ссылка на изображение №1" width="75" height="75"/></p>

<b><a href="ссылка на статью №2">Название статьи №2</a></b>
<p><img src="Ссылка на изображение №2" width="75" height="75"/></p>

<b><a href="ссылка на статью №3">Название статьи №3</a></b>
<p><img src="Ссылка на изображение №3" width="75" height="75"/></p>


Теперь поясню. Просто набор "голых" ссылок меня изначально не устраивал, поэтому я решил разнообразить всё это дело картинками из соответствующих постов. Для этого использовал тэг img с нужными мне атрибутами.

Самый главный атрибут - это размер. Для моего блога оптимальный размер как вы видите 75, размер для своего блога подбирайте методом проб и ошибок. Также я использовал тэг <b> для того, чтобы сделать шрифт ссылки жирным, если вам это не нужно - просто уберите тэг <b>.

Благодаря этому коду я получил простенький гаджет "Лучшие статьи", вот как это выглядит в моём блоге:

Гаджет "Лучшие статьи" своими руками

Я - любитель минимализма, поэтому такой результат меня вполне устроил. Если же вы желаете что-либо более грандиозное, то пожалуйста: вас ограничивает только ваша фантазия и знание HTML/Javascript.

P.S.
Если тема не соответствует разделу "Blogger для продвинутых", то прошу модераторов не карать, а перенести её в соответствующий раздел. И не бросайте камнями за столь простой, детский способ. :)
<<

SiAA

Сообщение 09 авг 2011, 04:01

Нужно обязательно попробовать. Сам задумывался о таком гаджете, поскольку гаджет "самые популярные" не очень устраивал.
<<

Admin

Сообщение 09 авг 2011, 07:38

Способ простой и со вкусом:)
Раздел "Blogger для продвинутых" выбран правильно, а вот дочерний раздел "Скрипты для Blogger" - нет. Дело в том, что скрипт - это по сути программа, которая выполняет какое-либо действие, в вашем же примере - это обычная верстка. На эту тему есть раздел Учим HTML, CSS, XML. Он мало наполнен, но ваш пример как раз для этого раздела, сам раздел нужно активно развивать ;-)
Последний раз редактировалось Admin 09 авг 2011, 07:38, всего редактировалось 1 раз.

Вернуться в Учим HTML, CSS, XML

Работает на phpBB © 2000, 2002, 2005, 2007 phpBB Group. Дизайн ST Software и Blogger Форум. Русская поддержка phpBB
ЧПУ ссылки от phpbb seo