The Untold Stories of the Israeli-Palestinian Conflict: Insights from 'Al Daheeh

طريقة اضافة شريط مواضيع مدونات بلوجر بشكل عمودي رائع و سهل جدا

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

شرح كيفية اضافة شريط احدث مواضيع مدونات بلوجر بطريقة لطيفة و سهلة :

توجه الى لوحت تحكم بلوجر . ثم اختر التخطيط.

ثم قم بالنقر على اضافة اداة جديدة 

اختر ادا html/javascript 

الان قم بنسخ الكود التالي في سندوق html/javascript 

الكود الخاص بالاضافة :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
/* Recent Post tharabic.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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9uo9_1r9zwH9maKWsRZmtSduoWlK0lGatPgjGC5btvX3c2cpGNwFps_Bam89ri7rdy4bpWaSnym7_g0c9oX09U_ulT6IsFcHHqUxou9f5t3CyvEtObM9UKj3MYyKAFWlpcQbdiUGIiN5s/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; تمتل طول الصورة.

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

الموضوع منقول من موقع المحترف العربي  

شكر جزيلا لزيارتكم :)

Edit This Article