اضافة اداة مواضيع عشوائية فى السايدبار


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

معاينة

تركيب الاضافة 
1- قم بالبحث عن الوسم ]]></b:skin> 
وضع فوقه الكود التالى
/* CSS Recent Post Gallery Dabourphone */
.recent-gallery {padding:0;clear:both;}
.recent-gallery:after {content:"";display:table;clear:both;}
.recent-gallery .gallerytem{display:block;float:left;position:relative;margin:2px;overflow:hidden;padding:0}
.recent-gallery .gallerytem a{position:relative;float:left;margin:0;overflow:hidden;text-decoration:none}
.recent-gallery .gallerytem .ptitle{background:rgba(255,255,255,.95);display:block;clear:left;font-size:11px;line-height:1.3em;position:absolute;text-align:left;bottom:0;left:0;right:0;top:0;color:#444;padding:5px;word-wrap:break-word;overflow:hidden;visibility:hidden;transform:translate(-79px,0);backface-visibility:hidden;transition:all .2s}
.recent-gallery .gallerytem:hover .ptitle{visibility:visible;transform:translate(0,0)}
.recent-gallery a img{background:#fdfdfd;float:left;transition:all .3s}
#HTML2 .widget-content {text-align:center;}
2- قم بالبحثعن الوسم 
</head>
وضع فوقه الكود التالى
<script type='text/javascript'>
//<![CDATA[
// Recent Post Gallery By Dabourphone
function dabourphonegrid(a){for(var t=a.feed.entry||[],e=['<div class="recent-gallery">'],i=0;i<t.length;++i){for(var l=t[i],r=l.title.$t,n=l.media$thumbnail?l.media$thumbnail.url:"http://2.bp.blogspot.com/-4fCf53FqYKM/Vccsy7apoZI/AAAAAAAAK4o/XJkv3RkC0pw/s1600/default%2Bimage.png",s=n.replace("s72-c","s"+dabourphone_thumbs+"-c"),h=l.link||[],c=0;c<h.length&&"alternate"!=h[c].rel;++c);var d=h[c].href,m='<img src="'+s+'" width="'+dabourphone_thumbs+'" height="'+dabourphone_thumbs+'"/>',p=dabourphone_title?'<span class="ptitle">'+r+"</span>":"",g='<a href="'+d+'" target="_blank" title="'+r+'">'+m+p+"</a>";e.push('<div class="gallerytem">',g,"</div>")}e.push("</div>"),document.write(e.join(""))}
//]]>
</script>
3- توجه الى التخطيط ثم قم باضافة اداة HTML/JavaScript وضع فيها الكودالتالى :
<script>
var dabourphone_thumbs = 80;
var dabourphone_title = true;
</script>
<script src="/feeds/posts/summary?max-results=9&amp;alt=json-in-script&amp;callback=dabourphonegrid"/></script>

  • شرح التعديل على عدد المواضيع وحجم الصورة
اولاً : الرقم 80 هو حجم صورة ويمكنك تعديلها كما تشاء 
ثانياً: الرقم 9 هو عدد المواضيع 

اتمنى ان يعجبكم موضوعنا اليوم والى اللقاء فى موضوع جديد باذن الله 

دبور فون

M.H.I

هناك 7 تعليقات:

  1. اضافة جميله ممكن قالب للاندرويد

    ردحذف
    الردود
    1. شكراً جزيلاً وقريباً قالب اندرويد كما طلبت أخى

      حذف
  2. بارك الله فيك ياطيب
    ويسعدني مرورك علي مدونتي وتقييمها

    ردحذف
    الردود
    1. وبارك فيك أخى الكريم سعدت بك و بمرورك ومدونتك جميلة

      حذف
  3. شكرا على الاضافة الجميله

    ردحذف
    الردود
    1. العفو اخى الكريم نتشرف بزيارتك الكريمة

      حذف
  4. هده الاضافة خاصة بالمواضيع الاخيرة وليس بالمواضيع العشوائية ؟؟؟

    ردحذف

نسعد ونتشرف بتعليقاتكم
لكن فى إطار الموضوع وليس خارجه حفاظاً على راحتك الشخصية
لوضع اى اكواد Html فى التعليقات يرجى تحوليها اولاً بمحول الأكواد من هنا
لذلك نرجو منك ان تستعمل كل شىء بطريقته الصحيحة شكراً لتفهمك 😊

أحدث الأخبار

10/recent