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

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

معاينة الإضافة

- طريقة تركيب الإضافة :

1- أدخل إلى مدونتك | ثم أختر تخطيط .

2- من تخطيط أختر إضافة أداة : 

HTML/JavaScript

3- ضع الكود التالي في صندوق الإضافة ثم إحفظ .

<div class="recentpoststyle">
<script src="http://goo.gl/JI3Hml"></script>
<script>
var posts_no = 3;var posts_date = true;var post_summary = true;var summary_chars = 90;</script>
<script src="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showlatestposts">
</script>
<style type="text/css">
.recentpoststyle {
    counter-reset: countposts;
    list-style-type: none;
}
.recentpoststyle a {
    text-decoration: none;
    color: #0080ff;
}
.recentpoststyle a:hover {
    color: #db4437;
}
.recentpoststyle li:before {
    content: counter(countposts,decimal);
    counter-increment: countposts;
    float: left;
    z-index: 2;
    position: relative;
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    background: #666;
    margin: 10px 5px 0px -4px;
    padding: 0px 10px;
    border-radius: 100%;
}
li.recent-post-title {
    padding: 7px 0px;
}
.recent-post-title {
    font-family: "book antiqua";
}
.recent-post-title a {
    color: #666;
    font-size: 14px;
    text-decoration: none;
    padding: 2px;
    font-weight: bold;
}
.post-date {
    padding: 5px 2px 5px 30px;
    font-size: 11px;
    color: #6d6e72;
    margin-bottom: 5px;
}
.recent-post-summ {
    border-left: 1px solid #69B7E2;
    color: #777;
    padding: 0px 5px 0px 20px;
    margin-left: 11px;
    font-family: ge_ss_threeregular,Droid Sans;
Garamond,Baskerville,"Baskerville Old Face","Hoefler Text","Times New Roman",serif;
    font-size: 15px;
}
</style></div>