/*################warch-mo.blogspot.com Pager ##########################*/
.warch-mo-pager { border-top: 2px dashed #ddd; border-bottom: 2px dashed #ddd; overflow:hidden; padding:0px;}
.warch-mo-pager li.next { float: right; padding:0px; background:none; margin:0px;}
.warch-mo-pager li.next a { padding-left: 24px; }
.warch-mo-pager li.previous { margin:0px -2px 0px 0px; float: left;  border-right:1px solid #ddd; padding:0px; background:none;
}
.warch-mo-pager li.previous a { padding-right: 24px;  }
.warch-mo-pager li.next:hover, .warch-mo-pager li.previous:hover  {background:#646464; }
.warch-mo-pager li { width: 50%; display: inline; float: left; text-align: center; }
.warch-mo-pager li a { position: relative; min-height: 77px; display: block; padding: 15px 46px 15px; outline:none; text-decoration:none;}
.warch-mo-pager li i { color: #ccc; font-size: 18px; }
.warch-mo-pager li a strong { display: block; font-size: 20px; color: #ccc; letter-spacing: 0.5px; font-weight: bold; text-transform: uppercase; font-family:oswald, sans-serif, arial; margin-bottom:10px;}
.warch-mo-pager li a span { font-size: 15px; color: #666;  font-family:Droid Arabic Kufi; margin:0px;}
.warch-mo-pager li a:hover span,
.warch-mo-pager li a:hover i { color: #ffffff; }
.warch-mo-pager li.previous i { float:left; margin-top:15%; margin-left:5%; }
.warch-mo-pager li.next i { float: right;
margin-top: 15%;
margin-right: 5%; }
.warch-mo-pager li.next i, .warch-mo-pager li.previous i ,
.warch-mo-pager li.next,  .warch-mo-pager li.previous{
-webkit-transition-property: background color; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease-out;
-moz-transition-property: background color; -moz-transition-duration: 0.4s; -moz-transition-timing-function: ease-out;
-o-transition-property: background color; -o-transition-duration: 0.4s; -o-transition-timing-function: ease-out;
transition-property: background color; transition-duration: 0.4s; transition-timing-function: ease-out; }
.fa-chevron-right {padding-right:0px;}
.fa-chevron-left:before {
content: "\203A";
}
.fa-chevron-right:before {
content: "\2039";
}
.warch-mo-pager li.previous i {
color: #CCCCCC;
font: 45px tahoma;
margin-top: 25px;
}
.warch-mo-pager li.next i {
color: #CCCCCC;
font: 45px tahoma;
margin-top: 25px;
}

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<ul class='warch-mo-pager'>
        <li class='next'> 
<b:if cond='data:newerPageUrl'> 
<i class='fa fa-chevron-right'/><a class='newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' rel='next'/> 
<b:else/> 
<i class='fa fa-chevron-right'/><a rel='next'><strong>Next</strong> <span>أنت تتصفح أحدث موضوع</span></a> 
</b:if> 
</li>
    <li class='previous'> 
<b:if cond='data:olderPageUrl'> 
<i class='fa fa-chevron-left'/><a class='older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' rel='previous'/> 
<b:else/> 
<i class='fa fa-chevron-left'/><a rel='previous'><strong>Previous</strong> <span>أنت تصفح أول موضوع</span></a> 
</b:if> 
</li>
    </ul>

<script type='text/javascript'> 
//<![CDATA[ 
(function($){    
    var newerLink = $('a.newer-link'); 
    var olderLink = $('a.older-link'); 
    $.get(newerLink.attr('href'), function (data) { 
     newerLink.html('<strong>Next</strong> <span>'+$(data).find('.post h2').text()+'</span>');    
    },"html"); 
    $.get(olderLink.attr('href'), function (data2) { 
     olderLink.html('<strong>Previous</strong> <span>'+$(data2).find('.post h2').text()+'</span>');    
    },"html"); 
})(jQuery); 
//]]> 
</script>
      </b:if></b:if>

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
ضع الكود الذي وجدته هنا
</b:if></b:if>