كيفية إضافة خاصية الروابط التلقائية Autolink على مدونتك بلوجر

أهلا بكم إخواني أخواتي متتبعي مدونة أفكارPro ، في درسنا اليوم سنتعرف على إضافة جديدة ذات أهمية كبيرة ، ألا و هي خاصية الروابط التلقائية Autolink، ستمكنك هذه الخاصية من وضع روابط الكلمات من
اختيارك في جميع التدوينات بصفة أوتوماتيكية ، و من دون الحاجة إلى عمل روابط يدويا في كل مرة و في كل تدوينة لأن ذلك سيتم تلقائيا.

توضيح أكثر :

عند كتابتنا لتدوينة جديدة ، قد نرغب في عمل رابط لبعض الكلمات في موضوعنا ، على سبيل المثال أريد وضع الرابط التالي http://afkarpro.blogspot.com لكلمة أفكارPro في جميع تدويناتي ، سيكون ذلك بلا أدنى شك عملا شاقا و متكررا خاصة عندما تتكرر الكلمة أو الكلمات التي نريد عمل روابط لها ، في حين أن هناك هذه الخاصية التي أقدمها لك في هذا الدرس و التي سوف تعمل لك الروابط التي تريد للكلمات التي اخترت بصفة تلقائية.

طريقة التفعيل :

1- انتقل إلى لوح التحكم الخاص بمدونتك

2- اختر تصميم ، ثم تحريرHTML

3- ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم

4- ابحث عن هذا الكود :

</head>

ثم ضع الكود التالي قبله مباشرة :

<script src="http://dinhquanghuy.110mb.com/autotag.js" type="text/javascript"></script>

5- ابحث عن هذا الكود :

<b:if cond='data:blog.pageType ==& quot;item&quot;'>

بعد ذلك ابحث أسفله ستجد هذا الكود :

<p>

<data:post.body/>

</p>

ثم استبدله بـــــــ :

<p>

<div expr:id='&quot;summary&quot; + data:post.id'>

<data:post.body/>

</div>

<script type='text/javascript'>

highlightSearchTerms('AfkarPro',true,'http://afkarpro.blogspot.com','summary<data:post.id/>');

highlightSearchTerms('Autolink',true,'http://afkarpro.blogspot.com/2012/12/Autolink-for-Blogger.html','summary<data:post.id/>');

</script>

</p>

و هنا عليك أن تغير الكلمات Afkarpro و Autolink بالكلمات التي اخترتها و لا تنسى تغيير الرابط كذلك

6- يمكنك إضافة المزيد من الكلمات و الروابط مع هذا الكود :

highlightSearchTerms('الكلمة التي تريد وضع رابط لها',true,'الرابط','summary<data:post.id/>');

7- ثم قم بحفظ القالب.

أتمنى أن ينال هذا الدرس إعجابكم ، و لأي إستفسارات المرجو ترك تعليق أسفل التدوينة... و السلام عليكم