التحكم في تفعيل أو تعطيل الإضافات بحسب فئة الصفحات لمدونة بلوجر

Control-the-activation-or-deactivation-of-plugins-by-Blogger-Page-Category
نتكلم اليوم عن موضوع مهم لمستخدمين مدونة بلوجر, سنتناول اكواد مهم في بلوجر وهي اكواد التحكم في مكان ظهور الإضافات, فالعديد منا يحاول ينسق المدونة وفي بعض الأحيان نرغب في ظهور الإضافة بنوع معين من الصفحات فنرغب على سبيل المثال ظهور الإضافة في صفحة الموضوع فقط بينما لا نرغب بظهورها في الصفحات الأخرى, وعلى هذه المثال نستطيع التحكم باستخدام هذه الاكواد في تشغيل الإضافة في مكان معي في المدونة.

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

أين يمكنني استخدام اكواد التحكم:

موضع استخدام اكواد التحكم هو موضع واحد وهو داخل القالب حيث أن لا يمكن استخدام اكواد التحكم في التخطيط وإنما استخدامها محصور في القالب في أي مكان داخل القالب فقط, مما تُعطي لك الحرية في تشغيل وإيقاف تشغيل أي شيء في المدونة, كذالك لو لديك خلفية في اتعامل مع بلوجر او كنت من المطورين لقوالب بلوجر بإمكانك من داخل القالب التحكم في إضافات التخطيط.

شرح اكواد التحكم في تشغيل أو إيقاف تشغيل على حسب فئات الصفحة

1- التشغيل في الصفحة الرئيسية

كود اصدار جديد من بلوجر
<b:if cond='data:view.isHomepage'> … </b:if>
كود اصدار قديم من بلوجر
<b:if cond='data:blog.url == data:blog.homepageUrl'> … </b:if>


2- التشغيل في صفحات الفهرس: وهي الصفحات التي يتنقل منها لمعاينة أجزاء من مواضيع المدونة الذي تم نشرها

كود اصدار جديد من بلوجر
<b:if cond='data:view.isMultipleItems'> … </b:if>
كود اصدار قديم من بلوجر
<b:if cond='data:blog.pageType == "index"'> … </b:if>

3-التشغيل في الصفحات وفي داخل الموضوع للمدونة

كود اصدار جديد من بلوجر
<b:if cond='data:view.isSingleItem'> … </b:if>
كود اصدار قديم من بلوجر
<b:if cond='data:blog.pageType in ["item", "static_page"]'> … </b:if>

4-التشغيل داخل المواضيع فقط

كود اصدار جديد من بلوجر
<b:if cond='data:view.isPost'> … </b:if>
كود اصدار قديم من بلوجر
<b:if cond='data:blog.pageType == "item"'> … </b:if>

5- التشغيل في الصفحات فقط

كود اصدار جديد من بلوجر
<b:if cond='data:view.isPage'> … </b:if>
كود اصدار قديم من بلوجر
<b:if cond='data:blog.pageType == "static_page"'> … </b:if>

6-التشغيل في التسميات عند معاينة التسميات ومواضيعها

كود اصدار جديد من بلوجر
<b:if cond='data:view.isLabelSearch'> … </b:if>
كود اصدار قديم من بلوجر
<b:if cond='data:blog.searchLabel'> … </b:if>

7-التشغيل في صفحة الارشيف

كود اصدار جديد من بلوجر
<b:if cond='data:view.isArchive'> … </b:if>
كود اصدار قديم من بلوجر
<b:if cond='data:blog.pageType == "archive"'> … </b:if>

8-التشغيل في صفحة البحث

كود اصدار جديد من بلوجر
<b:if cond='data:view.isSearch'> … </b:if>
كود اصدار قديم من بلوجر
<b:if cond='data:blog.searchQuery'> … </b:if>

9-التشغيل في صفحة الخطا 404

كود اصدار جديد من بلوجر
<b:if cond='data:view.isError'> … </b:if>
كود اصدار قديم من بلوجر
<b:if cond='data:blog.pageType == "error_page"'> … </b:if>

10- التشغيل في صفحة المعاينة

