
Код для вывода последних сообщений блога
Для тех кто уже читал статью Меняем read more на кнопку и решился воспользоваться данным решением для изменения дизайна перехода после анонса с главной страницы блога или со страниц рубрик,то установка кода для вывода анонса последних сообщений блога будет заключена лишь в простом копировании лишь части кода и установки в гаджет HTML и JavaScript в сайдбаре блога.В результате установки и замены урл блога на свой на ваших страницах автоматически должны появится такие вот стильные ссылки на последние сообщения блога опубликованные на вашем проекте. <div class='jump-link'><script style="text/javascript" src="http://olusegun-fapohunda-calculator.googlecode.com/svn/justnaira/recent-post.js"></script><script style="text/javascript">var numposts = 10;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script><script src="http://www.v-gol.ru/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div> Для тех же кто не хочет кардинально изменять весь дизайн,то к од для вывода анонсов будет несколько другой.Сам скрипт останется тем же,но следует изменить привязку стилей к определённому элементу и добавить несколько видоизменённый код такого плана. <div class='v-golru-link'><script style="text/javascript" src="http://olusegun-fapohunda-calculator.googlecode.com/svn/justnaira/recent-post.js"></script><script style="text/javascript">var numposts = 10;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script><script src="http://УРЛ ВАШЕГО БЛОГА/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div><style type="text/css">.v-golru-link a{ background-color:#408080; font-family: 'Verdana', sans-serif; font-size:12px; text-decoration:none; color:#fff; position:relative; padding:5px 20px; padding-right:30px; background-image: linear-gradient(bottom, rgb(62,51,46) 0%, rgb(101,86,78) 100%); border-radius: 10px; box-shadow: inset 0px 1px 0px #9e8d84, 0px 3px 0px 0px #ccc, 0px 10px 5px #408080;opacity:0.7;</style> Настройки кода для вывода последних сообщений блога.Настроек немного и среди основных вывод количества заголовков постов,которое можно изменить заменив цифру 10 в этом фрагменте кода var numposts = 10;на ту которая будет вас устраивать.Подогнать цветовую гаму можно воспользовавшись визуальным онлайн-редактором ,а сами варианты цвета в цифровом формате можно подобрать на странице код цвета в HTML. |



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