Pages

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


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

معاينة

تركيب الاضافة 
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

التعليقات

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

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

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

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

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

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

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

    ردحذف

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

أحدث الأخبار

10/recent