كود اصدار جديد من بلوجر
<b:if cond='data:view.isPreview'> … </b:if>
كود اصدار قديم لايوجد

كماتلاحظ جميع الاكود السابقة تحتوي على (… ) استبدل مكانها كود الاضافة المراد تشغيل الشرط عليها.

عكس الأمر من التشغيل في إلى إيقاف تشغيل في

لعكس الأمر يوجد طريقتان لكل إصدار طريقة 
في الإصدار القديم يجب أن تقوم بعمل تغيير بسيط جداً في الاكواد ,لو تلاحظ في جميع الاكواد على الإصدار القديم وجود على == لذالك عندما يكون هكذا (==) بهذا يعني شغلي في هذه الفئة بينما إذا جعلتها على هده الشكل (=!) "ملاحظ علامة التعجب قبل علامة التساوي" سيكون الأمر شغلها في جميع الفئات ماعدا هذه الفئة, انظر الى المثال:
الكود التالي يعني شغلّي الاضافة في هذه الفئة فقط
<b:if cond='data:blog.url == data:blog.homepageUrl'> … </b:if>
الكود يعني شغلّي هده الاضافة في جميع الفئات ماعدا هذه الفئة
<b:if cond='data:blog.url != data:blog.homepageUrl'> … </b:if>

كذالك في الشرط المزدوج في اكواد الإصدار القديم لا يوجد به إشارة (==) حتى تغيرها ولكن لو تلاحظ ستجد وجود in في كود الشرط وهي تعني شغلي في هذه الفئة لعكس الأمر في هده الاكواد قم بجعلها not in وسينعكس الأمر ليعني شغلي في جميع الفئات ماعدا هذه الفئة, انظر إلى المثال.
الكود التاني يعني شغلّي الاضافة في هذه الفئة فقط
<b:if cond='data:blog.pageType in ["item", "static_page"]'> … </b:if>
الكود يعني شغل لي هده الاضافة في جميع الفئات ماعدا هذه الفئة
<b:if cond='data:blog.pageType not in ["item", "static_page"]'> … </b:if>

اكواد الاصدارات الجديدة:

في الإصدار الجديد يوجد طريقتين لتحكم بهم  وهما وضع كلمة not قبل الشرط او وضع ! قبل الشرط, أنظر إلى المثال
كود يعني شغلي في هذه الفئة فقط
<b:if cond='data:view.isHomepage'> … </b:if>
كود يعني لا تشغلي في هذه الفئة وشغل لي في الفئات الاخر
<b:if cond='not data:view.isHomepage'> … </b:if>
كود يعني لا تشغلي في هذه الفئة وشغل لي في الفئات الاخر
<b:if cond='!data:view.isHomepage'> … </b:if>

كيف يمكننا ان نستفيد من <b:else/>

<b:else/> تمكنك من استخدام شرط إيقاف وتشغيل في نفس الوقت, حيث يتم وضع كود <b:else/> في وسط كود الشرط "نستبدل بـ ..."فيصبح فوق كلمة <b:else/> يعني شغلي في هذه الفئة فقط وأسفل كلمة <b:else/> تشغل في جميع الفئات ماعدا هذه الفئة, انظر إلى المثال لتوضح الفكرة أكثر:
<b:if cond='data:view.isHomepage'> 


   <!--هنا الشرط شغلي في هذه الفئة فقط-->

<b:else/>

  <!--هنا عكس الشرط لا تشغل لي في هده الفئية-->

</b:if>

كيف يمكنني دمج أكثر من فئة في شرط واحد:

أولى يجب أن تعرف الفئات وهي باختصار:
item  فئة صفحة المواضيع
static_page فئة الصفحات الثابتة
index   صفحات الفهرسة كالتنقل بين المواضيع
archive الأرشيف
error_page فءة صفحة الخطاء

يوجد طريقة جميلة تم تحديثها في الإصدارات الجديدة لقوالب مدونات بلوجر وهي عن طريق استخدام الكود التالي:
<b:if cond='data:blog.pageType in {" #1","#2"}'>
حيث في #1 يتم استبدلها بفئة معينة وكذالك في #2 يتم استبدالها بفئة أخرى, وبذالك الشرط أصبح شغل لي في هذه الفئتين وكذالك يمكنك عكس الأمر بتغيير in الى  .not in

