بسم الله الرحمن الرحيم والصلاة والسلام على أشرف المرسلين خاتم النبيين سيدنا محمد عليه أفضل الصلاة وأزكى التسليم
أولا أود ان اأبدأ بالشكر الجزيل للأخ العزيز ذؤيب لشروحاته المميزة في المدونات والتي كانت الطريق الأولى لمعظم المدونين العرب ، كما أشكره جزيل الشكر لقبوله طلبي للمشاركة في مدونته التي أصبحت مقصدا لكل المدونين دون استثناء .
هذا موضوعي الأول أتمنى أن يعجبكم وأن يضيف شيئا جديدا لكم.
...
فتح الراوبط الخارجية في صفحة جديدة
يهدف المدونون للحفاظ على الزوار وابقائهم في المدونة لأطول فترة ممكنة، ولكن الروابط الخارجية تمنعهم من ذلك، وقد يفقدهم الكثير من الزوار. فالمدونون يستخدمون الروابط في الـ anchor text أو الاعلانات بأنواعها وقد تكون موجودة حتى في تعليقات الزوار، وهذا كله قد يساهم في خروج الزائر من المدونة. هذه المشكلة عولجت سابقا في مدونات الووردبريس باستخدام اضافة
Open in New Window Plugin . أما بالنسبة لبلوجر فهناك الطرق التقليدية والتي سأبدأ في شرحها أولا :
عند إضافة رابط فإنه يجب عليك إجراء تعديل عليه كما يلي :
اضغط على Edit HTML ثم اذهب للرابط المراد تعديله واضف ما يلي في آخره
target="_blank"
ليصبح كما يلي على سبيل المثال
<a href="http://site" target="_blank">
هذه الطريقة مضيعة للوقت واذا كان لديك الكثير من الروابط فيصعب تطبيقها
الطريقة الثانية :
من لوح تحكم مدونتك اضغط تصميم ثم توجه إلى صفحة تحرير Html :
نبحث عن وسم <head> بضغط Ctrl+F ونضيف هذا الكود بعده
<base target="_blank" />
تمتاز هذا الطريقة ببساطتها ولكنها تؤدي لفتح جميع الراوبط في صفحة جديدة حتى روابط مدونتك نفسها مثل المواضيع والأقسام مما يسبب ازعاجا للزائر لكثرة الصفحات أمامه.
الطريقة الثالثة :
وهي أفضل الطرق فلن تكون مضطرا لتعديل كل الروابط في المدونة ولن تسبب إزعاجا للزائر عدا عن بساطتها وسهولة تطبيقها، فقط كل ما عليك فعله هو إضافة كود جي كويري jQuery حيث يقوم بتفحص جميع الروابط الخارجية الموجودة في الصفحة وإضافة target=_blank لها بشكل تلقائي و يمكنك تركيبها كالآتي.
من لوح تحكم مدونتك توجه إلى صفحة التصميم ثم تحرير Html.
نبحث ( Ctrl+F ) عن</body> ونضيف هذا الكود فوقه مباشرة .
ملاحظة : إن كنت تستعمل مكتبة جي كويري في موقعك او مدونتك فلا داع لإضافة ما لون باللون الأزرق. و اكتف بما بعده.
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
//<![CDATA[
jQuery('a').each(function() {
// Let's make external links open in a new window.
var href = jQuery(this).attr('href');
if (typeof href != 'undefined' && href != "" && (href.indexOf('http://') != -1 || href.indexOf('https://') != -1) && href.indexOf(window.location.hostname) == -1) {
jQuery(this).attr("target", "_blank");
}
});
//]]>
</script>
