468x60
أخر التدوينات
تحميل...
السبت، 19 يناير 2013

إضافة "مواضيع ذات صلة" أسفل التدوينات

4:13 م
بسم الله الرحمان الرحيم

إضافة "مواضيع ذات صلة" أسفل التدوينات


سأقدم لكم اليوم درس بعنوان إضافة "مواضيع ذات صلة" مُتحركة أسفل التدوينة حتى تجعل الزائر يدخل للقراءة موضوع أخر على مدونتك و بعد انتهائه يدخل للموضوع مشابه اخر و بذلك يكون قد بقي في مدونتك طويلا مِما يجعل ترتيب مدونتك يرتفع في الاليكسا و يتِم رفع الباج رانك الخاص بمدونتك وقد سبق لي أن وضعت درس لإضافة المواضيع ذات صلة لاكن هذه الطريقة الجديدة أفضل و أجمل إن شاء الله و هي تقوم بجمع كُل المواضيع المشابهة للتدوينة على شكل أيقونات الصُوَر الرئيسية للموضوع + عنوان الموضوع و جعلها متحركة من اليمين إلى الشِمال و من الشِمال إلى اليمين بجمالية وروعة كبيرة للنبدأ الدرس

إذ أردت معاينة الإضافة ستجدها أسفل هذه التدوينة


أولا نقوم بتوجه إلى تحرير القالب ثم نضغط على زر توسيع القالب و نبحث عن



كود:
 </head>
فوقه مباشرة نقوم بوضع الكود التالي :
كود:
    
بعد ذلك نقوم بالبحث عن :
كود:
 <div  class='post-footer-line post-footer-line-1'>
اذا لم تجده في قالبك ابحث عن :
كود:
 <p class='post-footer-line post-footer-line-1'>
ثم أضف الكود التالي بعد الكود السابق مباشرة :

كود:
 <br/><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_thumbs&amp;max-results=7&quot;' 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=&quot;<data:post.url/>&quot;; var maxresults=10; var relatedpoststitle=&quot;&quot;; removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs(); </script></marquee> </div> </b:if>


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

0 التعليقات:

إرسال تعليق

 
فتح الفوتر