|
|
|
أدوات الموضوع | انواع عرض الموضوع |
07-21-2012, 12:54 AM | #1 |
مدير عام
تاريخ التسجيل: Apr 2012
الدولة: جده
المشاركات: 2,846
|
شرح إضافة أداة مواضيع ذات صلة (بشكل نصي) لتقوية الروابط الداخلية على بلوحر
بسم الله الرحمن الرحيم
في هذا الموضوع سنتطرق إلى شرح إضافة أداة مواضيع ذات صلة (بشكل نصي) لتقوية الروابط الداخلية على مدونتك في بلوجر. الآن شرح الإضافة : اذهب إلى تحرير HTML وعلم على توسيع قوالب عناصر واجهة المستخدم وابحث عن : كود:
</head> كود:
<script type='text/javascript'> //<![CDATA[ var relatedTitles = new Array(); var relatedTitlesNum = 0; var relatedUrls = new Array(); function related_results_labels(json) { for (var i = 0; i < json.feed.entry.length; i++) { var entry = json.feed.entry[i]; relatedTitles[relatedTitlesNum] = entry.title.$t; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { relatedUrls[relatedTitlesNum] = entry.link[k].href; relatedTitlesNum++; break; } } } } function removeRelatedDuplicates() { var tmp = new Array(0); var tmp2 = new Array(0); for(var i = 0; i < relatedUrls.length; i++) { if(!contains(tmp, relatedUrls[i])) { tmp.length += 1; tmp[tmp.length - 1] = relatedUrls[i]; tmp2.length += 1; tmp2[tmp2.length - 1] = relatedTitles[i]; } } relatedTitles = tmp2; relatedUrls = tmp; } function contains(a, e) { for(var j = 0; j < a.length; j++) if (a[j]==e) return true; return false; } function printRelatedLabels() { var r = Math.floor((relatedTitles.length - 1) * Math.random()); var i = 0; document.write('<ul>'); while (i < relatedTitles.length && i < 20) { document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>'); if (r < relatedTitles.length - 1) { r++; } else { r = 0; } i++; } document.write('</ul>'); } //]]> </script> <style> #related-posts { float : right; width : 600px; margin-top:20px; margin-right: 0px; margin-bottom:20px; font : 11px Arial; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { background:#EEEEEE url(https://lh6.googleusercontent.com/-B7Vkw9_qc8Y/TkAfDi4z6DI/AAAAAAAAAoU/s0oPtRH3Vok/s000/widget-title-bg.png) right top repeat-y; color : #222222; font-size:16px;line-height:16px;font-family:Arial,Helvetica,Sans-serif;font-weight:bold;margin:0 0 10px 0;padding:10px;text-transform:uppercase;text-shadow:0 1px 0 #fff; } #related-posts a { color : #054474; font-weight:bold; font-family: Arial; font-size : 14px; text-decoration : none; } #related-posts a:hover { color : #054474; text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url("http://i263.photobucket.com/albums/ii150/mohamedrias/newconcept_bullet.png") no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 16px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style> كود:
<data:post.body/> كود:
<b:if cond='data:blog.pageType == "item"'> <div id='related-posts'> <h2>قد يهمك أيضا :<div style='display:none;'> <b:loop values='data:post.labels' var='label'><data:label.name/><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&max-results=3"' type='text/javascript'/></b:if></b:loop></div> </h2> <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script> </div> </b:if> الكود الأحمر لإظهار الأداة في صفحات المواضيع فقط max-results=3 لتحديد عدد المواضيع ذات الصلة المراد عرضها بالأداة لإضافة خلفية عبارة عن صورة فقط : غير الكود التالي : كود:
background:#EEEEEE url(https://lh6.googleusercontent.com/-B7Vkw9_qc8Y/TkAfDi4z6DI/AAAAAAAAAoU/s0oPtRH3Vok/s000/widget-title-bg.png) right top repeat-y; كود:
background:url("رابط الخلفية") ; لتغيير صورة السهم بصورة أخرى : غير الرابط التالي : كود:
http://i263.photobucket.com/albums/ii150/mohamedrias/newconcept_bullet.png بهذا يكون الدرس انتهى. لا تنسوا الضغط على زر الإعجاب الخاص بالفيسبوك أسفله.
__________________
|
07-21-2012, 11:31 AM | #2 |
مدون مميز
|
رد: شرح إضافة أداة مواضيع ذات صلة (بشكل نصي) لتقوية الروابط الداخلية على بلوحر
__________________
|
07-21-2012, 12:07 PM | #3 |
مدون مميز
تاريخ التسجيل: May 2012
الدولة: تونس
المشاركات: 874
|
رد: شرح إضافة أداة مواضيع ذات صلة (بشكل نصي) لتقوية الروابط الداخلية على بلوحر
__________________
Arabic Labs | المختبرات العربية أفضل مكان لتعلم المهارات الإبداعية والفنية مثل تطوير وتصميم المواقع الإلكترونية، (وغيرها الكثير). http://www.arabiclabs.com |
07-21-2012, 03:08 PM | #4 |
مدون جديد
تاريخ التسجيل: Jul 2012
المشاركات: 33
|
رد: شرح إضافة أداة مواضيع ذات صلة (بشكل نصي) لتقوية الروابط الداخلية على بلوحر
__________________
|
07-29-2012, 12:48 AM | #5 |
مدير عام
تاريخ التسجيل: Apr 2012
الدولة: جده
المشاركات: 2,846
|
رد: شرح إضافة أداة مواضيع ذات صلة (بشكل نصي) لتقوية الروابط الداخلية على بلوحر
__________________
|
مواقع النشر (المفضلة) |
الكلمات الدلالية (Tags) |
أداة, مواضيع ذات صلة, بلوجر, تقوية الروابط الداخلية, شرح, إضافة, نصي |
الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1) | |
أدوات الموضوع | |
انواع عرض الموضوع | |
|
|
المواضيع المتشابهه | ||||
الموضوع | كاتب الموضوع | المنتدى | مشاركات | آخر مشاركة |
طريقة إضافة أداة القائمة البريدية بشكل أنيق لمدونة بلوجر 2013 | مى محمد | إضافات وأدوات بلوجر | 6 | 05-04-2013 08:59 PM |
إضافة أداة مواضيع ذات صلة للبلوجر | abdoumara | إضافات وأدوات بلوجر | 1 | 02-05-2013 12:41 PM |
إضافة أداة آخر المواضيع لبلوجر بشكل رائع | luqmanessam | دروس بلوجر | 0 | 01-17-2013 09:01 PM |
شرح إضافة أداة مواضيع ذات صلة (بشكل صوري) لتقوية الروابط الداخلية على بلوحر | admin | إضافات وأدوات بلوجر | 4 | 08-02-2012 02:34 AM |
شرح إضافة شريط آخر مواضيع المدونة بشكل متحرك | admin | إضافات وأدوات بلوجر | 15 | 07-25-2012 10:04 PM |
الساعة الآن 11:27 AM - بتوقيت جرينتش
المعهد غير مسؤول عن أي اتفاق تجاري أو
تعاوني بين الأعضاء فعلى كل شخص تحمل مسؤولية نفسه تجاه ما يقوم به من بيع وشراء وإتفاق وإعطاء معلومات مدونته التعليقات المنشورة لا تعبر عن رأي معهد خبراء البلوجر ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر) |