Как разделить статью в Блогспот на несколько страниц как в WordPress

четверг, 20 декабря 2018 г.
Как сделать нумерацию страниц в Blogspot. Вы наверняка видели когда открываете сайт, то в конце статьи пишет "Чтобы дочитать статью перейдите на вторую страницу" Теперь это можно сделать и в блоггер.


Итак:

Поместите это в CSS выше кода ]]></b:skin> вот он:
/* Pagination CSS by Idblanter.com */.post-content{display:none}.dblanter{font-size:130%;text-align:center}.paging .tombol,.paging:before{font-size:14px;padding:8px 12px}.paging{margin:20px auto;font-weight:bold;text-align:center;width:100%;font-family:Roboto,Arial,sans-serif}.paging .tombol{font-weight:700;background:#2196f3;border-radius:5px;display:inline-block;width:25px;color:#fff;margin-right:5px;transition:ease .69s!important}.tombol.blanter{background:#000}.paging:before{content:'СТРАНИЦА : ';font-weight:Bold;border:1px solid #2196f3;color:#2196f3;border-radius:5px;margin-right:10px}@media screen and (max-width:768px){.paging .tombol,.paging:before{padding:8px 5px}}

Затем над кодом </body> вот этот скрипт

<script style='text/javascript'>//<![CDATA[ function get_n(n){var o,t,e=decodeURIComponent(window.location.search.substring(1)).split("&");for(t=0;t<e.length;t++)if((o=e[t].split("="))[0]===n)return void 0===o[1]||o[1]}$(document).ready(function(){var n=get_n("n");$(".post-content").hide(),void 0===n?$(".content_1").show():$(".content_"+n).show();var o=$(".post-content").length;if(0!=o)for(i=1;i<=o;i++){var t=window.location.pathname;$("p.paging").append($('<a href="'+t+"?n="+i+'" class="tombol n'+i+'"> '+i+" </a>"))}else $("p.paging").hide();void 0==n&&$(".tombol.n1").toggleClass("blanter"),n==n&&$(".tombol.n"+n).toggleClass("blanter")});//]]></script>
Чтобы автоматически вызывать нумерацию страниц во всех статьях поместите скрипт под <data:post.body/> их может быть несколько в шаблоне, у меня это второй код, у себя смотрите по шаблону
<div class='dblanter'><b>ЧТОБЫ ДОЧИТАТЬ ПЕРЕЙДИТЕ НА СЛЕДУЮЩУЮ СТРАНИЦУ:</b></div><br/><center>СЮДА ВСТАВЛЯЙТЕ РЕКЛАМНЫЙ КОД</center><br/><p class='paging'/>
Меняйте номера в зависимости от того на сколько страниц вы хотите разделить страницу


Вот пример:

<div class="post-content content_1">

ВАШ ТЕКСТ

</div>

<div class="post-content content_2">

ВАШ ТЕКСТ

</div>

<div class="post-content content_3">

ВАШ ТЕКСТ

</div>

Смотрите как это выглядит. Пробуйте.

Понравился пост? Поддержи Нас, нажми Нравится:


Читайте также

Next
Previous