تنسيق أزرار التنقل الأفتراضية لقوالب بلوجر

تنسيق أزرار التنقل الأفتراضية لقوالب بلوجر في هذا الموضوع سوف أشرح لكم كيفية تنسيق رسائل أقدم الصفحة الرئيسية رسائل أحدث لتي تظهر أسفل المواضيع لمدونات بلوجر.

طريقة تنسيق أزرار التنقل لمدونات بلوجر

1. أولاً قم بالدخول إلى لوحة تحكم بلوجر
2. توجه إلى قسم قالب
3. أنقر على تحرير HTML

الان ابحث عن الوسم ]]></b:skin> و اضف الكود التالي فوقه

.home-link {
background-color: #fff;
display: inline-block;
padding: 10px;
font-size: 13px;
color: #fa411e !important;
border-radius: 5px;
}
.home-link::after {
content: "\f015";
font: 30px fontawesome;
float: right;
}
.home-link:hover {
background:#fa411e;
color: #fff !important;
}
.blog-pager-newer-link {
background-color: #fff;
float: right;
display: inline-block;
padding: 10px;
color: #fa411e !important;
border-radius: 5px;
}
.blog-pager-newer-link::after {
content: "\f18e";
font: 30px fontawesome;
float: right;
}
.blog-pager-newer-link:hover {
background:#fa411e;
color: #fff !important;
}
.blog-pager-older-link {
background-color: #fff;
float: left;
display: inline-block;
padding:10px;
color: #fa411e!important;
border-radius: 5px;
}
.blog-pager-older-link::after {
content: "\f190";
font: 30px fontawesome;
float: left;
}
.blog-pager-older-link:hover {
background:#fa411e;
color: #fff !important;
}

الخطوة الأخير أبحث في قالب مدونتك عن الكود التالي

<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>

<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

 وقم بحذف الأجزاء الملون بــ الون الأصفر