如何在Blogger中使用分页进行发布?

时间:2016-07-23 17:03:18

标签: jquery css pagination blogger

我已经创建了1到10个帖子的分页。但是,当我点击1或2页时。它没有像访问过的页面或活动页面那样变化。因此,帮助我做到这一点......

以下是css代码:

time interval is 1469263452.058
formatted date is =  23, July 2016 08:44:AM

以下是jQuery代码:

.post-pagination {
    margin: 100px auto;
    text-align: center;
    width: 100%;
    float:left;
}
.button_1, .button_2, .button_3, .button_4, .button_5, .button_6, .button_7, .button_8, .button_9, .button_10 {
    border: 2px solid #f4655f;
    font-weight: 900;
    padding: 5px 40px;
    color:#f4655f;
    transition:ease 0.69s !important;
}
.button_1:hover, .button_2:hover, .button_3:hover, .button_4:hover, .button_5:hover, .button_6:hover, .button_7:hover, .button_8:hover, .button_9:hover, .button_10:hover {
    background: none repeat scroll 0 0 #f4655f;
    color: #fff;
    text-decoration: none;
}
.post-pagination a {
    color:#4876ff;
    float: left;
    position:relative;
    left: 7%;
    list-style:none;
    margin: 0.5px;
}

1 个答案:

答案 0 :(得分:0)

使用以下编码解决了问题。我想更新我的答案。所以,其他用户可以从中受益:)

Below - <head>

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>


Above: 
    ]]></b:skin>

<!-- Pagination Script -->
.post-pagination {
    margin: 20px auto;
    text-align: center;
    width: 100%;
}
.post-pagination a {
    color:#f4655f;
    float: left;
    position:relative;
    left: 7%;
    list-style:none;
    margin: 0.5px;
}
.button_1, .button_2, .button_3, .button_4, .button_5, .button_6, .button_7, .button_8, .button_9, .button_10 {
    border: 2px solid #f4655f;
    font-weight: 900;
    padding: 5px 40px;
    color:#f4655f;
    transition:ease 0.69s !important;
}
.button_1:hover, .button_2:hover, .button_3:hover, .button_4:hover, .button_5:hover, .button_6:hover, .button_7:hover, .button_8:hover, .button_9:hover, .button_10:hover {
    background: none repeat scroll 0 0 #f4655f;
    color: #fff;
    text-decoration: none;
}
<!-- Pagination Script End Here -->


Above: </head  

