четверг, 22 декабря 2011 г.

Похожие статьи — виджет для Blogger

Плюсы скрипта:
1. Отсутствие ссылок на сторонние ресурсы;
2. Возможность исключать из выдачи метки, не имеющие ни одной ссылки;
3. Возможность переименовывать метки в выдаче и объединять разные метки под одним названием;
4. Возможность отдельно указать, какие метки следует всегда исключать из выдачи;
5. Возможность встроить название метки в заголовок;
6. Возможность указать заголовок, который отображается, когда нет ни единой релевантной ссылки;
7. Простота настройки.
Установка скрипта «Похожие статьи»:
1. Заходим в панель управления блогом и переходим на вкладку Дизайн->Изменить HTML. Ставим галочку напротив Расширить шаблоны виджета.
2. Находим строчку <data:post.body/> и вставляем после неё следующий код:
<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<div class=’similiar’>
<div class=’widget-content’>
<br/>
<div id=’data2007840981′/>
<div id=’data2007840980′/><br/>
<script type=’text/javascript’>
var headerN = «Похожие статьи:»; /* Заголовок виджета, когда в нём отображается более чем одна метка. */
var header1 = «Еще статьи из категории »__LABEL__»:»; /* Заголовок виджета, когда в нём отображается одна метка. Если в заголовке есть слово __LABEL__, то вместо него будет подставлено имя метки. */
var header0 = «»; /* Текст, выводимый, если нет ни одной метки и ссылки. */
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;; /* Адрес блога, откуда берём список постов. */
var maxNumberOfPostsPerLabel = 5; /* Максимальное число постов, отображаемых для каждой метки. */
var maxNumberOfLabels = 4; /* Максимальное число отображаемых меток. */
var excludeEmptyLabels = true; /* Скрывать ли метки, для которых нет подходящих постов. true — скрывать, false — отображать. */
var excludeLabels = []; /* Метки, которые не следует отображать. */


/* Смена отображаемых имён.
Здесь перечисляем соответствия реального имени метки и названия, которое будет показано на странице.
Если для двух меток указать одно название, они при отображении склеятся в одну метку.
Если метка здесь не перечисляется, то отображается под своим настоящим названием.
*/
var renameLabels = {};
function is_in(item, array) {
for (k in array)
if (array[k] == item) return true;
return false;
}
function label_title(label) {
if (renameLabels[label])
return renameLabels[label];
return label;
}
totalLabels = 0;
receivedReplies = 0;
var receivedItems = [];
var k_label;
function labelReceived() {
receivedReplies++;
if (receivedReplies != totalLabels)
return;
var labelCount = 0;
for (k_label in receivedItems) {
var items = receivedItems[k_label];
if (items.length == 0 &amp;&amp; excludeEmptyLabels)
continue;
labelCount++;
}
var labelCount1 = 0;
for (k_label in receivedItems) {
var items = receivedItems[k_label];
if (items.length == 0 &amp;&amp; excludeEmptyLabels)
continue;
var ul = document.createElement(&#39;ul&#39;);
var itemsCount = 0;
for (var k_item in items) {
item = items[k_item];
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = item.href;
var txt = document.createTextNode(item.title);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
itemsCount++;
if (itemsCount == maxNumberOfPostsPerLabel)
break;
}
var txt = document.createTextNode(k_label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
if (!(labelCount == 1 &amp;&amp; header1.search &amp;&amp; header1.search(/(LABEL)/) != -1))
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;data2007840980&#39;).appendChild(div1);
labelCount1++;
if (labelCount1 == maxNumberOfLabels)
break;
}
var txt;
if (labelCount == 1 &amp;&amp; header1)
txt = document.createTextNode(header1.replace(«__LABEL__», k_label));
else if (labelCount)
txt = document.createTextNode(headerN);
else if (header0)
txt = document.createTextNode(headerN);
if (txt)
{
var h = document.createElement(«h4″);
h.appendChild(txt);
document.getElementById(&#39;data2007840981&#39;).appendChild(h);
}
}
function receiveReply_123(json) {
var label = «»;
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++)
label = label.replace(&quot;%20&quot;, &quot; &quot;);
label = decodeURI(label);
break;
}
}
var labelTitle = label_title(label);
if (typeof receivedItems[labelTitle] != «object»)
receivedItems[labelTitle] = [];
for (var k in json.feed.entry) {
var entry = json.feed.entry[k];
var href = «»;
for (var kl in entry.link) {
if (entry.link[kl].rel == «alternate») {
href = entry.link[kl].href;
break;
}
}
if(href != «» &amp;&amp; href != location.href) {
var item = { «href» : href, «title» : entry.title.$t};
receivedItems[labelTitle].push(item);
}
}
labelReceived();
}
function sendQueryForLabel(query, label) {
var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=receiveReply_123&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}
var parsedlabels = [];
var labelsCount = 0;
function list_items(textLabel) {
if (labelsCount &gt;= maxNumberOfLabels ||
is_in(textLabel, excludeLabels) ||
is_in(textLabel, parsedlabels)) {
labelReceived();
return;
}
labelsCount++;
parsedlabels.push(textLabel);
sendQueryForLabel(homeUrl3, textLabel);
}
<b:loop values=’data:posts’ var=’post’>
<b:loop values=’data:post.labels’ var=’label’>
totalLabels++;
</b:loop>
</b:loop>
<b:loop values=’data:posts’ var=’post’>
<b:loop values=’data:post.labels’ var=’label’>
list_items(&quot;<data:label.name/>&quot;);
</b:loop>
</b:loop>
</script>
</div>
</div>
</b:if>



