اضافة اداة المشاركات الشائعة

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

تعتبرهده الاداة من الإضافات المهمة التي تزيد من جمالية المدونة، والأهم من دلك هو زيادة الوقت الذي يقضيه الزائر على المدونة. لأن الأداة تسمح بإظهار مواضيع مرتبطة دلاليا بما يقرأه وبالتالي إثارة انتباهه ودفعه لقراءة المزيد من المواضيع.

نبدا على بركة الله :
1- نضغط على تحرير HTML
2- تم CTRL+F للبحت ونكتب في مربع البحت
</head>
3-نكتب فوقه مباشرة الكود التالي :

<style>
#related-posts {
float: right;
width: 650px;
border-bottom: 1px solid #ddd;
height: 290px;
}
#related-posts h2 {
margin-top: 50px;
border-bottom: 0px;
border-top: 1px solid #ddd;
padding-top: 20px;
margin-bottom: 10px;

color: #666;
font-size: 16px;
margin-right: auto;
margin-left: auto;
font-family: Tahoma;
}
#related-posts a {
font-family: Tahoma;
}

</style>
<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEif62Y10xBLwQCE1K3BUsg7tpGl6DJTeV_js1mBTf2me5qlcQKNO0namZdRi3hD4kxO-l67wFWERpkYCAr_JQ_euQK4CBuv4tde4mTESKT6fbcAPQGZl8Qk3WjFmrnWEtzqU4KnGkc9Axdc/s1600/no_image.jpg";
var maxresults=4;
var splittercolor="#fff";
var relatedpoststitle="لا تنسى مشاهدة:";
</script>
<script src='https://e8d96b6c7de0cad3de23ddbdc4ac78776b82ff13.googledrive.com/host/0B79xliDUjJznNmpTX3g3bWZ6QjQ/rp-images-link.js' type='text/javascript'/>
</b:if>

4- بعد دلك نقوم بالبحت على الكود : <div class='post-footer-line post-footer-line-1'>
قد تجد العديد من هده الاكواد انت اختر الاخير دائما
5- ضع الكود التالي بعده مباشرة :

<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></b:if>

6-من بعد دلك اضغط حفض ومبروك عليك الاداة.

هكدا ينتهي الشرح.. في شرح جديد ان شاء الله شكرا لكم متتبعينا.

الكاتب اسرار النت

اسرار النت مدونة مغربية ، يحب مؤسسيها التدوين المعلوماتي و التصميم بالفوتوشوب ، أنشأت هده المدونة بغرض واحد و هو مشاركة الجميع بكل ما نعرفه في هدا المجال

اضافة اداة المشاركات الشائعة

الكاتب اسرار النت

مقالات قد تهمك