تعلم البلوجر هكركوز الكويت: اسم المؤلف و تاريخ الانشاء و تاريخ اخر تحديث و عدد مشاهدات المقالات تلقائيا على بلوجر

الثلاثاء

اسم المؤلف و تاريخ الانشاء و تاريخ اخر تحديث و عدد مشاهدات المقالات تلقائيا على بلوجر

عدد المشاهدات الان

البحث عن

<b:includable id='post' var='post'>

او

<data:post.body/>

تبيها تحت او فوق وهذا الكود


<div class='post-information'>


<div class='name-author-post'>
<p id='regulatory'>الكاتب</p>
<p class='regulatory-2' title='إسم الكاتب'><data:post.author/></p>
</div>


<div class='date-post-created'>
<p id='regulatory'>الإنشاء</p>
<p class='regulatory-2' title='تاريخ النشر'><data:post.date/></p>
</div>


<div class='posts-last-update'>
<p id='regulatory'>آخر تحديث</p>
<p class='regulatory-2' title='تاريخ آخر تحديث'>
<span id='updatedateinfo'><data:post.lastupdatedISO8601/></span>
</p>
<script>
var dates = "<data:post.lastUpdatedISO8601/>"
var dateu = new Date(dates);
const months = Array.from({length: 12}, (e, i) => {
return new Date(null, i + 1, null).toLocaleDateString("ar", {month: "short"});
})
document.getElementById("updatedateinfo").innerHTML = dateu.getDate() + " " + months[dateu.getMonth()] + " " + dateu.getFullYear();
</script>
</div>


<div class='post-view-counter'>
<p id='regulatory'>المشاهدات</p>
<p class='regulatory-2' title='عدد المشاهدات'>
<span class='post-view' expr:data-id='data:post.id'>

<span class='view-load' id='postviews'>
<i class='fas fa-spinner fa-pulse faa-fast'/>
</span>
</span>
</p>
<script>
//<![CDATA[
jQuery.getScript('//cdn.firebase.com/js/client/2.3.2/firebase.js').done(function() {
$.each($(".post-view[data-id]"),function(c,f){var b=$(f).parent().find("#postviews").addClass("view-load"),d=new Firebase("https://lesson4kh-e36d1.firebaseio.com//pages/id/"+$(f).attr("data-id"));d.once("value",function(e){var h=e.val(),g=!1;null==h&&(h={},h.value=0,h.url=window.location.href,h.id=$(f).attr("data-id"),g=!0),b.removeClass("view-load").text(h.value),h.value++,"/"!=window.location.pathname&&(g?d.set(h):d.child("value").set(h.value))})});
});
//]]>
</script>
</div>
</div>

البحث عن

]]></b:skin>

فوقه

/*--- الكاتب + الإنشاء + آخر تحديث + المشاهدات داخل المقالات ---*/
.post-information {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: stretch;
justify-content: space-evenly;
/*background: #bbbbbb4f;*/
padding: 0;
margin: 0;
margin-top: 17px;
margin-bottom: 17px;
/* border: 1px solid #6868684a;*/
border-radius: 4px;
}
#regulatory {
background: #3560ab;
color: #fff;
padding: 10px;
text-align: center;
width: 160px;
border-radius: 4px;
font-family: Calibre, Helvetica Neue, Segoe UI, Helvetica, Arial, Lucida Grande, sans-serif;
font-size: 17px;
font-weight: 500;
}
.regulatory-2 {
background: #f8f6f6;
color: #333;
padding: 15px;
text-align: center;
width: 160px;
border-radius: 4px;
font-family: Calibre, Helvetica Neue, Segoe UI, Helvetica, Arial, Lucida Grande, sans-serif;
font-size: 17px;
font-weight: 500;
border: 1px solid #d2d2d2;
}
.name-author-post {
}
.date-post-created {
}
.posts-last-update {
}
.post-view-counter {
}
.post-view {
}
.post-view>i {
}
#updatedateinfo {
}
@media screen and (max-width: 1170px) {

.post-information,
.name-author-post,
.date-post-created,
.posts-last-update,
.post-view-counter
#regulatory,
.regulatory-2, {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: stretch;
justify-content: space-evenly;
}
}
/*--- الكاتب + الإنشاء + آخر تحديث + المشاهدات داخل المقالات ---*/