3. Изменяем настройки виджета на свой вкус.
4. Пользуемся!

Виджет похожих статей в конце сообщений для Blogger/Blogspot

ВЗЯТО ЗДЕСЬ

Привет дорогие друзья! Виджет: похожие сообщения для Blogger/Blogspot.Этот превосходный трюк для отображения ссылок на соответствующие статьи под каждым из ваших сообщений в блоге . Статьи выбираются из иных постов в той же категории-этикетки-метки. При помощи данного хака Вам поможет удержать читателей на ресурсе и поспособствует лучшему ознакомлению с материалами блога.Виджет похожих статей является одним из максимально важных и распространенных дополнений в блоге.Есть несколько способов вывода похожих сообщений блога в одном блоке. Об одном из них пойдет речь далее.Такой гаджет довольно прост в установке и не потребует любых дополнительных правок. Между тем, это довольно гибкий для последующих настроек скрипт, который на самом деле выводит к показу похожие статьи из той же рубрики, что и пост, к которому он приведен, а не просто отображает перечни опубликованных раньше сообщений блога.

             Как добавить виджет связанные сообщения вашего блога?


1. Перейти в Дизайн> Изменить HTML в вашей панели инструментов Blogger.
2. Создайте резервную копию существующего шаблона перед внесением изменений.
3. Удостоверьтесь,чтобы была поставлена галочка " Расширить шаблоны виджета".
4. Поиск строчки </head>
5. Добавьте следующий код только перед </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 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9y1DErNrnAPwc8aiVIAj4qk1xAjdvrpXGVU81ACGjwe26TShkH9czFyq3l9se8ySzv4CSQ3uwpdlzdaozteBHlg2ABA3xJ325ybqXaWI1gK5bJsigSCNNed71T6GXylZ7PfHsxkVRlOc/") no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style> <script src='http://db.tt/Sm54s9oF' type='text/javascript'/>

6. Теперь поиск <data:post.body/> . В некоторых шаблонах этот код может выглядеть следующим образом class='post-body> <div или <data:post.body/>

7. Добавьте следующий код только после <data:post.body/>  
<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 != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>

8. Теперь сохраните шаблон и все готово!

Настройка: для того чтобы изменить  количество связанных сообщений ,поиск кода (выделенно зелёным) и измените " 5 "на любое Ваше число.
Всего доброго.Желаю Вам удачи.

Похожие статьи с миниатюрами для Blogger

