استايل جديد للمشاركات الشائعه بظهور التاريخ وعددالتعليقات لبلوجر

السلام عليكم متابعى انتكا💞
موضوع الدرس هو

استايل جديد للمشاركات الشائعه بظهور التاريخ وعددالتعليقات لبلوجر

وهذه الصورة التوضيحيه للموضوع⇓⇓⇓⇓⇓⇓💜

المشاركات الشائعه،

شرح الاضافه💫💫💫⇌

المشاركات الشائعة، مهمه جدا لمدونات بلوجر

لانها تسهل تصفح الزائر داخل المدونة 

وكل ماكان الشكل اجمل يبهر الزائر 

وايضا هذه الاضافه تظهر التاريخ للموضوع

وايضا تظهر عدد التعليقات لهذا الموضوع 

فانصحك لتجربتها لمدونتك وترى شكلها ومظهرها

واعدك انها ستعجبك جدا 

وبامكانك نقلها لاى مكان فى مدونتك كما تحب

لان تركيبها سهل جدا بضغطه واحده تكون قد تمكنت من اضافتها لبلوجر

شرح التركيب⏬⏬⏬💞➤

1- توجه الى الصفحة الرئيسية لمدونتك

2- اضغط على التخطيط

3- اضافة اداة HTML

واضف هذا الكود داخلها

<style scoped='' type='text/css'> #recent-posts{color:#999;font-size:12px} #recent-posts img{background:#fafafa;float:left;height:60px;margin-right:8px;width:60px;border-radius:4px} #recent-posts ul{margin:0;padding:0} #recent-posts ul li{margin:0 0 10px 0;padding:0 0 10px 0;border-bottom:1px solid rgba(0,0,0,0.1)} #recent-posts ul li:last-child{border-bottom:0} #recent-posts ul li a{display:block;color:#222;font-weight:700;text-decoration:none;font-size:14px;margin:0 0 10px 0;line-height:normal} </style> <div id='recent-posts'> <script type='text/javaScript'> var rcp_numposts=5; var rcp_snippet_length=150; var rcp_info='yes'; var rcp_comment='Comments'; var rcp_disable='T?t Nh?n xét'; function recent_posts(json){var dw='';a=location.href;y=a.indexOf('?m=0');dw+='<ul>';for(var i=0;i<rcp_numposts;i++){var entry=json.feed.entry[i];var rcp_posttitle=entry.title.$t;if('content'in entry){var rcp_get_snippet=entry.content.$t}else{if('summary'in entry){var rcp_get_snippet=entry.summary.$t}else{var rcp_get_snippet="";}};rcp_get_snippet=rcp_get_snippet.replace(/<[^>]*>/g,"");if(rcp_get_snippet.length<rcp_snippet_length){var rcp_snippet=rcp_get_snippet}else{rcp_get_snippet=rcp_get_snippet.substring(0,rcp_snippet_length);var space=rcp_get_snippet.lastIndexOf(" ");rcp_snippet=rcp_get_snippet.substring(0,space)+"…";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rcp_commentsNum=entry.thr$total.$t+' '+rcp_comment}else{rcp_commentsNum=rcp_disable};if(entry.link[j].rel=='alternate'){var rcp_posturl=entry.link[j].href;if(y!=-1){rcp_posturl=rcp_posturl+'?m=0'}var rcp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rcp_thumb=entry.media$thumbnail.url}else{rcp_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjufm5puLzoQf2aVTqjHlt5cuaE9h7RD9UADuNRe1SY2KjBtyWu5jPCK3Hz_nBItxw2AmG1P6Gosq-CAbT8iKq_2dYL15uAxyVLm1WV6TOE-r_uGTSnI3ZfyFC6kJYkrH0N23smBsg0SO7b/"};}};dw+=' <li>';dw+='<img alt="'+rcp_posttitle+'" src="'+rcp_thumb+'"/>';dw+='<div> <a href="'+rcp_posturl+'" rel="nofollow" title="'+rcp_snippet+'">'+rcp_posttitle+'</a></div> ';if(rcp_info=='yes'){dw+='<span>'+rcp_postdate.substring(8,10)+'/'+rcp_postdate.substring(5,7)+'/'+rcp_postdate.substring(0,4)+' - '+rcp_commentsNum+'</span>';};dw+='<div style="clear:both"> </div> </li> ';};dw+='</ul> ';document.getElementById('recent-posts').innerHTML=dw;};document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results='+rcp_numposts+'&callback=recent_posts\"><\/script>'); </script> </div>

والان اضغط حفظ 
والان ادخل مدونتك لترى الاضافة 

ملاحظة💋💋

1- رقم 5 هو لتغير عدد المواضيع المعروضه
2-يمكتك تغير كلمة تعليقات ايضا لاى كلمة تريد
👨👨👨👨👨👨

كده خلاص اقول مبروك عليك الاضافة
💕انتكا💕

اخر الاخبار شروحات بلوجر نصائح المدون

hisham mustafa

انا هشام اسمي هشام عايش هشام نايم هشام باكل هشام بشرب هشام