Saturday, 8 September 2012

طريقة فتح روابط المدونة في صفحة جديدة

طريقة فتح روابط المدونة في صفحة جديدة لمدونات بلوقر

فتح جميع روابط المدونة في صفحة جديدة

سوف نتعرف على طريقة بسيطة لفتح جميع رابط المدونة في صفحة جديدة وسوف نتعرف كدلك على طريقة يدوية وهي الجيدة بنظري ,في الكثير من الاحيان تدرج رابط لصفحة ما في مقالتك او موضوعاتك وقد يكون هدا الرابط مجرد رابط عادي مثلا لصفحة حسابك على التويتر لكنك لاتدري انك
 open in new window link
عند النقر عليه سينقلك من مدونتك الى حسابك وهكدا تكون قد اغلقت صفحة مدونتك بشكل غير مباشر ,طبعا هدا الكلام ينطبق على الزائر فعند نقره على رابط ما يمكنك خسارة دلك الزائر بسبب هذا الامر البسيط ,الحل يكمن في فتح مثل هذا الرابط في صفحة جديدة مثلا انقر على الرابط التالي الفايسبوك سيفتح في صفحة جديدة وستبقى صفحة المدونة كما هي .هده المشكلة كانت تعاني منها منصة الورد بريس وتمت معالجتها بإضافة Open in New Window Plugin
كيف نضيف هدا الكود الى المدونة
كما دكرت سابقا هناك طريقتان الية ويدوية سنشرح كليهما نبدأ بالطريقة اليدوية :
عند ادراجك لرابط في موضوعك ,قم بوضع علامة صح على فتح الرابط في “صفحة جديدة”  او بالنقر على تحرير Html واضافة الكود التالي الى دلك الرابط مثال:
ماقمنا بإضافته هو هدا الكود " target="_blank"> مكان site ضع الرابط الخاص بك
<a href="http://site" target="_blank">
الطريقة الثانية والاتوماتكية :
هده الطريقة ستقوم بإضافة الكود السابق الى جميع روابط مدونتك لكن المشكلة هو انه سيتم اضافة دلك الكود حتى لصفحات المدونة مثلا اتصل بي او عن المدونة ..كل رابط سيفتح في صفحة جديدة من ناحية جيد ومن ناحية اخرى سلبي .
ابحث عن الكود التالي <head> واضف بعده الكود التالي 
<base target='_blank'/>
وابحث عن الكود التالي </body> واضف قبله الكود التالي
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<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>
انتهى

0 comments:

Post a Comment