السلام عليكم , يوما بعد يوم تتزايد اعداد الاضافات و الادوات المتعلقة بمدونات بلوجر , وكل يوم تظهر اضافات بتأثيرات جديدة ورائعة تسهل على الزائر عملية تصفحه للمدونة , وتعمل على اشهار المدونة نفسها , في هذا المقال اقدم لكم احد الاضافات الرائعة و المفيدة لمدونات , اضافة " التنقل بين المواضيع باستخدام اسهم الكيبورد "
هذه الاضافة هي عبارة عن كود جافا سكريب يمكن زائرك من تصفح مواضيع المدونة بكل سهولة ويسر فقط من خلال الضغط على اسهم الكيبورد " الايسر / الايمن " وهي اضافة مفيدة جدا ولا تؤثر على سرعة تحميل مدونتك كما انها تعطى الزائر الفرصة لتجربة طريقة جديدة في التنقل بين صفحات المدونة .
مافائدة هذه الاضافة لمدونة بلوجر وماهي مميزاتها :-
✔ تتكون من كود خفيف لايؤثر على سرعة المدونة .
✔ البساطة و سهولة التركيب.
✔ تسهيل عملية تصفح مواضيع مدونتك .
✔ اضافة خاصية جديدة لقالب مدونتك .
شرح طريقة التركيب
توجه الى لوحة التحكم في بلوجر > القالب > تحرير 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>
بعد ذلك قم بحفظ القالب , ومبروك عليك الاضافة .
🔖 اضافة اخرى رائعة : اضافة لون يومك لمدونات بلوجر .
تعليقات
إرسال تعليق