إضافة خاصية الروابط التلقائية على مدونات بلوجر
السلام عليكم ورحمة الله تعالى وبركاته ،إخواني أخواتي ،متتبعي مدونة أبو إياد في هذا الدرس سوف نتعرف على خاصية جديدة ،وهي إضافة خاصية الروابط التلقائية على مدونات بلوجرأو ما يسمى بالإنجليزية Autolink،هذه الخاصية تمكننا من وضع روابط لكلمات معينة في التدوينة بصفة تلقائية ،ومن دون الحاجة إلى عمل الروابط يدويا .في بعض الأحيان وعند كتابتنا لموضوع جديد ،نرغب في عمل رابط لكلمة أو لكلمات معينة في التدوينة مما يجعل هذه العملية متكررة عند إعادة كتابة الكلمة أوالكلمات المراد عمل روابط لها ،حيث أن الهدف من هذه الخاصية الجديدة هو عند كتابة الكلمة سوف يتم عمل رابط لها بصفة تلقائية .
فعلى سبيل المثال ،عند كتابتي لكلمة مدونة أبو إياد وكلمة بلوجر سوف يتم ربط هذان الكلمات بالرابط الذي إخترته مسبقا بصفة تلقائية ويتم تطبيقها على جميع التدوينات في المدونة ،أي إذا بحث عن كلمة بلوجر في أي تدوينة من مدونتي سوف تجدها تحتوى على رابط عند الضغط عليه ،حيث يمكننا إستعمال أكثر من كلمة لذلك .
انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرhtml, ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.قم بالبحث عن الكود التالي :
ما عليك سوى تبديل الكلمة "مدونة أبو إياد" والرابط الخاص بها باللون الأزرق بالكلمة التي تريد عمل رابط لها بصفة تلقائية .فعلى سبيل المثال ،عند كتابتي لكلمة مدونة أبو إياد وكلمة بلوجر سوف يتم ربط هذان الكلمات بالرابط الذي إخترته مسبقا بصفة تلقائية ويتم تطبيقها على جميع التدوينات في المدونة ،أي إذا بحث عن كلمة بلوجر في أي تدوينة من مدونتي سوف تجدها تحتوى على رابط عند الضغط عليه ،حيث يمكننا إستعمال أكثر من كلمة لذلك .
ثم ضع الكود التالي قبله :</head>
الآن قم بالبحث عن هذا الكود، (إن وجدت منه إثنين فالكود الثاني هو المقصود) .<script src="http://abu-iyad.googlecode.com/files/autotag.js" type="text/javascript"></script>
<data:post.body/>
ثم قم بإستبداله بهذا الكود .
<div expr:id='"summary" + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
highlightSearchTerms('مدونة أبو إياد',true,'http://www.abu-iyad.com','summary<data:post.id/>');
</script>
هذا الكود يخص كلمة واحدة فقط ويمكنك إضافة كلمات أخرى مع الروابط المناسبة لها وذلك بلصق هذا الكود قبل الوسم </script> ذا اللون الأخضر .
ثم قم بحفظ القالب .highlightSearchTerms(' الكلمة',true,' رابط-الكلمة','summary<data:post.id/>');
0 commentaires:
Enregistrer un commentaire