السلام عليكم ورحمة الله وبركاته
في هذه التدوينة الجديدة من سلسلة دروس إضافات البلوجر ، سوف نشرح طريقة إضافة مواضيع ذات صلة تحت كل تدوينة وهي الخاصية الجميلة والضرورية لأي مدونة ، من خلالها قد تزيد من فرصة بقاء الزائر في مدونتك و يعطيه الفرصة للإبحار بسهولة في المواضيع الأخرى التي لها نفس التصنيف.
*ولتطبيق هاته الإضافة على مدونتك ، تذهب مباشرة إلى تذهب إلى لوحة تحكم مدونتك وتضغط على قالبثم تحرير html وتضع العلامة على مربع توسيع قالب واجهة المستخدم ثم تضغط في الكيبورد علىctrl+f وتبحث عن هذا الكود
</head>
قم بوضع فوقه مباشرة هذا الكود
____๑۩۞۩๑๑۩۞๑۩۞۩๑๑۩۞۩๑۩۞۩۩۞۩۩๑۩۞۩۩۞۩๑____
<style> #related-posts { float : left; width : 540px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 15px arial; margin-bottom:10px;font-weight:bold; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhasA8rYYQMoxsj_PBLyHvMuNIELe-btzyHfPuxEnRzuHw8tEEUlqlidS_Ze9o7WiKc9vhSpt00JJSmQ5EuK4-xMYONSBFqW-uX-V6iO8x4C9Ls3VmXKwt5XnMb8Kzu0oKeNENWKCaBaJE/") no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style> <script src='http://related-sources.googlecode.com/files/Related_posts_b.js' type='text/javascript'/>
____๑۩۞۩๑๑۩۞๑۩۞۩๑๑۩۞۩๑۩۞۩۩۞۩۩๑۩۞۩۩۞۩๑____
* وكخطوة ثانية وأخيرة قم بالبحث عن هذا الكود
<div class='post-body> أو <data:post.body/>
بعد أن تجد أحد منهما قم بوضع هذا الكود بعده مباشرة
____๑۩۞۩๑๑۩۞๑۩۞۩๑๑۩۞۩๑۩۞۩۩۞۩۩๑۩۞۩۩۞۩๑____
<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<font face='Arial' size='5'><b> قد يهمك أيضا:</b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != "true"'>,</b:if><b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div>
</b:if>
____๑۩۞۩๑๑۩۞๑۩۞۩๑๑۩۞۩๑۩۞۩۩۞۩۩๑۩۞۩۩۞۩๑____
قم بتغيير كلمة قد يهمك أيضا إلى أي كلمة تريدها إذا أحببت ذلك ، ثم قم بحفض التغييرات ومبروك عليك الإضافة المهمة.
في هذه التدوينة الجديدة من سلسلة دروس إضافات البلوجر ، سوف نشرح طريقة إضافة مواضيع ذات صلة تحت كل تدوينة وهي الخاصية الجميلة والضرورية لأي مدونة ، من خلالها قد تزيد من فرصة بقاء الزائر في مدونتك و يعطيه الفرصة للإبحار بسهولة في المواضيع الأخرى التي لها نفس التصنيف.
</head>
قم بوضع فوقه مباشرة هذا الكود
____๑۩۞۩๑๑۩۞๑۩۞۩๑๑۩۞۩๑۩۞۩۩۞۩۩๑۩۞۩۩۞۩๑____
<style> #related-posts { float : left; width : 540px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 15px arial; margin-bottom:10px;font-weight:bold; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhasA8rYYQMoxsj_PBLyHvMuNIELe-btzyHfPuxEnRzuHw8tEEUlqlidS_Ze9o7WiKc9vhSpt00JJSmQ5EuK4-xMYONSBFqW-uX-V6iO8x4C9Ls3VmXKwt5XnMb8Kzu0oKeNENWKCaBaJE/") no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style> <script src='http://related-sources.googlecode.com/files/Related_posts_b.js' type='text/javascript'/>
____๑۩۞۩๑๑۩۞๑۩۞۩๑๑۩۞۩๑۩۞۩۩۞۩۩๑۩۞۩۩۞۩๑____
* وكخطوة ثانية وأخيرة قم بالبحث عن هذا الكود
<div class='post-body> أو <data:post.body/>
بعد أن تجد أحد منهما قم بوضع هذا الكود بعده مباشرة
____๑۩۞۩๑๑۩۞๑۩۞۩๑๑۩۞۩๑۩۞۩۩۞۩۩๑۩۞۩۩۞۩๑____
<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<font face='Arial' size='5'><b> قد يهمك أيضا:</b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != "true"'>,</b:if><b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div>
</b:if>
____๑۩۞۩๑๑۩۞๑۩۞۩๑๑۩۞۩๑۩۞۩۩۞۩۩๑۩۞۩۩۞۩๑____
قم بتغيير كلمة قد يهمك أيضا إلى أي كلمة تريدها إذا أحببت ذلك ، ثم قم بحفض التغييرات ومبروك عليك الإضافة المهمة.
من الرائع ان تشاركنا تجربتك ورأيك، من فضلك لا تستخدم اي كلمات خارجة، روابط لا علاقة لها بالموضوع لانه سيتم حذفها فوراً. فالتعليقات خاضعة للإشراف، دعنا نجعل التعليقات ساحة لتبادل الخبرات والنقاش , واحب ان انبهك انه عند تعليقك تستطيع متابعة التعليق من خلال " إعلامي " الموجودة اسفل يسار الصندوق.
لا تنسى التعليق من هنا ^