Header Ads Widget



احدث اضافة في بلوجر اضافة المشاركات الجديدة الاحترافية لمدونات بلوجر new blogger 2021







احدث اضافة في بلوجر اضافة المشاركات الجديدة الاحترافية لمدونات بلوجر 2022

هذه الاضافة الذي يبحث عنها الجميع 
افضل اضافة في مدونات بلوجر حاليآ لأظهار مدونتك او موقعك بشكل رائع ومتميز وجيد جدآ .


احدث اضافة في بلوجر اضافة المشاركات الجديدة الاحترافية لمدونات بلوجر 2022
احدث اضافة في بلوجر اضافة المشاركات الجديدة الاحترافية لمدونات بلوجر new blogger 2021


هذة الاضافة تعطي لموقعك بريق خاص من التجديد والاحترافية .

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

احدث اضافة في بلوجر اضافة المشاركات الجديدة الاحترافية لمدونات بلوجر 2022

احدث اضافة في بلوجر اضافة المشاركات الجديدة الاحترافية لمدونات بلوجر new blogger 2021

كود الاضافة .



<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
/* Recent Post murabih.blogspot.com */
.recent-galeri{padding:0;clear:both}
.recent-galeri:after{content:&quot;&quot;;display:table;clear:both}
.recent-galeri .gallerytem{display:block;float:right;position:relative;margin:0 auto 15px auto;overflow:hidden;padding:0;text-align:center;width:100%;box-shadow:0 2px 3px rgba(0,0,0,0.06),0 2px 3px rgba(0,0,0,0.1)}
.recent-galeri .gallerytem:last-child{margin:0 auto}
.recent-galeri .gallerytem a{position:relative;float:right;margin:0;overflow:hidden;text-decoration:none;width:100%}
.recent-galeri .gallerytem .ptitle{background:rgba(255,255,255,.97);display:inline-block;clear:right;font-size:15px;line-height:1.3em;position:absolute;bottom:15px;right:15px;left:15px;color:#888;padding:15px;word-wrap:break-word;text-align:center;backface-visibility:hidden;box-shadow:0 8px 10px -5px rgba(0,0,0,0.15);border-top:2px solid #a4b0be;transition:all .2s}
.recent-galeri .gallerytem:hover .ptitle{background:rgba(255,255,255,.97);color:#222;border-top-color:#eccc68}
.recent-galeri a img{background:#fdfdfd;float:right;margin:auto;text-align:center;width:100%;transition:all .3s}
</style>
<script type='text/javascript'>
//<![CDATA[
// Recent Post
var galihd_thumbs_wid = 300; 
var galihd_thumbs_hei = 190; 
var galihd_title = true; 
function galihdgrid(a){for(var t=a.feed.entry||[],e=['<div class="recent-galeri">'],i=0;i<t.length;++i){for(var l=t[i],r=l.title.$t,n=l.media$thumbnail?l.media$thumbnail.url:"https://4.bp.blogspot.com/-XQARxtj3cwk/VhKQr6dmTBI/AAAAAAAADJc/Tww7zM8jllc/s1600/default.png",s=n.replace("/s72-c/","/w"+galihd_thumbs_wid+"-h"+galihd_thumbs_hei+"-c/"),h=l.link||[],c=0;c<h.length&&"alternate"!=h[c].rel;++c);var d=h[c].href,m='<img src="'+s+'" width="'+galihd_thumbs_wid+'" height="'+galihd_thumbs_hei+'"/>',p=galihd_title?'<span class="ptitle">'+r+"</span>":"",g='<a href="'+d+'" title="'+r+'">'+m+p+"</a>";e.push('<div class="gallerytem">',g,"</div>")}e.push("</div>"),document.write(e.join(""))}
//]]>
</script>
<script src="/feeds/posts/summary?max-results=4&amp;alt=json-in-script&amp;callback=galihdgrid"></script>
 </b:if>



تعديل على اضافة احدث المواضيع 

max-results=4 : تمتل عدد المواضيع يمكنك تغيير حسب العدد الدي تريده.
var galihd_thumbs_wid = 300; تمتل عرض الصورة.
var galihd_thumbs_hei = 190; تمتل طول الصورة.

الى هنا ينتهي شرح طريقة اضافة احدث المواضيع لمدونات بلوجر >
نشكركم ونتلاقي في مواضيع اخري قادمة .
لكم اطيب التحيات .