Добрый день! Похожие сообщения с миниатюрами для Blogger это отображение ссылки на соответствующие статьи,а также эскиз картинки на соответствующее сообщение.Поможет вам увеличить просмотры страниц вашими посетителями.В отличии от LinkWithin
этот скрипт  не тормозит загрузку блога и отображается только на страницах постов,а не на главной.Давайте приступим.
Похожие статьи с миниатюрами в конце каждого сообщения для Blogger
Заходим в Дизайн--Изменить HTML.Отмечаем галочкой “Расширить шаблоны виджетов”Далее с помощью поиска (Ctrl+F)  найдите  эту строку в вашем шаблоне: </head> и прямо над ним вставляем код:

 <!--Related Posts with thumbnails Scripts and Styles Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}
#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script src='http://dl.dropbox.com/u/48089857/relatedthumbs19.js' type='text/javascript'/>
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->


Дальше ищем другую строчку: <div class='post-footer-line post-footer-line-1'> если не найдёте тогда  такую: <p class='post-footer-line post-footer-line-1'> Теперь сразу после любой из этих строчек (в зависимости от того какую Вы нашли) вставляем этот фрагмент кода:

<!-- Related Posts with Thumbnails Code Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop><a href='http://forbloggerhelp.blogspot.com/2011/11/pohozhie-stati-s-miniatjurami-dlja.html' style='display:none;'>Related Posts with thumbnails for blogger</a><a href='http://forbloggerhelp.blogspot.com/' style='display:none;'>blogger widgets</a>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5;
var relatedpoststitle="Похожие сообщения";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<!-- Related Posts with Thumbnails Code End-->

Теперь Вы можете настроить максимальное количество связанных сообщений для вывода,редактируя эту строку в коде: var maxresults=5; можно отображать даже в два ряда.Также можете заменить слово Похожие сообщения на своё.Всё. Желаю удачи.
P.S.Для изменения цвета и шрифта,Вы должны будете изменить в первом коде CSS
 
 

Последние статьи с миниатюрами для каждого ярлыка


Привет!Вот спешу поделиться с Вами с хорошим,нужным виджетом: Последние статьи с миниатюрами для каждого ярлыка.Покажите Вашим посетителям,какие новые сообщения Вы написали.Его преимущества перед другими - отображение небольших миниатюр изображений и возможность настраивать показ анонсов сообщений строго для каждого  ярлыка.При установке-виджет сам подстраивается под дизайн блога и нет  необходимости его доводить до ума.Если есть изображение в постах виджет автоматически отображает небольшие иконки картинок рядом с  текстом сообщений. Если в каком-либо сообщении картинка отсутствует, он выводит маленькое изображение по умолчанию, которое, Вы можете подобрать сами.Вот небольшое вступление написал,давайте приступим к установке.
  Как установить виджет последние статьи с миниатюрами для каждого ярлыка
Зайдите в Дизайн -- Изменить HTML. Используя сочетание клавиш Ctrl+F найдите строчку  ]]></b:skin> и сразу перед ним вставьте этот код:

/*** Featured Categories ***/
     img.label_thumb{
        float:left;
padding:5px;
border:1px solid #8f8f8f;
background:#d2d0d0;
margin-right:10px;
height:55px;
width:55px;
}


     img.label_thumb:hover{
background:#f7f6f6;
}


     .label_with_thumbs {
float: left;
width: 100%;
min-height: 70px;
margin: 0px 10px 2px 0px;
adding: 0;
}


     ul.label_with_thumbs li {
padding:8px 0;
min-height:65px;
margin-bottom:10px;
}


    .label_with_thumbs a {}
    .label_with_thumbs strong {}


            Дальше найдите строку </head> и также перед ним вставьте вот этот код:

<script type='text/javascript'>
//<![CDATA[


function labelthumbs(json){document.write('<ul class="label_with_thumbs">');for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}


if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error)


{s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl=d;}else thumburl='https://lh6.googleusercontent.com/-I_9XRyFJ160/TsX8wEnA2BI/AAAAAAAAB5Y/yAwyd8EAnyE/s70/noimage.jpg';}


var postdate=entry.published.$t;var cdyear=postdate.substring(0,4);var cdmonth=postdate.substring(5,7);var cdday=postdate.substring(8,10);var monthnames=new Array();monthnames[1]="Jan";monthnames[2]="Feb";monthnames[3]="Mar";monthnames[4]="Apr";monthnames[5]="May";monthnames[6]="Jun";monthnames[7]="Jul";monthnames[8]="Aug";monthnames[9]="Sep";monthnames[10]="Oct";monthnames[11]="Nov";monthnames[12]="Dec";document.write('<li class="clearfix">');if(showpostthumbnails==true)


