كيفية إضافة الموضوع السابق والموضوع التالي في Blogger اسفل الموضوع

كيفية إضافة الموضوع السابق والموضوع التالي في  Blogger اسفل الموضوع

Add Post Titles To Older Post Newer Post Links On Your Blog

نذهب الى (تصميم) / ثم الى (تحرير HTML)/ ثم نضغط على زر توسيع قوالب عناصر واجهة المستخدم

-->

ثم نضغط على مفتاح كنترول وا + اف ليظهر مربع البحث ونبحث عن 

</head>

ونضع هذا الكود اعلاه مباشر

<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>

ونبحث ايضا على العنصر التالي

</body>

-->
ونضع هذا الكود اعلاه مباشر

<!--Start post title code http://www.top-new-now.blogspot.com -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
// Post titles to Older Post and Newer Post links (without stats skew)
// by MS-Bassem 2012. See http://www.social-news.net/2012/02/blogger.html
//<![CDATA[
var urlToNavTitle = {};
function getTitlesForNav(json) {
for(var i=0 ; i < json.feed.entry.length ; i++) {
var entry = json.feed.entry[i];
var href = "";
for (var k=0; k<entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
href = entry.link[k].href;
break;
}
}
if(href!="") urlToNavTitle[href]=entry.title.$t;
}
}
document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/posts/summary?redirect=false&max-results=500&alt=json-in-script&callback=getTitlesForNav"></'+'script>');
function urlToPseudoTitle(href) {
var title=href.match(/\/([^\/_]+)(_.*)?\.html/);
if(title) {
title=title[1].replace(/-/g," ");
title=title[0].toUpperCase() + title.slice(1);
if(title.length > 28) title=title.replace(/ [^ ]+$/, "...")
}
return title;
}
$(window).load(function() {
window.setTimeout(function() {
var href = $("a.blog-pager-newer-link").attr("href");
if(href) {
var title=urlToNavTitle[href];
if(!title) title=urlToPseudoTitle(href);
if(title) $("a.blog-pager-newer-link").html("&lt;&lt; الموضوع التالي<br />" + title);
}
href = $("a.blog-pager-older-link").attr("href");
if(href) {
var title=urlToNavTitle[href];
if(!title) title=urlToPseudoTitle(href);
if(title) $("a.blog-pager-older-link").html("الموضوع السابق &gt;&gt;<br />" + title);
}
}, 500);
});
//]]>
</script>
</b:if><a href="http://www.social-news.net/2012/02/blogger.html">Gadgets By Bassem Up Your Blog</a><!--End post title code http://www.social-news.net 

-->

ونبحث ايضا على الكود التالي

]]></b:skin>

ونضع هذا الكود فوقة مباشر

.blog-pager-newer-link {background-color:transparent !important;padding: 0 !important;}
.blog-pager-older-link {background-color:transparent !important;padding: 0 !important;}
#blog-pager-newer-link {padding:5px;font-size:90%;width:200px;text-align:left;}
#blog-pager-older-link {padding:5px;font-size:90%;width:200px;text-align:right;}

-->
والان اضغط على حفظ وشاهد اي موضوع في المدونة وانزل اسفل الموضوع سترى بنفسك ما تم اضافتة
اي استفسار انا في خدمتكم
الموضوع حصري لمدونة توب نيو
http://www.social-news.net/2012/02/blogger.html