شرح كيف إضافة أزرار التنقل لصفحات بلوجر
السلام عليكم ورحمة الله وبركاته
في هذا المقال الجديد سوف أشرح لك طريقة إضافة إلى مدونتك أزرار التنقل لصفحات بلوجر، ومية هاته الإضافة أنها تساعد الزائر في تصفح والتنقل داخل مدونتك بشكل سريع ، حيث تتوفر على خمسة اتجاهات : الرئيسية - إلى الأعلى - إلى الأسفل - رسالة أقدم - ورسالة أحدث
* و قم بلصق هذا الكود قبله :
<a name='bottom'/>
*وفي الأخير قم بالبحث عن الوسم:
السلام عليكم ورحمة الله وبركاته
في هذا المقال الجديد سوف أشرح لك طريقة إضافة إلى مدونتك أزرار التنقل لصفحات بلوجر، ومية هاته الإضافة أنها تساعد الزائر في تصفح والتنقل داخل مدونتك بشكل سريع ، حيث تتوفر على خمسة اتجاهات : الرئيسية - إلى الأعلى - إلى الأسفل - رسالة أقدم - ورسالة أحدث
لإضافة هاته الأداة كل ما عليك فعله فعله هو الذهاب إلى لوحة تحكم مدونتك والضغط على قالب ثم تحريرhtml ثم متابعة وتضع علامة على توسيع قوالب عناصر واجهة المستخدم، ثم ضغط في مفاتيح جهازك على CTRL+F
* وتبحث عن هذا الكود
<div class='blog-pager' id='blog-pager'>
*قم بلصق هذا الكود بعده مباشرة
<span id='blog-pager-top-link'>
<a class='blog-pager-top-link' href='#' title='إلى الأعلى'>إلى الأعلى</a>
</span>
<span id='blog-pager-bottom-link'>
<a class='blog-pager-bottom-link' href='#bottom' title='إلى الأسفل'>إلى الأسفل</a>
</span><font size="0"><a href="http://www.monte-escalier-prix.org"></a></font>
* بعد ذلك قم بالبحث على الوسم :</body>
* و قم بلصق هذا الكود قبله :
<a name='bottom'/>
*وفي الأخير قم بالبحث عن الوسم:
]]></b:skin>
*و قم بلصق هذا الكود قبله مباشرة :
*و قم بلصق هذا الكود قبله مباشرة :
#blog-pager {
position: fixed;
bottom: 10px;
right: 50px;
width: 120px;
height: 120px;
display: block;
overflow: hidden;
background: #fff;
border: 1px solid #ccc;
-moz-box-shadow: 1px 1px 3px #666666;
-webkit-box-shadow: 1px 1px 3px #666666;
box-shadow: 1px 1px 3px #666666;
border-radius: 60px;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
z-index: 9;
}
#blog-pager a {
display: block;
width: 30px;
height: 30px;
overflow: hidden;
text-indent: -99999px;
position: absolute;
padding: 5px;
}
a.blog-pager-top-link {
background: url(https://lh5.googleusercontent.com/-hSHWhg9kGg0/T2MugFnRreI/AAAAAAAAHw8/Htfa78EMsoQ/s30/arrow_up2.png) no-repeat center center;
top: 0px;
left: 40px;
}
a.blog-pager-bottom-link {
background: url(https://lh6.googleusercontent.com/-YBE6uU6Hs9A/T2Muc7lPfII/AAAAAAAAHw8/MEwsNC6GORY/s30/arrow_down2.png) no-repeat center center;
top: 80px;
left: 40px;
}
a.blog-pager-newer-link {
background: url(https://lh3.googleusercontent.com/-x2iM_Ehd97o/T2Muc2KIN9I/AAAAAAAAHw8/NsKA5zQvepo/s30/arrow_left2.png) no-repeat center center;
top: 40px;
left: 0px;
}
a.blog-pager-older-link {
background: url(https://lh4.googleusercontent.com/-yHMoNLjW5Eg/T2MudH-o1FI/AAAAAAAAHw8/kmXGiY_ztZI/s30/arrow_right2.png) no-repeat center center;
top: 40px;
left: 80px;
}
a.home-link {
background: url(https://lh4.googleusercontent.com/-Ud-NZ0D_WgI/T2MvUcqLnXI/AAAAAAAAHw8/5aeH4DguMgc/s30/home.png) no-repeat center center;
top: 40px;
left: 40px;
}
.blog-mobile-link {
display: none;
}
وبعد كدا قم بحفظ القالب ومبروك عليك الإضافة
تعليقات
إرسال تعليق