شرح إضافة مواضيع ذات صلة إلى قالب BMAG وقوالب اخرى أسفل كل تدوينة

إضافة اداة مواضيع ذات صلة إلى مدونات بلوجر تحت كل تدوينة

مرحباً بكم زوار مدونتي أتيت اليكم ومعي اضافة مهمة جداً لكل مدونة وهي اضافة جميلة جدا اليوم سوف نتعلم كيف نضيف إضافة مواضيع ذات صلة إلى مدونات بلوجرتحت كل تدوينة بالضبط الموجودة في موقعي

وهي الخاصية الجميلة والضرورية لأي مدونة فهي تبقي الزائر قدر الامكان في المدونة وتسمح له بالتمتع بافضل المواضيع حتي الزائرلا يغادر مدونتك بسرعة و يقرأ المزيد

هذه الاضافة انا استعملها شخصياً لكنني قمت بتطويرها لكي تناسب مدونتي

صورة الاضافة 

شرح إضافة مواضيع ذات صلة إلى قالب BMAG وقوالب اخرى أسفل كل تدوينة

طريقة التركيب ..( ركز معي عزيزي الزائر)

اولاً اذهب الى لوحة تحكم المدونة 

ثم الى قالب ثم تحرير Html

الان اضغط Ctrl+f

للبحث عن 

</head>

قم بوضع الكود التالي فوقة مباشر

  <!-- Ajouter sujets connexes en bas de chaque billet de blog - by www.the-prof-dz.com --><style> <!-- by www.the-prof-dz.com -->#related-posts { float : left; width : 762px; margin-top:-40px; margin-left : 5px; margin-bottom:20px; font : 16px DroidKufi-regular,Arial,Helvetica,Sans-serif; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 11px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a {color:#606060; font-family: DroidNaskh-bold,DroidKufi-bold,Arial,Helvetica,Sans-serif; font-size: 11px; transition: all 1s ease 0s; text-decoration : none; } #related-posts a:hover {color: #FF6816; padding-right: 10px; transition: all 1s ease 0s; 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/AVvXsEiYR-vAxceu_bEsPS7YZ1paUdjm_AzDicqan4B2VMnJIxoRalOW77H0vj3LL5sIt3eFtsNXDQo9jKTQAOSQDoAe8gN3Pb8O8kEmUX-F4Eh_CrekIo1UQLxeJinjK90vyxZ-_TpxI-fqH-3T/s1600/rss-feed-icon-afkarpro.png") no-repeat scroll 0 0 transparent; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 1.5em; border-bottom:1px dotted #e1e1e1; } </style> <!-- by www.the-prof-dz.com --><script src='https://googledrive.com/host/0B5pPHEUDQ2arY1ZuRm9jYk80d2M' type='text/javascript'/><!-- Ajouter sujets connexes en bas de chaque billet de blog - by www.the-prof-dz.com -->

وكخطوة أخيرة ابحث عن هذه اسطر التالية

اول خاص بقوالب BMAG اما الثانية والثالثة خاصة بقوالب اخرى 
وضع الكود التالي اسفلها مباشرتحت اكود التالي

<b:include data='post' name='post'/>  

او

data='post' name='post

او

<data:post.body/>

ملاحظة : <data:post.body/>

 موجودة في القالب اكثر من مره , جرب في كل مرة واحده , والافضل ان تبداء من الاخير

الكود ثاني

<!-- Start -Ajouter sujets connexes en bas de chaque billet de blog - by www.the-prof-dz.com --><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> <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=6"' type='text/javascript'/> </b:if> </b:loop> <a href='http://afkarpro.blogspot.com/2013/09/How-to-Add-Related-Posts-for-Bloggers.html'> <img alt='Related Posts Widget for Blogger' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrDnbQUBffPXGoD8BEh0uAfJAhG5MYIlJ7mjBTZhAKELD8B6VzCLF7oP9L7vlvYRBiSoaYxeh8QmTVtjWNnjMU4L6XEP8AvYtvdOhiqdNezU5EHZBS1XB-isgSzqLsqT4rTVfgQ9MNqgRL/s1600/Related-Posts-blogger-widgets.png' style='border: 0'/> </a> <br/><br/> <h2 style='color: #801A1A; font: 17px droidkufi-bold; padding: 5px 8px; background: rgb(255, 255, 255) ; display: inline-block; border: none;'>مواضيع أخرى قد تعجبك</h2><script type='text/javascript'> var maxresults=10; removeRelatedDuplicates(); printRelatedLabels("<data:post.url/>"); </script> </div></b:if> <div style='clear:both'/><!-- remove --><b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'></b:if></b:if><!-- End -Ajouter sujets connexes en bas de chaque billet de blog - by www.the-prof-dz.com -->

ثم استبدل كلمة " مواضيع أخرى قد تعجبك " بكلمة اخرى من عندك تجدها مناسبة او اتركها
في الأخير قم بحفظ القالب

إن اردت تحميل ملف اكواد مع شرح هنا تحميل ملف

وهذا شرح طريقة بالفيديو

إلى هنا نكون قد انتهينا إن اعجبك الموضوع فلا تنسى بمشاركته حتى تعم الفائدة و إشتراك بالقناة 

وإن كان عندك اي استفسار او اسئلة ضعها في قسم التعليقات و أجيب عنك.