طريقة إستبدال رسائل أحدث & أقدم بعناوين التدوينات في Blogger

مرحبا ً مرة أخرى , اليوم لم أنتهي من وضع الدروس والشروحات التعليمية المصورة , في درسنا هذا سنتعلم طريقة إستبدال رسائل أحدث ورسائل أقدم بروابط مباشرة لعناوين التدوينات التي تليها سواء أقدم أو أحدث .

مثال :

الخطوة الأولى : من لوحة التحكم >> تصميم >> تحرير HTML :

الخطوة الثانية : التأشير على "توسيع قوالب عناصر واجهة المستخدم" كما في الصورة :

الخطوة الثالثة : البحث عن الكود التالي :

</head>

الخطوة الرابعة : وضع الكود التالي قبل الكود السابق مباشرة :

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>

ومن ثم نقوم بـ "حفظ القالب" .

الخطوة الخامسة : التوجه إلى عناصر الصفحة من تبويبة تصميم ونختار "إضافة أداة" :

الخطوة السادسة : إختيار إضافة HTML / JavaScript :

ونسخ الكود التالي في هذه الإضافة :

<!-- Post title blog pager by hashem-b.com START -->
<style type="text/css"> 
#blog-pager-newer-link {font-size:85%;width:200px;text-align:left;} 
#blog-pager-older-link {font-size:85%;width:200px;text-align:right;} 
</style> 
<script type="text/javascript">
$(document).ready(function(){ 
var newerLink = $("a.blog-pager-newer-link").attr("href"); 
$("a.blog-pager-newer-link").load(newerLink+" .post-title:first", function() { 
var newerLinkTitle = $("a.blog-pager-newer-link:first").text(); 
$("a.blog-pager-newer-link").text("<< " + newerLinkTitle); 
}); 
var olderLink = $("a.blog-pager-older-link").attr("href"); 
$("a.blog-pager-older-link").load(olderLink+" .post-title:first", function() { 
var olderLinkTitle = $("a.blog-pager-older-link").text(); 
$("a.blog-pager-older-link").text(olderLinkTitle + " >>");//rgt 
}); 
}); 
</script>
<!-- Post title blog pager by hashem-b.com END -->

ومن ثم نقوم بـ "حفظ" الأداة .

نكون بهذا أنهينا درسنا , الأداة تم طلبها من قبل الكثير من الزوار الكرام , من عيوب هذه الأداة أنها في الصفحة الرئيسية يظهر عملها أيضا ً :

تمنياتي للجميع بالتوفيق :)

التصنيف :