 |
|
|
|
|
|
|||||||
|
|
|
|
أدوات الموضوع | انواع عرض الموضوع |
01-20-2013, 12:19 AM
|
#1 |
|
مدون نشيط
 تاريخ التسجيل: Jan 2013
المشاركات: 176
|
إضافة "مواضيع ذات صلة" مُتحركة أسفل التدوينة
إضافة "مواضيع ذات صلة" مُتحركة أسفل التدوينة
 سأقدم لكم اليوم درس بعنوان إضافة "مواضيع ذات صلة" مُتحركة أسفل التدوينة حتى تجعل الزائر يدخل للقراءة موضوع أخر على مدونتك و بعد انتهائه يدخل للموضوع مشابه اخر و بذلك يكون قد بقي في مدونتك طويلا مِما يجعل ترتيب مدونتك يرتفع في الاليكسا و يتِم رفع الباج رانك الخاص بمدونتك وقد سبق لي أن وضعت درس لإضافة المواضيع ذات صلة لاكن هذه الطريقة الجديدة أفضل و أجمل إن شاء الله و هي تقوم بجمع كُل المواضيع المشابهة للتدوينة على شكل أيقونات الصُوَر الرئيسية للموضوع + عنوان الموضوع و جعلها متحركة من اليمين إلى الشِمال و من الشِمال إلى اليمين بجمالية وروعة كبيرة للنبدأ الدرس إذ أردت معاينة الإضافة ستجدها أسفل هذه التدوينة أولا نقوم بتوجه إلى تحرير القالب ثم نضغط على زر توسيع القالب و نبحث عن كود بلغة HTML:
</head>
كود بلغة HTML:
<b:if cond='data:blog.pageType == "item"'> <style type='text/css'> #related-posts { float:center; text-transform:none; height:100%; width:100% min-height:100%; padding-top:5px; padding-right:5px; } #related-posts h2{ background: #FFF!important; font-size: 1.6em; font-weight: bold; color: black; font-family: Georgia, “Times New Roman”, Times, serif; margin-bottom: 0.75em; margin-top: 0em; padding-top: 0em; } #related-posts a{ color:black; } #related-posts a:hover{ color:black; } #related-posts a:hover { background-color:#d4eaf2; } </style> <script src='http://balitraveltips.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/> </b:if> <script src='http://apis.google.com/js/plusone.js' type='text/javascript'> {lang: 'en'} </script> كود بلغة HTML:
<div class='post-footer-line post-footer-line-1'>
كود بلغة HTML:
<p class='post-footer-line post-footer-line-1'>
كود بلغة HTML:
<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=7"' 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=10; var relatedpoststitle=""; removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs(); </script></marquee> </div> </b:if> قم بحفظ القالب و هنيئا لك الإضافة المصدر
__________________
|
|
|
|
| مواقع النشر (المفضلة) |
| الكلمات الدلالية (Tags) |
| مُتحركة, أسفل, مواضيع, التدوينة, صلة |
| الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1) | |
|
|
المواضيع المتشابهه
|
||||
| الموضوع | كاتب الموضوع | المنتدى | مشاركات | آخر مشاركة |
| إضافة "مواضيع ذات صلة" أسفل التدوينات | efada.net | إضافات وأدوات بلوجر | 8 | 12-04-2013 05:18 PM |
| إضافة "مواضيع ذات صلة" أسفل التدوينات | Jaabiriovic | إضافات وأدوات بلوجر | 1 | 01-13-2013 02:38 AM |
| مساعدة حول "كيفية إضافة أو تغيير ايقونة المدونة في بلوجر" | Youness | طلبات الدعم الفني | 5 | 11-02-2012 10:09 PM |
| شرح إضافة سلايدر تشغيل ذاتي "أوتوماتيكي" لمدونات بلوجر | admin | إضافات وأدوات بلوجر | 4 | 07-16-2012 09:20 PM |
| درس إضافة شريط تسلسل دخولك للتدوينات " اين تقرأ الان " | الزعيم | إضافات وأدوات بلوجر | 2 | 07-03-2012 05:27 PM |
|
الساعة الآن 04:13 AM - بتوقيت جرينتش
المعهد غير مسؤول عن أي اتفاق تجاري أو
تعاوني بين الأعضاء فعلى كل شخص تحمل مسؤولية نفسه تجاه ما يقوم به من بيع وشراء وإتفاق وإعطاء معلومات مدونته التعليقات المنشورة لا تعبر عن رأي معهد خبراء البلوجر ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر) |
العرض الشجري