document.write('<a href="'+posturl+'" target ="_top"><img class="label_thumb" src="'+thumburl+'"/></a>');document.write('<strong><a href="'+posturl+'" target ="_top">'+posttitle+'</a></strong>
');if("content"in entry){var postcontent=entry.content.$t;}
else
if("summary"in entry){var postcontent=entry.summary.$t;}


else var postcontent="";var re=/<\S[^>]*>/g;postcontent=postcontent.replace(re,"");if(showpostsummary==true){if(postcontent.length<numchars){document.write('');document.write(postcontent);document.write('');}


else{document.write('');postcontent=postcontent.substring(0,numchars);var quoteEnd=postcontent.lastIndexOf(" ");postcontent=postcontent.substring(0,quoteEnd);document.write(postcontent+'...');document.write('');}}


var towrite='';var flag=0;document.write('
');if(showpostdate==true){towrite=towrite+monthnames[parseInt(cdmonth,10)]+'-'+cdday+' - '+cdyear;flag=1;}


if(showcommentnum==true)


{if(flag==1){towrite=towrite+' | ';}


if(commenttext=='1 Comments')commenttext='1 Comment';if(commenttext=='0 Comments')commenttext='No Comments';commenttext='<a href="'+commenturl+'" target ="_top">'+commenttext+'</a>';towrite=towrite+commenttext;flag=1;;}


if(displaymore==true)


{if(flag==1)towrite=towrite+' | ';towrite=towrite+'<a href="'+posturl+'" class="url" target ="_top">More »</a>';flag=1;;}


document.write(towrite);document.write('</li>');if(displayseparator==true)


if(i!=(numposts-1))


document.write('');}document.write('</ul>');}


//]]>
</script>


Сохраните шаблон и перейдите во вкладку "Дизайн", в шаблоне Вашего блога выберите место для виджета сообщений и добавьте гаджет HTML/JavaScript. В его поле вставьте код:

<script type='text/javascript'>var numposts = 4;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 10;</script>
<script type="text/javascript" src="/feeds/posts/default/-/Название_Ярлыка?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

                                            Дальше нужно сделать настройки:

Слова "Название Ярлыка" замените на точное наименование того ярлыка, анонсы которого должны отображаться;
var numposts = 4 - количество анонсов для отображения;
var numchars = 10 - количество текстовых знаков в каждом анонсе;
var showcommentnum - показ числа комментариев к статье либо запрет (true/false);
var showpostdate - показ или запрет отображения дат в анонсах (true/false, соответственно);
var showpostsummary - показ или запрет текстовых вступлений из постов (true/false).
Итог: в блоге можно размещать любое количество таких элементов, каждый раз просто прописывая собственный адрес ярлыка.

Вот и всё.Немного усилий и виджет последние статьи с миниатюрами для каждого ярлыка установлен.

ВЗЯТО ЗДЕСЬ 

Постраничная навигация(Page Navigation)для Blogger

Привет всем!Сегодня будем ставить удобную систему навигации  для Вашего блога. Стандартный вид навигации - отображён ссылками: Следующее; Главная страница; Предыдущее; что очень не удобно для посетителей.Я покажу Вам как поставить нормальную постраничную навигацию с помошью простого  Java Scriptа.Прежде я пошлю Вас посмотреть этот виджет в действии.Смотреть Демо.Теперь можно приступать.

Как поставить нумерованный Page Navigation  для блоггера
Заходим в Дизайн--Изменить HTML.Далее с помощью поиска (Ctrl+F)  найдите  эту строку в вашем шаблоне: ]]></b:skin>.Перед этой строкой Вам надо будет поставить CSS стиль вашей навигации.Обязательно перед ]]></b:skin> вставляем этот код:

.showpageArea a {
text-decoration:underline;
}
.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-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#CCCCCC none repeat scroll 0 0;
border:1px solid #CCCCCC;
color:#333333;
margin:0 3px;
padding:3px 7px;
text-decoration:none;
}
.showpageOf {
margin:0 3px 0 0;
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;
}


