Rss - atom
Rss - Feedbeurner
Панель инструментов
Дизайн
Это очень удобная функция. Пагинация нумерует страницы, как в книге, позволяет читателям уходить глубоко в архив блога с огромной лёгкостью.Если вы хотите добавить этот хак, следуйте по инструкции:
В данном случае вы можете выбирать дизайн:
Перейти далее
Перейти далее
Для того, чтобы добавить такой пагенатор следует выполнить несколько операций:
Перейдите в Настройки блога > Макет > Изменить HTML
Найдите строчку
]]></b:skin>
Перед ней вставьте стили:
.showpageArea a {
margin:0.7px;
color:#000;
text-decoration:none;
}
.showpageNum a {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdC84RI0AtD16Lad2Wpm61PVBazzmbdKQl-rJ1ZQv6yZ-QPMwM4nngI24j3I9ybdnaXFFSgxlGDvIZKrPyAZNRtwqKTgTtyc5qipXyR7ibnblii4lxvEVaOnWNurAjvlG247ZAWzL1Qzg/) ;
padding:9px 23px 14px 14px;
text-decoration:none;
}
.showpageNum a:hover {
color:#FFF !important;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEaWOWJJsXExWTDRCX9LHYn86NwdkjFIzQEnNnpQBAjt5N85LpcEZ6-S5AiWq_GDwXquTyBncgywbL49h4fgjkvY1wg6cgSt04wUlvsMSnig6RxQg-I6VUR4VKs9oW1XmInAsz61QZ7_I/);
padding:8px 24px 14px 14px;
background-color:#ccc;
}
.showpagePoint {
color:#FFFFFF;
text-decoration:none;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEaWOWJJsXExWTDRCX9LHYn86NwdkjFIzQEnNnpQBAjt5N85LpcEZ6-S5AiWq_GDwXquTyBncgywbL49h4fgjkvY1wg6cgSt04wUlvsMSnig6RxQg-I6VUR4VKs9oW1XmInAsz61QZ7_I/) repeat scroll 0% 0%;
padding:8px 24px 14px 14px;
}
.showpageOf {
display:none;
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
padding:4px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333;
}
.showpage{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEif1_4UgP3FZ2IgI-_k66wsaWAQml-dzsnsgMj4ULR16X5Jyjn6KIhOgoUXJu8pjgestN0CbgkRd8Kha1vUkeIR1kYjIThciKYROaPNSISsyjuF3ig4U7VsKvgTK0BgPKnhzbqCHpjssVw/);
font-size:14px;
padding:10px 71px 10px 7px;
}
.showpage-next{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEif1_4UgP3FZ2IgI-_k66wsaWAQml-dzsnsgMj4ULR16X5Jyjn6KIhOgoUXJu8pjgestN0CbgkRd8Kha1vUkeIR1kYjIThciKYROaPNSISsyjuF3ig4U7VsKvgTK0BgPKnhzbqCHpjssVw/);
font-size:15px;
padding:10px 34px 10px 7px;
}
#blog-pager{
background:#FFFFFF none repeat scroll 0% 0%;
padding:1em;
text-align:center;
}
Теперь найдите строчку
<b:widget id='Blog1' locked='true' title='Сообщения
блога' type='Blog'/>
Сразу под ней вы увидите тег
</b:section>
Под ним вставьте код:
<script type="text/javascript">
function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage = thisUrl.substring(thisUrl.length-5,thisUrl.length)==".com/";
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var isPage = thisUrl.indexOf("/search?updated")!=-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 pageCount = 5;
var displayPageNum = 5;
var upPageWord = 'Предыдущие';
var downPageWord = 'Далее';
var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';
for(var i=0, post; post = json.feed.entry[i]; i++) {var timestamp = post.published.$t.substr(0,10);
var title = post.title.$t;
if(isLablePage){
if(title!=''){
if(post.category){
for(var c=0, post_category; post_category = post.category[c]; c++)
{if(encodeURIComponent(post_category.term)==thisLable){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}
postNum++;htmlMap[htmlMap.length] =
'/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;}
}
}
}//end if(post.category){
itemCount++;
}
}else{
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+'T00%3A00%3A00%2B08%3A00&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){
if(isLablePage){
upPageHtml = labelHtml + upPageWord +'</a></span>';
}else{
upPageHtml = '<span class="showpage-next"><a href="/">'+ upPageWord +'</a></span>';
}
}else{
upPageHtml = '<span class="showpage-next"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}
fFlag++;}
if(p==(thisNum-1)){
html += '<span class="showpagePoint">'+thisNum+'</span>';
}else{
if(p==0){
if(isLablePage){
html = labelHtml+'1</a></span>';
}else{
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++;
}
}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
}//end for(var p =0;p< htmlMap.length;p++){
if(thisNum>1){
if(!isLablePage){
html = ''+upPageHtml+' '+html+' ';
}else{
html = ''+upPageHtml+' '+html+' ';
}
}
html = '<div class="showpageArea"><span style="COLOR: #000;" class="showpageOf"> Страниц ('+(postNum-1)+')</span>'+html;
if(thisNum<(postNum-1)){
html += downPageHtml;
}
if(postNum==1) postNum++;
html += '</div>';
if(isPage || isFirstPage || isLablePage){
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 src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999"; type="text/javascript"></script>
</div>
На этом всё!!!
Для того, чтобы добавить такой пагенатор следует выполнить несколько операций:
Перейдите в Настройки блога > Макет > Изменить HTML
Найдите строчку
]]></b:skin>
Перед ней вставьте стили:
.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #ccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #ccc;
background-color:#ccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #ccc;
background: #ccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #ccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333;
}
Теперь найдите строчку
<b:widget id='Blog1' locked='true' title='Сообщения
блога' type='Blog'/>
Сразу под ней вы увидите тег
</b:section>
Под ним вставьте код:
<script type="text/javascript">
function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage = thisUrl.substring(thisUrl.length-5,thisUrl.length)==".com/";
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var isPage = thisUrl.indexOf("/search?updated")!=-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 pageCount = 5;
var displayPageNum = 5;
var upPageWord = 'Previous';
var downPageWord = 'Next';
var labelHtml = '<span
class="showpageNum"><a
href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';
for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp = post.published.$t.substr(0,10);
var title = post.title.$t;
if(isLablePage){
if(title!=''){
if(post.category){
for(var c=0, post_category; post_category = post.category[c]; c++) {
if(encodeURIComponent(post_category.term)==thisLable){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}
postNum++;
htmlMap[htmlMap.length] =
'/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
}
}//end if(post.category){
itemCount++;
}
}else{
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+'T00%3A00%3A00%2B08%3A00&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){
if(isLablePage){
upPageHtml = labelHtml + upPageWord +'</a></span>';
}else{
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){
if(isLablePage){
html = labelHtml+'1</a></span>';
}else{
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++;
}
}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
}//end for(var p =0;p< htmlMap.length;p++){
if(thisNum>1){
if(!isLablePage){
html = ''+upPageHtml+' '+html +' ';
}else{
html = ''+upPageHtml+' '+html +' ';
}
}
html = '<div
class="showpageArea"><span
style="COLOR: #000;"
class="showpageOf"> Pages
('+(postNum-1)+')</span>'+html;
if(thisNum<(postNum-1)){
html += downPageHtml;
}
if(postNum==1) postNum++;
html += '</div>';
if(isPage || isFirstPage || isLablePage){
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
src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999";
type="text/javascript"></script>
На этом всё!!!
Скачать