معهد خبراء بلوجر - مشاركات ذات صلة بشكل نصي

السلام عليكم ورحمة اله تعالي وبركاته

♥ أهلا بك زائرنا الكريـــــم♥

أخي القارئ

يمكنك الإستعانة با مشاركات ذات صلة بشكل نصي لأنها مهمة جدا بعد إكمال الزائر قرائته يمكنه زيارة التدوينات الأخرى وهذا سبب رئيسي لبقاء الزائر لمدة أطول في مدونتك وهذا شيئ جيد لك ولمدونتك الأن بقاء الزائر في مدونتك لوقت أطول شيئ رائـــــع مثل كوب من الشاي ☕ وهذا زر لمعاينة الاضافة

معاينة

ابحث عن الوسم التالي </head> وضع قبله هذا الكود

كود بلغة HTML:

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<style type='text/css'>

#related-posts h2 {

font-size: 18px;

color: #fff;

margin-bottom: 30px;

position: relative;

top: 15px;

background: black;

text-align: center;

padding: 5px;}

#related-posts a {

color: #fff;

text-transform: capitalize;

text-decoration: none;

font: normal 14px droid arabic kufi,cursive;

}

#related-posts ul {list-style-type: none; margin: 0 0 0px 0;padding: 5px;}

#related-posts ul {list-style-type: none;}

#related-posts li {border-radius: 2px;padding: 10px;margin-top: 3px;background-color: #777777;    border: 1px solid #777777;}

#about {position: absolute;right: 1%;bottom: 50px;font-weight: bold;}

#related-posts li:hover {background: #F4F4F4;border: 1px solid #3079ED;background-color: #4D90F0;}

</style>

<script type='text/javascript'>

  var relatedpoststitle=&quot;مشاركات ذات صلة&quot;;

</script>

<script src='http://googledrive.com/host/0B-3SIKm-BBF_cWhGT2ptWHZUOE0' type='text/javascript'/>

</b:if>

التعديلات الأساسية علي الكود
font-size: 18px; : حجم الخط
color: #fff; : لون الكتابة
background: black; : الخلفية

ابحث عن الكود التالي <div class='post-footer'> وضع اسفله هذا الكود

كود:

<b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != &quot;true&quot;'> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'> <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop>

<script type='text/javascript'> var maxresults=6; removeRelatedDuplicates(); printRelatedLabels(&quot;<data:post.url/>&quot;); </script><a> </a></div></b:if>

التعديلات الاساسية علي الكود
maxresults=6 : عدد المشاركات لتي سيتم عرضها

في أمان الله

مشاركات ذات صلة بشكل نصي