Сохраните шаблон.Теперь идите Макет -- Элементы страницы и нажмите кнопку "Добавить гаджет"--  "HTML / Java Script"затем вставьте в поле гаджета этот код: код длинный с прокруткой.


<script type='text/javascript'>
var home_page_url = location.href;
var pageCount=1;
var displayPageNum=3;
var upPageWord ='Previous';
var downPageWord ='Next';
function showpageCount(json) {
var thisUrl = home_page_url;
var htmlMap = new Array();
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';
for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp1 = post.published.$t.substring(0,19)+post.published.$t.substring(23,29);
timestamp = encodeURIComponent(timestamp1);
var title = post.title.$t;
if(title!=''){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
  thisNum = postNum;
}


if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'&max-results='+pageCount;
}
}
itemCount++;


}


for(var p =0;p< htmlMap.length;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
 upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';
}else{
 upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}


fFlag++;
}


if(p==(thisNum-1)){
html += '<span class="showpagePoint">'+thisNum+'</span>';
}else{
if(p==0){
  html += '<span class="showpageNum"><a href="/">1</a></span>';


}else{
 html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +'</a></span>';
}
}


if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}
}


if(thisNum>1){
html = ''+upPageHtml+' '+html +' ';
}


html = '<div class="showpageArea"><span  class="showpageOf"> Pages ('+(postNum-1)+')</span>'+html;


if(thisNum<(postNum-1)){
html += downPageHtml;
}


if(postNum==1) postNum++;
html += '</div>';


var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");


if(postNum <= 2){
html ='';
}


for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}


if(pageArea&&pageArea.length>0){
html ='';
}


if(blogPager){
blogPager.innerHTML = html;
}


}


function showpageCount2(json) {


var thisUrl = home_page_url;
var htmlMap = new Array();
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';


var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';
var thisUrl = home_page_url;


for(var i=0, post; post = json.feed.entry[i]; i++) {


var timestamp1 = post.published.$t.substring(0,19)+post.published.$t.substring(23,29);
timestamp = encodeURIComponent(timestamp1);


var title = post.title.$t;


if(title!=''){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
 thisNum = postNum;
}


if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'&max-results='+pageCount;


}
}
itemCount++;
}


for(var p =0;p< htmlMap.length;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
 upPageHtml = labelHtml + upPageWord +'</a></span>';
}else{
 upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}


fFlag++;
}


if(p==(thisNum-1)){
html += '<span class="showpagePoint">'+thisNum+'</span>';
}else{
if(p==0){
 html = labelHtml+'1</a></span>';
}else{
 html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +'</a></span>';
}
}


if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}
}


if(thisNum>1){
if(!isLablePage){
html = ''+upPageHtml+' '+html +' ';
}else{
html = ''+upPageHtml+' '+html +' ';
}
}


html = '<div class="showpageArea"><span  class="showpageOf"> Pages ('+(postNum-1)+')</span>'+html;


if(thisNum<(postNum-1)){
html += downPageHtml;
}


if(postNum==1) postNum++;
html += '</div>';


var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");


if(postNum <= 2){
html ='';
}


for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}


if(pageArea&&pageArea.length>0){
html ='';
}


if(blogPager){
blogPager.innerHTML = html;
}


}


</script>
<script type='text/javascript'>


var thisUrl = home_page_url;
if (thisUrl.indexOf("/search/label/")!=-1){
if (thisUrl.indexOf("?updated-max")!=-1){
var lblname1 = thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"));
}else{
var lblname1 = thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"));
}
}


var home_page = "/";
if (thisUrl.indexOf("?q=")==-1){
if (thisUrl.indexOf("/search/label/")==-1){
document.write('<script src="'+home_page+'feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" ><\/script>')
}else{document.write('<script src="'+home_page+'feeds/posts/full/-/'+lblname1+'?alt=json-in-script&callback=showpageCount2&max-results=99999" ><\/script>')
}
}
</script>


Перетащите новый гаджет под раздел "Сообщения  блога". Выделенное зелёным цветом Вы можете поменять на свои значения.Вот и всё.Мы установили виджет: Постраничная навигация(Page Navigation)для Blogger.

ВЗЯТО ЗДЕСЬ