10:35 م
admin
 |
مواضيع ذات صلة |
كيف تضيف خاصية "مواضيع ذات صلة" أو "مواضيع متشابهه" تحت كل موضوع تقوم بكتابته ،وهذه الخاصية تعتمد على الأقسام أو فهرس المدونة ،فأي موضوع تكتبه يظهر أسفل الموضوع قائمة افقية مصورة للمواضيع التي تندرج تحت نفس القسم أي لابد أولاً أن تقوم بعمل أقسام للمدونة ،أو التصنيفات ،أو فهرس للمدونة .
وإذا كنت لم تقم بعمل فهرس لمدونتك بعد يمكنك عمله بسهولة وفي أقل من دقيقة ولتتعلم كيف تفعل ذلكاذهب إلى هذا الموضوع .
أهمية اضافة هاك مواضيع ذات صلة :
تكمن أهمية تلك الإضافة في التالي :
1- بالنسبة لما تستفيده أنت :قضاء الزائر وقتاً أطول في مدونتك عن طريق تصفح الزائر مواضيع أكثر .
2- بالنسبة للزائر : تصفح المواضيع بسهولة وبسرعة ،وتصفح مواضيع ربما كان يبحث عنها فيجدها أمامه .
كيفية اضافة خاصية "مواضيع ذات صلة" بالصور بعد كل تدوينة :
ملحوظة هامة جداً : هذه الأكواد مجربه على مدونتي وهي سليمة ،ولكن أنصحك أن تأخذ نسخة من قالبك أولاً قبل التعديل، للتتفادى أي خطاً يحدث منك .
اتبع الخطوات معي فهي خطوتان بسيطتان جداً :
الخطوة الأولى : اذهب إلى لوحة تحكم مدونتك > تصميم > قالب > تحرير HTML ،ثم ابحث عن الكود التالي بإستخدام ctrl+f
1- بالنسبة لما تستفيده أنت :قضاء الزائر وقتاً أطول في مدونتك عن طريق تصفح الزائر مواضيع أكثر .
2- بالنسبة للزائر : تصفح المواضيع بسهولة وبسرعة ،وتصفح مواضيع ربما كان يبحث عنها فيجدها أمامه .
كيفية اضافة خاصية "مواضيع ذات صلة" بالصور بعد كل تدوينة :
ملحوظة هامة جداً : هذه الأكواد مجربه على مدونتي وهي سليمة ،ولكن أنصحك أن تأخذ نسخة من قالبك أولاً قبل التعديل، للتتفادى أي خطاً يحدث منك .
اتبع الخطوات معي فهي خطوتان بسيطتان جداً :
الخطوة الأولى : اذهب إلى لوحة تحكم مدونتك > تصميم > قالب > تحرير HTML ،ثم ابحث عن الكود التالي بإستخدام ctrl+f
</head>
- ثم ضع الكود التالي قبلها :
- ثم ضع الكود التالي قبلها :
<!--Related Posts with thumbnails Scripts and Styles Start--><!-- 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyeZhXP7AF8ZlamWFhhRw71FiUHAM_NoBd36Z2SGN_u1D3kUXx39deNECzPQVZpW0maH-8tdHABlsNwp30T2NiIGkVl7NtvSk6BEe0dS_rBtC31Uiw5jv4IGL1Fx0YcQAI-spyZjDLAzM/s400/noimage.png";var maxresults=5;var splittercolor="#d4eaf2";var relatedpoststitle="مـواضـيـع ذات صـلـة";</script><script src='http://blogergadgets.googlecode.com/files/related-posts-with-thumbnails-for-blogger-pro.js' type='text/javascript'/><!-- remove --></b:if><!--Related Posts with thumbnails Scripts and Styles End-->
الخطوة الثانية : ابحث عن الكود التالي ،ولاحظ أنه قد يحتوي قالبك على أكثر من واحدة في أغلب الأحيان اختر الثانية ،وفي بعض الأحيان في قوالب اخرى اختر الثانية .
<data:post.body/>
ثم ضع الكود التالي بعدها :
<data:post.body/>
ثم ضع الكود التالي بعدها :