ماذا لو أردنا إضافة ثلاث فئات أو أكثر؟

الامر بسيط باستخدام نفس الكود السابق ولكن بتغيير بسيط وهي اضافة فاصلة تم خانة مربعين تنصيص (" "), المثال سوف يوضح الامر:
<b:if cond='data:blog.pageType in {" #1","#2","#3","#4"}'>
#1 يمكننا وضع فئة معينة
#2 يمكننا وضع فئة معينة أخرى
#3 يمكننا وضع فئة معينة أخرى
#4 يمكننا وضع فئة معينة أخرى
هده شرط شغلّي في هده الأربع الفئات يكنك زيادتهم أو إنقاصهم كم تحب تستخدمها وكذالك يمكنك عكس الكود إلى لا تشغلّي عن طريق وضع not.

ملاحظة هامة: يجب أن  تضع الفئات المطلوبة دون ترك فئة مجهولة, يجب ان لا يحتوي على فئاتفارغة  وإلا لن يعمل انظر إلى المثال لتوضيح:
مثال كود خطاء
 <b:if cond='data:blog.pageType in {"item","static_page","index","#4"}'>
مثال لكود الصحيح
<b:if cond='data:blog.pageType in {"item","static_page","index"}'>


نكون هنا قد سردنا في هذه الموضوع بيانات بلوجر لتحكم في تشغيل وإيقاف تشغيل الإضافات, في حالت حدتث معك مشكلة او عدم فهم جزء معين الدرس يمكنك وضعها في التعليقات وسنرد عليك في اقرب وقت.




اضافة صفحة فهرس لمدونة بلوجر بشكل بسيط وانيق واحترافي

Adding-an-index-page-to-the-blogger
فهر المدونة يعتبر شيء من الأساسيات الذي يجب توفرها في جميع المدونات ويجب أن تكون في صفحة مستقلة, الفهرس يعمل على تبسيط وإظهار جميع المواضيع المتواجدة في مدونتك مما يسمح لزائرين مدونتك بالاطلاع على جميع المواضيع الموجودة في مدونتك, غالباً يتم استخدام الفهرس للبحث عن موضوع ما, قد تم مشاهدته من قبل الزائر أو قم بقراءته قبل مدة من الزمن في مدونتك تم عاد الآن يبحث عنة فيتم الاستخدام في البحث صفحة الفهرس وهي تعتبر أفضل وسيلة.

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


إضافة صفحة الفهرس هذه بسيطة وما يميزها أنقتها في العرض, كذالك هي غير مزعجة لانها فقط تحتوي على عنوان الموضوع وتاريخ النشر وأقسام المدونة بشكل احترافي.

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

أولى يجب أن نشاء صفحة لذالك نتوجه إلى لوحة التحكم في بلوجر للمدونة المطلوبة تم من القائمة الجانبية على اليمين نضغط على الصفحات تم نضغط على صفحة جديدة.
Adding-an-index-page-to-the-blogger
1- نقوم بوضع عنوان للصفحة والأفضل أن يتم وضع عنوان انجليزي تم بعد النشر نرجع نعدله عربية
2- نضغط على HTML ونحذف الكل باستخدام ctrl + a تم نضع الكود التالي :
<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="tabbed-toc" id="tabbed-toc">
</div>
<link href="https://fonts.googleapis.com/css?family=Cairo&amp;display=swap" rel="stylesheet"></link>

