Сегодня хочу рассказать классный «хак» Blogger – Related Posts, который в очередной раз нивелирует разницу между Wordpress и Blogspot. Как видите, у меня все без проблем работает. Честно скажу – давно искал качественный плагин, и вот, наконец-то нашел то, что меня полностью устраивает. Зачем нужна такая штука, думаю, никому объяснять не нужно, дело даже не в перелинковке, а в том, чтобы читатель получше познакомился с вашим блогом, и застрял надолго -). Поехали! Шаг 1. Как всегда делаем бекап, как это делается всем известно, кто не знает – смотрите предыдущие посты рубрики. Шаг 2. Находим, закрывающий тег </head> и вставляем перед ним следующий код: <style> #related-posts { float : left; width : 540px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; margin-bottom:10px; } #related-posts. widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts. widget h2, #related-posts h2 { color : #940f04; font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { color : #054474; font-size : 11px; text-decoration : none; } #related-posts a:hover { color : #054474; text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url(“http://i263.photobucket. com/albums/ii150/mohamedrias/newconcept_bullet. png”) no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 16px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style> <script src=’http://technotrixdebajyoti. googlepages. com/RelatedPostsByRealtrix. co. cc. js’ type=’text/javascript’/> Сохраняем шаблон. Шаг 3. Теперь находим следующий кусок кода <p><data:post. body/></p> (убедитесь что галочка «расширить шаблон» поставлена). И вставляем перед закрывающим тегом </p>, т. е в середину, конструкцию: <b:if cond=’data:blog. pageType == “item”‘> <div id=”related-posts”> <font face=’Arial’ size=’3′><b>Related Posts : </b></font><font color=’#FFFFFF’><b:loop values=’data:post. labels’ var=’label’><data:label. name/><b:if cond=’data:label. isLast!= "true"’>,</b:if><b:if cond=’data:blog. pageType == "item"’> <script expr:src=’"/feeds/posts/default/-/" + data:label. name + "?alt=json-in-script&callback=related_results_labels&max-results=5"’ type=’text/javascript’/></b:if></b:loop> </font> <script type=’text/javascript’> removeRelatedDuplicates(); printRelatedLabels(); </script> </div></b:if> Сохраняем шаблон, проверяем свои посты и ликуем! Еще по теме: Увеличиваем поисковый трафик на Blogger. Часть 2.
Понравилась статья? Получай обновления и будь всегда в курсе событий!