كيفية إضافة اداة "مواضيع ذات صلة" بشكل متحرك - بلوجر

إضافة اداة "مواضيع ذات صلة" بشكل متحرك - بلوجر

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

وصف الاداة

تعتبر اداة "مواضيع ذات صلة" إضافة مهمة جدا في مدونة بلوجر لأنها سوف تسهل لزوارك تنقل داخل المدونة بشكل جميل و تزيد ايضا في جمالها .

مزايا الاداة

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

طريقة اضافة الاداة

اولا: قم باخذ نسخة للقالب تحسبا لحدوث خطا لك

ثانيا: اتبع الخطوات التالية

لوحة التحكم
قالب
تحرير Html
اضغط Alt+f

و ابحت عن الكود التالي :

</head>

ضع فوقه تماما

<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: 18px; letter-spacing: 2px; font-weight: bold; text-transform: none; color: #5D5D5D; font-family: Arial Narrow; margin-bottom: 0.75em; margin-top: 0em; padding-top: 0em; } #related-posts a{ border-right: 1px dotted #DDDDDD; color:#5D5D5D; } #related-posts a:hover{ color:black; background-color:#EDEDEF; } </style> <script type='text/javascript'> vardefaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghPXKvAz48Yie3Zmz1GG0duBxlZimnksolU9HBRpEbGOGUwyzX0YcrRrFedEnm5whikYo4UtEn9IL-lKi0nKgOY5-rNyRgXYlJLwMlXhlNF7snovEXg8C40Wzwka_-2C1SfHeipCZ1y-I/s400/noimage.png"; var maxresults=5; var splittercolor="#DDDDDD"; var relatedpoststitle="Related Posts"; </script><a href='http://arab-software.com' style='font-size:0pt'>Blogger Widgets</a> <script src='http://netoopscodes.googlecode.com/svn/netoops-related-posts-with-thumbnails-blogger.js' type='text/javascript'/> </b:if>

الخطوة الثانية

ابحت عن الكود التالي :

<data:post.body/>

ضع تحته تماما

<br/><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_thumbs&max-results=8"' type='text/javascript'/></b:if></b:loop> <h3 style='border-bottom: 3px #5D7D91 solid;padding-bottom:10px!important'><b> مواضيع ذات صلة :</b></h3> <marquee align='center' behavior='alternate' direction='left' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' width='100%'> <script type='text/javascript'> var currentposturl="<data:post.url/>"; var maxresults=7; var relatedpoststitle=""; removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs(); </script></marquee> </div> </b:if>

وبذلك نكون قد أنهينا عملية اضافة الاداة

وهنالك مزيد من التحكم يمكن تغيير بعض الأشياء وهي: