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

<<

Real_Madd

Аватара пользователя

Автор темы

Сообщения: 13

Зарегистрирован: 11 апр 2011, 21:39

Откуда: Волгоград

Благодарил (а): 2 раз.
Поблагодарили: 4 раз.

Сообщение 09 авг 2011, 06: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

Аватара пользователя

Сообщения: 204

Зарегистрирован: 12 апр 2011, 13:03

Откуда: Саратов

Благодарил (а): 23 раз.
Поблагодарили: 13 раз.

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

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

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

Admin

Аватара пользователя

Сообщения: 1450

Зарегистрирован: 21 мар 2011, 15:30

Благодарил (а): 66 раз.
Поблагодарили: 157 раз.

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

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

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

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

Кто сейчас на конференции

Зарегистрированные пользователи: нет зарегистрированных пользователей

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