<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('.button_1').click(function(){
jQuery('.content_1').fadeIn('slow');
jQuery('.content_2').fadeOut('fast');
jQuery('.content_3').fadeOut('fast');
jQuery('.content_4').fadeOut('fast');
jQuery('.content_5').fadeOut('fast');
jQuery('.content_6').fadeOut('fast');
jQuery('.content_7').fadeOut('fast');
jQuery('.content_8').fadeOut('fast');
jQuery('.content_9').fadeOut('fast');
jQuery('.content_10').fadeOut('fast');
jQuery(this).css('background','#F4655F');
jQuery(this).css('color','#fff');
jQuery('.button_2').css('background','#fff');
jQuery('.button_2').css('color','#F4655F');
jQuery('.button_3').css('background','#fff');
jQuery('.button_3').css('color','#F4655F');
jQuery('.button_4').css('background','#fff');
jQuery('.button_4').css('color','#F4655F');
jQuery('.button_5').css('background','#fff');
jQuery('.button_5').css('color','#F4655F');
jQuery('.button_6').css('background','#fff');
jQuery('.button_6').css('color','#F4655F');
jQuery('.button_7').css('background','#fff');
jQuery('.button_7').css('color','#F4655F');
jQuery('.button_8').css('background','#fff');
jQuery('.button_8').css('color','#F4655F');
jQuery('.button_9').css('background','#fff');
jQuery('.button_9').css('color','#F4655F');
jQuery('.button_10').css('background','#fff');
jQuery('.button_10').css('color','#F4655F');
return false;
});
jQuery('.button_2').click(function(){
jQuery('.content_1').fadeOut('fast');
jQuery('.content_2').fadeIn('slow');
jQuery('.content_3').fadeOut('fast');
jQuery('.content_4').fadeOut('fast');
jQuery('.content_5').fadeOut('fast');
jQuery('.content_6').fadeOut('fast');
jQuery('.content_7').fadeOut('fast');
jQuery('.content_8').fadeOut('fast');
jQuery('.content_9').fadeOut('fast');
jQuery('.content_10').fadeOut('fast');
jQuery(this).css('background','#F4655F');
jQuery(this).css('color','#fff');
jQuery('.button_1').css('background','#fff');
jQuery('.button_1').css('color','#F4655F');
jQuery('.button_3').css('background','#fff');
jQuery('.button_3').css('color','#F4655F');
jQuery('.button_4').css('background','#fff');
jQuery('.button_4').css('color','#F4655F');
jQuery('.button_5').css('background','#fff');
jQuery('.button_5').css('color','#F4655F');
jQuery('.button_6').css('background','#fff');
jQuery('.button_6').css('color','#F4655F');
jQuery('.button_7').css('background','#fff');
jQuery('.button_7').css('color','#F4655F');
jQuery('.button_8').css('background','#fff');
jQuery('.button_8').css('color','#F4655F');
jQuery('.button_9').css('background','#fff');
jQuery('.button_9').css('color','#F4655F');
jQuery('.button_10').css('background','#fff');
jQuery('.button_10').css('color','#F4655F');
return false;
});
jQuery('.button_3').click(function(){
jQuery('.content_1').fadeOut('fast');
jQuery('.content_2').fadeOut('fast');
jQuery('.content_3').fadeIn('slow');
jQuery('.content_4').fadeOut('fast');
jQuery('.content_5').fadeOut('fast');
jQuery('.content_6').fadeOut('fast');
jQuery('.content_7').fadeOut('fast');
jQuery('.content_8').fadeOut('fast');
jQuery('.content_9').fadeOut('fast');
jQuery('.content_10').fadeOut('fast');
jQuery(this).css('background','#F4655F');
jQuery(this).css('color','#fff');
jQuery('.button_1').css('background','#fff');
jQuery('.button_1').css('color','#F4655F');
jQuery('.button_2').css('background','#fff');
jQuery('.button_2').css('color','#F4655F');
jQuery('.button_4').css('background','#fff');
jQuery('.button_4').css('color','#F4655F');
jQuery('.button_5').css('background','#fff');
jQuery('.button_5').css('color','#F4655F');
jQuery('.button_6').css('background','#fff');
jQuery('.button_6').css('color','#F4655F');
jQuery('.button_7').css('background','#fff');
jQuery('.button_7').css('color','#F4655F');
jQuery('.button_8').css('background','#fff');
jQuery('.button_8').css('color','#F4655F');
jQuery('.button_9').css('background','#fff');
jQuery('.button_9').css('color','#F4655F');
jQuery('.button_10').css('background','#fff');
jQuery('.button_10').css('color','#F4655F');
return false;
});
jQuery('.button_4').click(function(){
jQuery('.content_1').fadeOut('fast');
jQuery('.content_2').fadeOut('fast');
jQuery('.content_3').fadeOut('fast');
jQuery('.content_4').fadeIn('slow');
jQuery('.content_5').fadeOut('fast');
jQuery('.content_6').fadeOut('fast');
jQuery('.content_7').fadeOut('fast');
jQuery('.content_8').fadeOut('fast');
jQuery('.content_9').fadeOut('fast');
jQuery('.content_10').fadeOut('fast');
jQuery(this).css('background','#F4655F');
jQuery(this).css('color','#fff');
jQuery('.button_1').css('background','#fff');
jQuery('.button_1').css('color','#F4655F');
jQuery('.button_2').css('background','#fff');
jQuery('.button_2').css('color','#F4655F');
jQuery('.button_3').css('background','#fff');
jQuery('.button_3').css('color','#F4655F');
jQuery('.button_5').css('background','#fff');
jQuery('.button_5').css('color','#F4655F');
jQuery('.button_6').css('background','#fff');
jQuery('.button_6').css('color','#F4655F');
jQuery('.button_7').css('background','#fff');
jQuery('.button_7').css('color','#F4655F');
jQuery('.button_8').css('background','#fff');
jQuery('.button_8').css('color','#F4655F');
jQuery('.button_9').css('background','#fff');
jQuery('.button_9').css('color','#F4655F');
jQuery('.button_10').css('background','#fff');
jQuery('.button_10').css('color','#F4655F');
return false;
});
jQuery('.button_5').click(function(){
jQuery('.content_1').fadeOut('fast');
jQuery('.content_2').fadeOut('fast');
jQuery('.content_3').fadeOut('fast');
jQuery('.content_4').fadeOut('fast');
jQuery('.content_5').fadeIn('slow');
jQuery('.content_6').fadeOut('fast');
jQuery('.content_7').fadeOut('fast');
jQuery('.content_8').fadeOut('fast');
jQuery('.content_9').fadeOut('fast');
jQuery('.content_10').fadeOut('fast');
jQuery(this).css('background','#F4655F');
jQuery(this).css('color','#fff');
jQuery('.button_1').css('background','#fff');
jQuery('.button_1').css('color','#F4655F');
jQuery('.button_2').css('background','#fff');
jQuery('.button_2').css('color','#F4655F');
jQuery('.button_3').css('background','#fff');
jQuery('.button_3').css('color','#F4655F');
jQuery('.button_4').css('background','#fff');
jQuery('.button_4').css('color','#F4655F');
jQuery('.button_6').css('background','#fff');
jQuery('.button_6').css('color','#F4655F');
jQuery('.button_7').css('background','#fff');
jQuery('.button_7').css('color','#F4655F');
jQuery('.button_8').css('background','#fff');
jQuery('.button_8').css('color','#F4655F');
jQuery('.button_9').css('background','#fff');
jQuery('.button_9').css('color','#F4655F');
jQuery('.button_10').css('background','#fff');
jQuery('.button_10').css('color','#F4655F');
return false;
});
jQuery('.button_6').click(function(){
jQuery('.content_1').fadeOut('fast');
jQuery('.content_2').fadeOut('fast');
jQuery('.content_3').fadeOut('fast');
jQuery('.content_4').fadeOut('fast');
jQuery('.content_5').fadeOut('fast');
jQuery('.content_6').fadeIn('slow');
jQuery('.content_7').fadeOut('fast');
jQuery('.content_8').fadeOut('fast');
jQuery('.content_9').fadeOut('fast');
jQuery('.content_10').fadeOut('fast');
jQuery(this).css('background','#F4655F');
jQuery(this).css('color','#fff');
jQuery('.button_1').css('background','#fff');
jQuery('.button_1').css('color','#F4655F');
jQuery('.button_2').css('background','#fff');
jQuery('.button_2').css('color','#F4655F');
jQuery('.button_3').css('background','#fff');
jQuery('.button_3').css('color','#F4655F');
jQuery('.button_4').css('background','#fff');
jQuery('.button_4').css('color','#F4655F');
jQuery('.button_5').css('background','#fff');
jQuery('.button_5').css('color','#F4655F');
jQuery('.button_7').css('background','#fff');
jQuery('.button_7').css('color','#F4655F');
jQuery('.button_8').css('background','#fff');
jQuery('.button_8').css('color','#F4655F');
jQuery('.button_9').css('background','#fff');
jQuery('.button_9').css('color','#F4655F');
jQuery('.button_10').css('background','#fff');
jQuery('.button_10').css('color','#F4655F');
return false;
});
jQuery('.button_7').click(function(){
jQuery('.content_1').fadeOut('fast');
jQuery('.content_2').fadeOut('fast');
jQuery('.content_3').fadeOut('fast');
jQuery('.content_4').fadeOut('fast');
jQuery('.content_5').fadeOut('fast');
jQuery('.content_6').fadeOut('fast');
jQuery('.content_7').fadeIn('slow');
jQuery('.content_8').fadeOut('fast');
jQuery('.content_9').fadeOut('fast');
jQuery('.content_10').fadeOut('fast');
jQuery(this).css('background','#F4655F');
jQuery(this).css('color','#fff');
jQuery('.button_1').css('background','#fff');
jQuery('.button_1').css('color','#F4655F');
jQuery('.button_2').css('background','#fff');
jQuery('.button_2').css('color','#F4655F');
jQuery('.button_3').css('background','#fff');
jQuery('.button_3').css('color','#F4655F');
jQuery('.button_4').css('background','#fff');
jQuery('.button_4').css('color','#F4655F');
jQuery('.button_5').css('background','#fff');
jQuery('.button_5').css('color','#F4655F');
jQuery('.button_6').css('background','#fff');
jQuery('.button_6').css('color','#F4655F');
jQuery('.button_8').css('background','#fff');
jQuery('.button_8').css('color','#F4655F');
jQuery('.button_9').css('background','#fff');
jQuery('.button_9').css('color','#F4655F');
jQuery('.button_10').css('background','#fff');
jQuery('.button_10').css('color','#F4655F');
return false;
});
jQuery('.button_8').click(function(){
jQuery('.content_1').fadeOut('fast');
jQuery('.content_2').fadeOut('fast');
jQuery('.content_3').fadeOut('fast');
jQuery('.content_4').fadeOut('fast');
jQuery('.content_5').fadeOut('fast');
jQuery('.content_6').fadeOut('fast');
jQuery('.content_7').fadeOut('fast');
jQuery('.content_8').fadeIn('slow');
jQuery('.content_9').fadeOut('fast');
jQuery('.content_10').fadeOut('fast');
jQuery(this).css('background','#F4655F');
jQuery(this).css('color','#fff');
jQuery('.button_1').css('background','#fff');
jQuery('.button_1').css('color','#F4655F');
jQuery('.button_2').css('background','#fff');
jQuery('.button_2').css('color','#F4655F');
jQuery('.button_3').css('background','#fff');
jQuery('.button_3').css('color','#F4655F');
jQuery('.button_4').css('background','#fff');
jQuery('.button_4').css('color','#F4655F');
jQuery('.button_5').css('background','#fff');
jQuery('.button_5').css('color','#F4655F');
jQuery('.button_6').css('background','#fff');
jQuery('.button_6').css('color','#F4655F');
jQuery('.button_7').css('background','#fff');
jQuery('.button_7').css('color','#F4655F');
jQuery('.button_9').css('background','#fff');
jQuery('.button_9').css('color','#F4655F');
jQuery('.button_10').css('background','#fff');
jQuery('.button_10').css('color','#F4655F');
return false;
});
jQuery('.button_9').click(function(){
jQuery('.content_1').fadeOut('fast');
jQuery('.content_2').fadeOut('fast');
jQuery('.content_3').fadeOut('fast');
jQuery('.content_4').fadeOut('fast');
jQuery('.content_5').fadeOut('fast');
jQuery('.content_6').fadeOut('fast');
jQuery('.content_7').fadeOut('fast');
jQuery('.content_8').fadeOut('fast');
jQuery('.content_9').fadeIn('slow');
jQuery('.content_10').fadeOut('fast');
jQuery(this).css('background','#F4655F');
jQuery(this).css('color','#fff');
jQuery('.button_1').css('background','#fff');
jQuery('.button_1').css('color','#F4655F');
jQuery('.button_2').css('background','#fff');
jQuery('.button_2').css('color','#F4655F');
jQuery('.button_3').css('background','#fff');
jQuery('.button_3').css('color','#F4655F');
jQuery('.button_4').css('background','#fff');
jQuery('.button_4').css('color','#F4655F');
jQuery('.button_5').css('background','#fff');
jQuery('.button_5').css('color','#F4655F');
jQuery('.button_6').css('background','#fff');
jQuery('.button_6').css('color','#F4655F');
jQuery('.button_7').css('background','#fff');
jQuery('.button_7').css('color','#F4655F');
jQuery('.button_8').css('background','#fff');
jQuery('.button_8').css('color','#F4655F');
jQuery('.button_10').css('background','#fff');
jQuery('.button_10').css('color','#F4655F');
return false;
});
jQuery('.button_10').click(function(){
jQuery('.content_1').fadeOut('fast');
jQuery('.content_2').fadeOut('fast');
jQuery('.content_3').fadeOut('fast');
jQuery('.content_4').fadeOut('fast');
jQuery('.content_5').fadeOut('fast');
jQuery('.content_6').fadeOut('fast');
jQuery('.content_7').fadeOut('fast');
jQuery('.content_8').fadeOut('fast');
jQuery('.content_9').fadeOut('fast');
jQuery('.content_10').fadeIn('slow');
jQuery(this).css('background','#F4655F');
jQuery(this).css('color','#fff');
jQuery('.button_1').css('background','#fff');
jQuery('.button_1').css('color','#F4655F');
jQuery('.button_2').css('background','#fff');
jQuery('.button_2').css('color','#F4655F');
jQuery('.button_3').css('background','#fff');
jQuery('.button_3').css('color','#F4655F');
jQuery('.button_4').css('background','#fff');
jQuery('.button_4').css('color','#F4655F');
jQuery('.button_5').css('background','#fff');
jQuery('.button_5').css('color','#F4655F');
jQuery('.button_6').css('background','#fff');
jQuery('.button_6').css('color','#F4655F');
jQuery('.button_7').css('background','#fff');
jQuery('.button_7').css('color','#F4655F');
jQuery('.button_8').css('background','#fff');
jQuery('.button_8').css('color','#F4655F');
jQuery('.button_9').css('background','#fff');
jQuery('.button_9').css('color','#F4655F');
return false;
});
});
</script>