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

Иногда бывает нужно показать на главной странице избранные статьи блога. Не популярные, а именно те, что автор считает лучшими у себя, те, которыми он искренне гордится. Вот и я захотел разместить подобный список избранного у себя в блоге, на главной странице. Но гаджета, способного выполнить эту функцию не нашёл (хотя возможно он и есть). Поэтому пришлось выкручиваться самому. Я решил использовать гаджет 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>.

источник