walid
11-01-2013, بتوقيت غرينيتش 08:14 AM
السلام عليكم إخواني الكرام في هذه الفقرة سوف نتعلم كيفيية إضافة أداة "مواضيع ذات صلة' و هي عبارة عن روابط لمقالات مقترحة من نفس المدونة blog يتم إضافتها تحت المواضيع حيث أن هذه العناوين تكون ذات صلة بالموضوع الذي يقرؤه الزائر مما يسهل عليه الإطلاع على مواضيع أخرى.و الجميل في ذلك أن هذه الروابط تكون مصحوبة بصور الموضوع, بدون إطالة عليك إتباع التعليمات التالية:
انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرHTML " ثم ضع علامة في خانة توسيع قوالب عناصر واجهة interface المستخدم.
قم بالبحث عن الكود code التالي بالإستعانة بلوحة التحكم (CTRL+F).
تذكير:لا تنسى أخي المدون أن تأخد نسخة إحتياطية لمدونتك تجنبا لأي أخطاء.
ثم ضع الكود code التالي فوقه :
كود code HTML:
رمز PHP:
<code style="white-space:nowrap"> <code> <!-- Monte Escalier |prix monte escalier pour personnes âgées et handicapés monte escalier prix installation monte escalier elevateur monte escalier monte escalier electrique,monte escalier pour les handicapés fonctionnement monte escalier types monte esc Related Posts with thumbnails --> <!-- remove --><b:if cond='data:blog.pageType == "item"'> <style type="text/css"> #related-posts { float:center; text-transform:none; height:100%; min-height:100%; padding-top:5px; padding-left:5px; } #related-posts h2{ font-size: 1.6em; font-weight: bold; color: black; font-family: Georgia, “Times New Roman”, Times, serif; margin-bottom: 0.75em; margin-top: 0em; padding-top: 0em; } #related-posts a{ color:black; } #related-posts a:hover{ color:black; } #related-posts a:hover { background-color:#d4eaf2; } </style> <script type='text/javascript'> var defaultnoimage="http://1.bp.blogspot.com/_u4gySN2ZgqE/SosvnavWq0I/AAAAAAAAArk/yL95WlyTqr0/s400/noimage.png"; var maxresults=5; var splittercolor="#d4eaf2"; var relatedpoststitle="مواضيع ذات صلة "; </script> <script src='http://sites.google.com/site/lightbox007/abuiyad/related-posts-with-thumbnails-for-blogger-pro.js.txt' type='text/javascript'/> <!-- remove --></b:if> <!--www.pergola-bois-terrasse.org Related Posts with thumbnails -->
</code> </code>
ملاحظة : يمكنك تغيير كلمة "مواضيع ذات صلة" بأي جملة joomla تريد .
ثم قم بالبحث عن الكود code التالي :
كود code HTML:
رمز Code:
<div class='post-footer-line post-footer-line-1'>
فإن لم تجده إبحث عن هذا الكود code :
كود code HTML:
رمز Code:
<p class='post-footer-line post-footer-line-1'>
ثم قم بوضع الكود code التالي تحت الكود code الذي وجدته من بين الكود codeين السابقين:
كود code HTML:
رمز Code:
<!-- monte-escalier.org (http://www.monte-escalier.org) Related Posts with Thumbnails Code Start--> <!-- remove --><b:if cond='data:blog.pageType == "item"'><div id='related-posts'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != "true"'> </b:if> <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:loop> <script type='text/javascript'> removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs("<data:post.url/>"); </script> </div><div style='clear:both'/> <!-- remove --></b:if> <b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'> <a href='http://upbramj.blogspot.com'><img style="border: 0" alt="Related Posts Widget For Blogger with Thumbnails" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a><a href='www.monte-escalier-prix.org' ><img style="border: 0" alt="Blogger Widgets" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a> </b:if></b:if> <!-- Related Posts with Thumbnails Code End-->
ملاحظة : يمكنك تغيير الرقم 5، وهو يدل على عدد المواضيع ذات الصلة التي سيتم عرضها
أخيرا قم بحفظ القالب template و إذهب للمعاينة
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©
انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرHTML " ثم ضع علامة في خانة توسيع قوالب عناصر واجهة interface المستخدم.
قم بالبحث عن الكود code التالي بالإستعانة بلوحة التحكم (CTRL+F).
تذكير:لا تنسى أخي المدون أن تأخد نسخة إحتياطية لمدونتك تجنبا لأي أخطاء.
ثم ضع الكود code التالي فوقه :
كود code HTML:
رمز PHP:
<code style="white-space:nowrap"> <code> <!-- Monte Escalier |prix monte escalier pour personnes âgées et handicapés monte escalier prix installation monte escalier elevateur monte escalier monte escalier electrique,monte escalier pour les handicapés fonctionnement monte escalier types monte esc Related Posts with thumbnails --> <!-- remove --><b:if cond='data:blog.pageType == "item"'> <style type="text/css"> #related-posts { float:center; text-transform:none; height:100%; min-height:100%; padding-top:5px; padding-left:5px; } #related-posts h2{ font-size: 1.6em; font-weight: bold; color: black; font-family: Georgia, “Times New Roman”, Times, serif; margin-bottom: 0.75em; margin-top: 0em; padding-top: 0em; } #related-posts a{ color:black; } #related-posts a:hover{ color:black; } #related-posts a:hover { background-color:#d4eaf2; } </style> <script type='text/javascript'> var defaultnoimage="http://1.bp.blogspot.com/_u4gySN2ZgqE/SosvnavWq0I/AAAAAAAAArk/yL95WlyTqr0/s400/noimage.png"; var maxresults=5; var splittercolor="#d4eaf2"; var relatedpoststitle="مواضيع ذات صلة "; </script> <script src='http://sites.google.com/site/lightbox007/abuiyad/related-posts-with-thumbnails-for-blogger-pro.js.txt' type='text/javascript'/> <!-- remove --></b:if> <!--www.pergola-bois-terrasse.org Related Posts with thumbnails -->
</code> </code>
ملاحظة : يمكنك تغيير كلمة "مواضيع ذات صلة" بأي جملة joomla تريد .
ثم قم بالبحث عن الكود code التالي :
كود code HTML:
رمز Code:
<div class='post-footer-line post-footer-line-1'>
فإن لم تجده إبحث عن هذا الكود code :
كود code HTML:
رمز Code:
<p class='post-footer-line post-footer-line-1'>
ثم قم بوضع الكود code التالي تحت الكود code الذي وجدته من بين الكود codeين السابقين:
كود code HTML:
رمز Code:
<!-- monte-escalier.org (http://www.monte-escalier.org) Related Posts with Thumbnails Code Start--> <!-- remove --><b:if cond='data:blog.pageType == "item"'><div id='related-posts'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != "true"'> </b:if> <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:loop> <script type='text/javascript'> removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs("<data:post.url/>"); </script> </div><div style='clear:both'/> <!-- remove --></b:if> <b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'> <a href='http://upbramj.blogspot.com'><img style="border: 0" alt="Related Posts Widget For Blogger with Thumbnails" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a><a href='www.monte-escalier-prix.org' ><img style="border: 0" alt="Blogger Widgets" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a> </b:if></b:if> <!-- Related Posts with Thumbnails Code End-->
ملاحظة : يمكنك تغيير الرقم 5، وهو يدل على عدد المواضيع ذات الصلة التي سيتم عرضها
أخيرا قم بحفظ القالب template و إذهب للمعاينة
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©
