Три небольших изменения в стандартном шаблоне: допилен виджет Абу Фархана - Постраничная навигация; новый способ в удалении виджета Navbar; добавлен официальный виджет Social Sharing Buttons. Порядок установки в продолжении...
1. Удаляем Navbar:
<script type='text/javascript'>
<![CDATA[
<!--
/*<body>*/
-->
]]>
</script>
Открываем вкладку Дизайн, переходим по ссылке Изменить HTML и вставляем вышеуказанный код перед <body>, сохраняем шаблон. Выскочит предупреждение как на рисунке:<![CDATA[
<!--
/*<body>*/
-->
]]>
</script>
2. Постраничная навигация:
Для установки данного виджета необходимо открыть вкладку Дизайн, перейти в режим редактирования шаблона и выполнить два простых действия. Первое - перед ]]></b:skin> вставить стиль виджета.
#blog-pager{clear:both;padding-bottom:10px;padding-top:10px;text-align:center;}
.showpageNum a{border:1px solid #CCCCCC;margin:0 3px;padding:3px 7px;text-decoration:none;}
.showpageNum a:hover{background-color:#CCCCCC;border:1px solid #CCCCCC;}
.showpagePoint{-moz-background-inline-policy:continuous;background:none repeat scroll 0 0 #CCCCCC;border:1px solid #CCCCCC;color:#333333;margin:0 3px;padding:3px 7px;text-decoration:none;}
.showpage a{border:1px solid #CCCCCC;padding:3px 7px;text-decoration:none;}
.showpage a:hover{text-decoration:none;}
.showpageNum a:link, .showpage a:link{color:#333333;text-decoration:none;}
.showpageOf,#blog-pager div{display:none}
Второе - перед </body> вставить код.showpageNum a{border:1px solid #CCCCCC;margin:0 3px;padding:3px 7px;text-decoration:none;}
.showpageNum a:hover{background-color:#CCCCCC;border:1px solid #CCCCCC;}
.showpagePoint{-moz-background-inline-policy:continuous;background:none repeat scroll 0 0 #CCCCCC;border:1px solid #CCCCCC;color:#333333;margin:0 3px;padding:3px 7px;text-decoration:none;}
.showpage a{border:1px solid #CCCCCC;padding:3px 7px;text-decoration:none;}
.showpage a:hover{text-decoration:none;}
.showpageNum a:link, .showpage a:link{color:#333333;text-decoration:none;}
.showpageOf,#blog-pager div{display:none}
<script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href;
var postperpage=5;
var numshowpage=5;
var upPageWord ='← Назад';
var downPageWord ='Вперед →';
</script>
<script src='http://choenblogspot.googlecode.com/files/pagenav-min.js' type='text/javascript'/>
и сохранить шаблон.var home_page="/";
var urlactivepage=location.href;
var postperpage=5;
var numshowpage=5;
var upPageWord ='← Назад';
var downPageWord ='Вперед →';
</script>
<script src='http://choenblogspot.googlecode.com/files/pagenav-min.js' type='text/javascript'/>
3. Устанавливаем виджет Social Sharing Buttons.
Заходим в Черновик Блоггера, открываем вкладку Дизайн, Сообщения блога, изменить и отмечаем галкой чекбокс Показывать кнопки для публикации.
Переходим в расширенный режим редактирования HTML, находим строку:
<div class='post-footer-line post-footer-line-3'>
или
<p class='post-footer-line post-footer-line-3'>
и ниже вставляем код:или
<p class='post-footer-line post-footer-line-3'>
<div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div>
сохраняем шаблон и любуемся результатом.
<b:include data='post' name='shareButtons'/>
</div>
0 коммент.
Отправить комментарий