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

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

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

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

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

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

اختر ادا 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; تمتل طول الصورة.

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

Admin
By : Admin
Welcome to cairotimes24.com. We hope our topics satisfy your interest and admiration. Please do not forget to like our page on Facebook, our page on Twitter and on Pinterest to receive all new
Comments



Font Size
+
16
-
lines height
+
2
-