السلام عليكم ورحمة الله تعالى وبركاته ،إخواني أخواتي ،متتبعي مدونة أبو إياد في هذا الدرس سوف نتعرف على خاصية جديدة ،وهي إضافة خاصية الروابط التلقائية على مدونات بلوجر أو ما يسمى بالإنجليزية Autolink،هذه الخاصية تمكننا من وضع روابط لكلمات معينة في التدوينة بصفة تلقائية ،ومن دون الحاجة إلى عمل الروابط يدويا .في بعض الأحيان وعند كتابتنا لموضوع جديد ،نرغب في عمل رابط لكلمة أو لكلمات معينة في التدوينة مما يجعل هذه العملية متكررة عند إعادة كتابة الكلمة أوالكلمات المراد عمل روابط لها ،حيث أن الهدف من هذه الخاصية الجديدة هو عند كتابة الكلمة سوف يتم عمل رابط لها بصفة تلقائية .
فعلى سبيل المثال ،عند كتابتي لكلمة مدونة أبو إياد وكلمة بلوجر سوف يتم ربط هذان الكلمات بالرابط الذي إخترته مسبقا بصفة تلقائية ويتم تطبيقها على جميع التدوينات في المدونة ،أي إذا بحث عن كلمة بلوجر في أي تدوينة من مدونتي سوف تجدها تحتوى على رابط عند الضغط عليه ،حيث يمكننا إستعمال أكثر من كلمة لذلك .
انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرhtml, ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.قم بالبحث عن الكود التالي :
ما عليك سوى تبديل الكلمة "مدونة أبو إياد" والرابط الخاص بها باللون الأزرق بالكلمة التي تريد عمل رابط لها بصفة تلقائية .فعلى سبيل المثال ،عند كتابتي لكلمة مدونة أبو إياد وكلمة بلوجر سوف يتم ربط هذان الكلمات بالرابط الذي إخترته مسبقا بصفة تلقائية ويتم تطبيقها على جميع التدوينات في المدونة ،أي إذا بحث عن كلمة بلوجر في أي تدوينة من مدونتي سوف تجدها تحتوى على رابط عند الضغط عليه ،حيث يمكننا إستعمال أكثر من كلمة لذلك .
انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحرير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/>');
تنبيه : المرجوا عدم نسخ الموضوع بدون ذكر مصدره المرفق بالرابط المباشر للموضوع الأصلي وإسم المدونة وشكرا
12 commentaires:
مع إني مش فاهم حاجة لكن شكرا
@أبو إياد
أها الآن فهمت شكرا لك أخي الفاضل أبو أياد
انت رائع
نعم أخى قد رأيتها .. رعاك الله
درس جميل يا ابو اياد
مشكوووووووووووور
يشرفنى ان اكون اول من رد على موضوعك الرائع
بارك الله فيك اخى اياد وجعلة فى ميزان حسناتك
درس رائع بارك الله فيك اخي ابو اياد
شكرا لك اخي على مجهودك المبذول في خدمة المسلمين بارك الله بك وجزاك خير جزاك وجمعني بك وبرسول الشفاعة في الحياة الدنيوية وفي الجنة العلياء ان شاء الله
جميل جداً ، سؤال ، أي العناصر برأيك التي تؤثر بشكل عام حركة زوج الدولار اليورو؟
الاخ محمد يوجد الدي 3 اكواد data:post.body اي واحد استبدلة ؟
;))
لكن ارجو توضيح كيفية عمل الروابط