السلام عليكم , يوما بعد يوم تتزايد اعداد الاضافات و الادوات المتعلقة بمدونات بلوجر , وكل يوم تظهر اضافات بتأثيرات جديدة ورائعة تسهل على الزائر عملية تصفحه للمدونة , وتعمل على اشهار المدونة نفسها , في هذا المقال اقدم لكم احد الاضافات الرائعة و المفيدة لمدونات , اضافة "التنقل بين المواضيع باستخدام اسهم الكيبورد"
![]()
هذه الاضافة هي عبارة عن كود جافا سكريب يمكن زائرك من تصفح مواضيع المدونة بكل سهولة ويسر فقط من خلال الضغط على اسهم الكيبورد "الايسر /الايمن"وهي اضافة مفيدة جدا ولا تؤثر على سرعة تحميل مدونتك كما انها تعطى الزائر الفرصة لتجربة طريقة جديدة في التنقل بين صفحات المدونة .
مافائدة هذه الاضافة لمدونة بلوجر وماهي مميزاتها :-
✔ تتكون من كود خفيف لايؤثر على سرعة المدونة .
✔ البساطة و سهولة التركيب.
✔ تسهيل عملية تصفح مواضيع مدونتك .
✔ اضافة خاصية جديدة لقالب مدونتك .
شرح طريقة التركيب
توجه الى لوحة التحكم في بلوجر >القالب >تحرير HTML >ثم اضغط على Ctrl+fوابحث عن الوسم <head/>والصق الكود التالي فوقه مباشرة ...
هذه الاضافة هي عبارة عن كود جافا سكريب يمكن زائرك من تصفح مواضيع المدونة بكل سهولة ويسر فقط من خلال الضغط على اسهم الكيبورد "الايسر /الايمن"وهي اضافة مفيدة جدا ولا تؤثر على سرعة تحميل مدونتك كما انها تعطى الزائر الفرصة لتجربة طريقة جديدة في التنقل بين صفحات المدونة .
مافائدة هذه الاضافة لمدونة بلوجر وماهي مميزاتها :-
✔ تتكون من كود خفيف لايؤثر على سرعة المدونة .
✔ البساطة و سهولة التركيب.
✔ تسهيل عملية تصفح مواضيع مدونتك .
✔ اضافة خاصية جديدة لقالب مدونتك .
شرح طريقة التركيب
توجه الى لوحة التحكم في بلوجر >القالب >تحرير HTML >ثم اضغط على Ctrl+fوابحث عن الوسم <head/>والصق الكود التالي فوقه مباشرة ...
<script type='text/javascript'>
window.onload = function()
{
document.onkeyup = function(event)
{
if (document.activeElement.nodeName == 'TEXTAREA' || document.activeElement.nodeName == 'INPUT') return;
event = event || window.event;
switch(event.keyCode)
{
case 37:
var newerLink = document.getElementById('Blog1_blog-pager-newer-link');
if(newerLink !=null) window.location.href = newerLink.href;
break;
case 39:
var olderLink = document.getElementById('Blog1_blog-pager-older-link');
if(olderLink!=null) window.location.href = olderLink.href;
}
};
};
</script>
window.onload = function()
{
document.onkeyup = function(event)
{
if (document.activeElement.nodeName == 'TEXTAREA' || document.activeElement.nodeName == 'INPUT') return;
event = event || window.event;
switch(event.keyCode)
{
case 37:
var newerLink = document.getElementById('Blog1_blog-pager-newer-link');
if(newerLink !=null) window.location.href = newerLink.href;
break;
case 39:
var olderLink = document.getElementById('Blog1_blog-pager-older-link');
if(olderLink!=null) window.location.href = olderLink.href;
}
};
};
</script>
بعد اضافة الكود سنقوم بوضع رساله للزائر لكي يطلع على الاضافة ويستخدمها , ابحث عن الوسم ]]></b:skin>واضف الكود التالي فوقه مباشرة :
.keywidget{
width:600px;
height:60px;
text-align:center;
background:#333;
color:#fff;
margin:auto;
padding:5px;
}
width:600px;
height:60px;
text-align:center;
background:#333;
color:#fff;
margin:auto;
padding:5px;
}
بعدها ابحث عن الوسم <div class='post-footer'>واضف الكود التالي تحته مباشرة :
<div class="keywidget">
<p> عزيزي الزائر يمكنك التنقل بين المواضيع بكل سهول ويسر فقط باستخدام اسهم الكيبورد ( الزر الايمن و الزر الايسر ) ونتمنى ان تنال الاضافة اعجابك , وشكرااا لزيارتك </p></div>
<p> عزيزي الزائر يمكنك التنقل بين المواضيع بكل سهول ويسر فقط باستخدام اسهم الكيبورد ( الزر الايمن و الزر الايسر ) ونتمنى ان تنال الاضافة اعجابك , وشكرااا لزيارتك </p></div>
بعد ذلك قم بحفظ القالب , ومبروك عليك الاضافة .
🔖 اضافة اخرى رائعة : اضافة لون يومك لمدونات بلوجر .