إنشاء مقالات ذات الصلة نصية

مداد الجليد

7 سبتمبر, 2013

السلام عليكم ورحمة الله وبركاته

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

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

كيف تضيف هذه الاداة الى مونتك

اولا عليك تسجيل الدخول الى مدونتك لوحة التحكم ثم أختر القالب

بعد الدخول الى القالب إضغط على تحرير html ثم ابحث عن الرمز </head>

لتسهيل البحث إستخدم مفاتيح الاختصار Ctrl+F إنظر الى هذه الصورة

الان بعد إن وجدت الرمز </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>

ثم ابحث عن الرمز <data:post.body/> ثم اضف الكود التالي أسفله مباشر

ملاحظة: قد تجد أكثر من رمز في القالب لديك اذا لم تعمل الاضافة على الاول استخدم الثاني



                              <b:if cond='data:post.labels'>
                                <b:loop values='data:post.labels' var='label'>
                                  <b:if cond='data:blog.pageType == "item"'>
                                    <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5"' type='text/javascript'/>
                                  </b:if>
                                </b:loop>
                              </b:if>
                              <b:if cond='data:blog.pageType == "item"'>
                                <h2 style='color: #fff; font: 20px droidkufi-bold; padding: 5px 8px; background: #1D94C8 ; display: inline-block; border: none;'>
                                  شـــاهـــد أيـــضـــا                      
                                </h2>
                                <script type="text/javascript">
                                  removeRelatedDuplicates();    printRelatedLabels();    </script>
                              </b:if>

لتغيير عدد المشاركات غير الرقم المشار اليه باللون الاحمر

إختر حفظ الان ثم شاهد النتائج

Unknown 10‏/11‏/2013، 9:26:00 م

السلام عليكم
اخي العزيز ان هذه الاضافه لا ترضى ان تنضاف لمدونتي لا اعلم لماذا ؟؟؟
هل من طريقة لاضافتها
ودمت بالف خير وعافية
http://safa1434.blogspot.com
- مداد الجليد 10‏/11‏/2013، 10:06:00 م
  
  وعليكم السلام
  أختي الكريمة طريقة سهلة ولكنك لم تقومي بإضافة الاكواد في مكانها الصحيح
  ابحثِ عن هذا الرمز data:post.body/ طبعاً هناك أكثر من واحد في قالب مدونتك إذا لم تعمل الإضافة على أول رمز قومي بحذف الكود ثم إبحثِ عن الثاني حتى تعمل معك بشكل صحيح
  
  شاهدِ هذه الصورة توضح لكِ كيفية البحث عن الاكواد في مدونتك
  
  http://1.bp.blogspot.com/-8fbkybaFIoo/UdXA1020TmI/AAAAAAAADS4/3chsFR-qOn8/s1366/25-08-34+09-26-15+%D9%85.bmp
  
  بالتوفيق.
رد