أخر المقالات
تحميل...

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

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

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

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




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


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



  • بعد الدخول الى القالب إضغط على تحرير 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>



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

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


4 تعليق على " إنشاء مقالات ذات الصلة نصية "

السلام عليكم
اخي العزيز ان هذه الاضافه لا ترضى ان تنضاف لمدونتي لا اعلم لماذا ؟؟؟
هل من طريقة لاضافتها
ودمت بالف خير وعافية
http://safa1434.blogspot.com

وعليكم السلام
أختي الكريمة طريقة سهلة ولكنك لم تقومي بإضافة الاكواد في مكانها الصحيح
ابحثِ عن هذا الرمز data:post.body/ طبعاً هناك أكثر من واحد في قالب مدونتك إذا لم تعمل الإضافة على أول رمز قومي بحذف الكود ثم إبحثِ عن الثاني حتى تعمل معك بشكل صحيح

شاهدِ هذه الصورة توضح لكِ كيفية البحث عن الاكواد في مدونتك

http://1.bp.blogspot.com/-8fbkybaFIoo/UdXA1020TmI/AAAAAAAADS4/3chsFR-qOn8/s1366/25-08-34+09-26-15+%D9%85.bmp

بالتوفيق.

جزاك الف خير اخي الكريم ركبت الاداة في المدونة ...
بارك الله فيكم ...
احب ان ابدي لكم اعجابي الفائق بمدونتكم الرائعة التي استفدت منها كثيراً ....
لقد انعجبت بصفحتكم على الفيس وانظميت الى الاعضاء وكذلك اشتركت في القائمة البريدية ....
ننتظر جديدكم ...
دمتم في صحة وعافية وسعادة ...
وشكراً
http://safa1434.blogspot.com

جزانا وجزاكم الله كل خير أختي الفاضلة،
يشرفني مرورك الطيب وشكرك الجميل الذي يدفع بنا نحو الأمام وأريد أن أقول لكِ أن أمثالك أصبحت قلائل.. وأنا سعيد جداً بإطلالتك أتمنى لكِ التوفيق والنجاح بإستمرار إن شاء الله.
بالنسبة لمدونتك فهي رائعة حقاً ومفيدة إن شاء الله سوف تكون مثمرة لكِ عند الله
دمتي بأمان الله ورعايته
https://lh4.googleusercontent.com/-RgocXdYHS5Y/UoETeMPO9xI/AAAAAAAAIxE/qABeWWNTCiY/w330-h326-no/a%253Bvh+%25D8%25B4%25D9%2583%25D8%25B1%25D8%25A7.gif

تذكر قوله تعالى:
(( مَا يَلْفِظُ مِنْ قَوْلٍ إِلَّا لَدَيْهِ رَقِيبٌ عَتِيدٌ)) ‏
-----------------------------------
الان يمكنك اضافة اي مقطع فيديو الى التعليقات وايضا اضافة الصور فقط ضع رابط الصور او مقطع الفيديو في التعليقات
----------------------------------
آرائكم تسعدنا, لمتابعة التعليق حتى نرد عليك فقط ضع إشارة على إعلامي

نحن نعرض الإعلانات على الموقع للإسهام في تحسين موقعنا.

نحن لانستخدم إعلانات ضارة او مزعجة في موقعنا نأمل منكم تعطيل الاداة في الموقع حتى تتمكن من مشاهدة الإعلانات.

شكرًا لك

×