<script>
var tabbedTOC={blogUrl:"https://abduallah0.blogspot.com/",containerId:"tabbed-toc",activeTab:1,showDates:!0,showSummaries:!1,numChars:200,showThumbnails:!0,thumbSize:60,noThumb:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC",monthNames:["يناير" , "فبراير" , "مارس","أبريل","مايو","يونيو","يوليو","أغسطس","سبتمبر","أكتوبر","نوفمبر","ديسمبر"],newTabLink:!0,maxResults:99999,preload:0,sortAlphabetically:!0,showNew:7,newText:' &ndash; <em style="color:red;">New</em>'};
</script>
<script src="https://cdn.jsdelivr.net/gh/Indzign/InSEO@master/daftarisikeren.js"></script>
<style scoped="" type="text/css">
body{font-family: 'Cairo', sans-serif;}
.tabbed-toc{direction: rtl;margin:0 auto;position:relative;background:linear-gradient(-45deg,#EE7752,#E73C7E,#23A6D5,#23D5AB);background-size:400% 400%;animation:Gradient 15s ease infinite}
.tabbed-toc .loading{display:block;padding:2px 12px;color:#fff}
.tabbed-toc ul,.tabbed-toc ol,.tabbed-toc li{margin:0;padding:0;list-style:none}
.tabbed-toc .toc-tabs{width:20%;float:right}
.tabbed-toc .toc-tabs li a{display:block;overflow:hidden;color:#fff;text-decoration:none;padding:12px;font-size:13px;transition:all .3s}
.tabbed-toc .toc-tabs li a:hover{background-color:rgba(0,0,0,0.05)}
.tabbed-toc .toc-tabs li a.active-tab{background:rgba(0,0,0,0.05);position:relative;z-index:5;margin:0 -1px 0 0}
.tabbed-toc .toc-content,.tabbed-toc .toc-line{width:80%;float:right;background-color:#fff;box-sizing:border-box}
.tabbed-toc .toc-line{float:none;display:block;position:absolute;top:0;left:0;bottom:0}
.tabbed-toc .panel{position:relative;z-index:5}
.tabbed-toc .panel li a{text-decoration: none;color:#1277cb;display:block;position:relative;font-weight:500;font-size:14px;padding:6px 12px;overflow:hidden}
.tabbed-toc .panel li time{display:block;font-weight:normal;font-size:11px;color:#666;float:left}
.tabbed-toc .panel li .summary{display:block;padding:10px 12px 10px;font-size:13px}
.tabbed-toc .panel li .summary img.thumbnail{float:left;display:block;margin:5px 8px 0 0;width:72px;height:72px;background-color:#fafafa}
.tabbed-toc .panel li{background-color:#f9f9f9;margin:0}
.tabbed-toc .panel li:nth-child(even){background-color:#fff}
.tabbed-toc .panel li a:hover,.tabbed-toc .panel li a:focus,.tabbed-toc .panel li.bold a{background-color:rgba(0,0,0,0.03);outline:none}
.tabbed-toc .panel li a em{background:#f39c12;color:#fff!important;font-style:initial;font-size:11px;margin:0 0 0 5px;padding:2px 10px;border-radius:22px}
.tabbed-toc .panel li:before{display:none}
@-webkit-keyframes Gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@-moz-keyframes Gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes Gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@media (max-width:768px){.tabbed-toc .toc-tabs,.tabbed-toc .toc-content{overflow:hidden;width:auto;float:none;display:block}.tabbed-toc .toc-tabs li{display:inline;float:left}.tabbed-toc .toc-tabs li a.active-tab{background-color:rgba(64,64,64,0.1)}.tabbed-toc .toc-content{border:none}.tabbed-toc .toc-line,.tabbed-toc .panel li time{display:none}}
</style></div>

نغير الرابط https://abduallah0.blogspot.com
برابط المدونة تم ننشر الصفحة.
أأفضل وضع عنوان انجليزي تم بعد نشر الصفحة تعمل على تعديله والنتيجة هو أعطائك رابط باسم انجليزي وليس رابط مضر لسيو المدونة ومبهم وغير مفهوم لك او لمحركات البحث, المهم نكون قد انتهينا من تركيب صفحة الفهرس في حالت حدثت مشكلة معك ولم يشتغل نرجو منك وضع تعليق وتضمين رابط الصفحة.


إضافة ردود الفعل لمدونة بلوجر اسفل كل موضوع مثل ايموجي الفيس بوك

يوجد العديد من الإضافات التي تخص مشاركة موضوع بلوجر ومن ضمنها إضافة قد سردناها سابقاً في موضوع سابق
إضافة أزرار المشاركه الاجتماعية تحت كل تدوينه حصريا وهذه إضافة عادية مبرمجة من قبلي وهذا ما أفضله أنا هو عدم استخدام إضافة تعمل من خلال موقع ما إذا كانت تستطيع برمجتها وعملة بدون أن تستدعيها من موقع ما.

أنا لا أحب استخدام موقع ShareThis والسبب يعود ان موقع ShareThis لايسمح لك بتعديل وتطوير الاضافة, ولكن شدّني إضافة جميلة في الموقع وهي إضافة تأثيرات الايموجي في أسفل الموضوع  فلذالك اليوم سنشرح طريقة التسجيل في الموقع وطريقة تركيب إضافة الايموجي.

عن موقع ShareThis:

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

لكن نحن في هده الدرس سنشرح طريقة التسجيل بالموقع وسنركز على تركيبة إضافة Reaction Buttons في أسفل الموضوع, تابع معي.

شرح التسجيل في sharethis موقع وتركيبة اضافة  ايموجي 


أول خطوة نتوجه إلى موقع ShareThis من هنا تم نضغط على Sign up - It's free ليفتح لنا صفحة التسجيل, أو يمكنك الدخول إلى صفحة التسجيل من هنا مباشرة.

انظر إلى الصورة وادخل البيانات وهو على الشكل التالي: 1- بريدك الالكتروني 2- الرمز السري
3- هي خطوة مهم عليك أن تدخل رابط الموقع كما في الصور أضف في بداية الرابط بــ WWW.  ليصبح على الشكل التالي: www.abduallah0.blogspot.com ركز جداً لهذه النقطة.


Add-feedback-to-the-Blogger-blog-under-each-topic-such-as-Facebook-Emoji
في حالت فتح لك نافذة مثل الصورة اضغط على i accept, ربما لا تظهر لك الان ولكن ستظهر في وقت ما اثناء تصفح الموقع.

Add-feedback-to-the-Blogger-blog-under-each-topic-such-as-Facebook-Emoji
بمجرد الانتهاء من الخطوات السابقة سيفتح لك الحساب ولكن ستلاحظ وجود مربع احمر اضغط على get the code تم ستفتح لك نافذة.

Add-feedback-to-the-Blogger-blog-under-each-topic-such-as-Facebook-Emoji
في هذه الصور يريد التحقق من ان منشاء الحساب هو مالك المدونة لذالك في النافذة أعطاك كود يطلب منك وضعه اسفل وسم <head>, اضغط على copy لنسخ الكود في حالت لم ينسخ قم بتحديد الكود ونسخة بطريقة العادية, بعد نسخ الكود نتوجه إلى لوحة تحكم بلوجر تم المدونة الذي يريد التحقق منها.

Add-feedback-to-the-Blogger-blog-under-each-topic-such-as-Facebook-Emoji
نتوجه إلى المظهر تم تحرير html ونبحث عن <head> ونضع الكود أسفله ونحفظ تم نعود إلى موقع ShareThis.

Add-feedback-to-the-Blogger-blog-under-each-topic-such-as-Facebook-Emoji
نعود إلى موقع ShareThis تم نضغط على verify لتحقق من مالك المدونة بعد أن يتحقق يجب أن يبعد الإشعار الذي يطالبك بتحقق من ملكية المدونة.

Add-feedback-to-the-Blogger-blog-under-each-topic-such-as-Facebook-Emoji
في القائمة الجانبية على اليمين العديد من الخيارات والإضافات نحن تريد إضافة Reaction Buttons لذالك اضغط عليها تم ستفتح لك صفحة الإضافة, الخطوة الثانية عليك أن تشغلها وتضغط على on, الخطوة الثالث لا تقم بعملها لأني سأضع لك الكود أسفل عندما يأتي دوره لتركيبه في المدونة.
Add-feedback-to-the-Blogger-blog-under-each-topic-such-as-Facebook-Emoji
تم من القائمة الجانية مجدداً نضغط على property settings ستفتح لك صفحة اضغط resend verification email وألان نتوجه إلى البريد الالكتروني الذي قمنا بتسجيل به في الموقع لتنشيط الحساب, في الخطوة 3 انسخ الاي بي سنحتاج اليه في الخطوات القادمة.

Add-feedback-to-the-Blogger-blog-under-each-topic-such-as-Facebook-Emoji
عند الدخول إلى البريد الالكتروني سنجد رسائله من موقع ShareThis نفتحها ونضغط على confirm email address ليتم تنشيط الحساب الخاص بك في موقع.

تركيب الاضافة ايموجي في المدونة

ألان نتوجه إلى لوحة التحكم في مدونة بلوجر لتركيب الإضافة.
نتوجه إلى المدونة الذي وضعنها في موقع ShareThis تم ندخل إلى المظهر تم تحرير HTML
1- نبحث عن </head> ونضع الكود التالي أسفلها مباشرة
<script async='async' src='//platform-api.sharethis.com/js/sharethis.js#property=5c9c2853fbd80b0011b664f6&amp;product=sop' type='text/javascript'/>

ألان نقوم بتعديل الجزاء الذي بلون الأصفر واستبداله بكود id  الذي أخدته من حسابك في موقع ShareThis اد لم تنسخه ارجع إلى موقع ShareThis تم اضغط على property settings وستجد id موجود إمامك.

2- نبحث عن <data:post.body/> سنجدها مكرره, واغلب القوالب تكون ألثانيه هي المطلوبه ضع الكود التالي أسفلها مباشرة
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='sharethis-inline-reaction-buttons'/>
<div class='clear'/>
</b:if>
تم حفظ, اغلب القوالب تكون الثانية هي المطلوبة, أنت ضعها في الثانية أد لم تشتغل ارجع جربها على الثالثة او الأولى.

هنا نكون قد انتهينا من تركيب الإضافة أتمنى أن تشتغل الإضافة لدى الجميع وفي حالت لم تشتغل الإضافة معك ضع لي تعليق في الاسفل وضمن رابط المدونة وسنقوم بحل المشكلة.

كود فتح جميع الروابط الخارجية فى نافذة جديدة في مدونات بلوجر

Code-Open External-Links-Us Implemented-New
نقدم لكم في هذه الموضوع إضافة جميلة تعمل على فتح جميع الروابط الخارجية في نافذة جديدة, هذه الإضافة تمنح زائر مدونتك البقاء في المدونة إلى وقت أطول فربما احد الزوار دخل إلى المدونة عبر محركات البحث تم ضغط على رابط في الموضوع سيتم نقلة إلى الموقع وبذالك يكون قد خرج من المدونة مما يعني أن الزائر قد ذهب, لذالك نحن نعتقل إن هذه الإضافة تعد من أهم الإضافات.

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

تركيب إضافة فتح الروابط الخارجية في نافذة جديدة

لتركيب الإضافة نتوجه إلى لوحة التحكم في بلوجر ثم المظهر ثم تحرير html ثم نبحث عن ونضع الكود التالي فوقه/أعلاء مباشرة
<script type='text/javascript'>
 $(document).ready(function() {
 $("a[href^='http://']").each(
 function(){
 if(this.href.indexOf(location.hostname) == -1) {
 $(this).attr('target', '_blank');
 }
 }
 );
 $("a[href^='https://']").each(
 function(){
 if(this.href.indexOf(location.hostname) == -1) {
 $(this).attr('target', '_blank');
 }
 }
 );
 });
 </script>
تم أحفظ وجرب فتح روابط خارجية في مدونتك ولاحظ الفرق.

هنا نكون قد انتهينا من تركيب إضافة جميل ومهم جدا وللعلم يمكن عمل ذالك يدويًا, قصد فتح الروابط في نافذة جديدة عن طريق تحديد ذالك عند كاتبة الموضوع في لوحة التحكم في بلوجر أثناء كتابة الموضوع ووضع رابط داخل المشاركة, ولكن هذه الطريقة متعبة جداً في حالت لديك الكثير من الروابط أو لديك مواضيع سابقة نسيت أن تقوم بتفعيل فتح في نافذة جديدة.

نموذج الاتصال

الاسم

بريد إلكتروني *

رسالة *