القائمة الرئيسية

الصفحات

اضافة التنقل بين المواضيع باستخدام اسهم الكيبورد

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


هذه الاضافة هي عبارة عن كود جافا سكريب يمكن زائرك من تصفح مواضيع المدونة بكل سهولة ويسر فقط من خلال الضغط على اسهم الكيبورد " الايسر / الايمن " وهي اضافة مفيدة جدا ولا تؤثر على سرعة تحميل مدونتك كما انها تعطى الزائر الفرصة لتجربة طريقة جديدة في التنقل بين صفحات المدونة .

مافائدة هذه الاضافة لمدونة بلوجر وماهي مميزاتها :-

✔ تتكون من كود خفيف لايؤثر على سرعة المدونة .
✔ البساطة و سهولة التركيب.
✔ تسهيل عملية تصفح مواضيع مدونتك .
✔ اضافة خاصية جديدة لقالب مدونتك .

شرح طريقة التركيب

توجه الى لوحة التحكم في بلوجر > القالب > تحرير 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>

بعد اضافة الكود سنقوم بوضع رساله للزائر لكي يطلع على الاضافة ويستخدمها , ابحث عن الوسم ]]></b:skin> واضف الكود التالي فوقه مباشرة :

.keywidget{
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>

بعد ذلك قم بحفظ القالب , ومبروك عليك الاضافة .

🔖 اضافة اخرى رائعة : اضافة لون يومك لمدونات بلوجر .

reaction:

تعليقات