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

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

صورة لشكل اضافة اخر المشاركات من قسم معين :

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

كيفية اضافة اخر المشاركات من قسم معين 

فى البداية اذهب الى لوحة تحكم مدونة بلوجر ثم من صفحة التخطيط اختار اضافة اداة

ومنها اختار اضافة HTML/JavaScript :

بالاخير ضع هذا الكود :

<style type="text/css">
#rc-plus {width:300px;margin:0;padding:10px;overflow:hidden;border:1px solid #ccc;background:#fff}
.rc-plus h2{background:#B60202;color:#fff;line-height:1.6em;margin:0 0 10px;padding:4px 10px;font-weight:bold}
.rc-plus ul{list-style:none;margin:0;padding:0}
.rc-plus li{text-indent:0;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTYR8KxwuyXDgqW_j9-YxwIWK5LLOGs2Fh0L6GktWGHJvVKZx3dtfmYv8aH5U-TEwJNmc-tHQw6FirLoIGHQoiv2NMwSoAfOjpnpw_YSswkfXM_FAlN6In1cZvlAYZ8W1AgYnDYRT_xi6F/) no-repeat 0 7px;line-height:1.5em;margin:0;padding:2px 0 2px 15px}
.rc-plus h2 a:link, .rc-plus h2 a:visited {color:#fff}
</style>
<div id="rc-plus" class="rc-plus">
<h2><a href="http://www.kingnt.com/search/label/الربح من الانترنت">الربح من الانترنت</a></h2>
<script type='text/javascript'>
numposts = 3; list1 = 1; sumPosts = 168;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(a, b) {
    var s = a.split("<");
    for (var i = 0; i < s.length; i++) {
        if (s[i].indexOf(">") != -1) {
            s[i] = s[i].substring(s[i].indexOf(">") + 1, s[i].length)
        }
    }
    s = s.join("");
    s = s.substring(0, b - 1);
    return s
}
function showrecentposts(e) {
    img = new Array();
    for (var i = 0; i < numposts; i++) {
        var f = e.feed.entry[i];
        var g = f.title.$t;
        var h;
        if (i == e.feed.entry.length) break;
        for (var k = 0; k < f.link.length; k++) {
            if (f.link[k].rel == 'alternate') {
                h = f.link[k].href;
                break
            }
        }
        if ("content" in f) {
            var j = f.content.$t
        } else if ("summary" in f) {
            var j = f.summary.$t
        } else
        var j = "";
        s = j;
        a = s.indexOf("<img");
        b = s.indexOf("src=\"", a);
        c = s.indexOf("\"", b + 5);
        d = s.substr(b + 5, c - b - 5);
        if ((a != -1) && (b != -1) && (c != -1) && (d != "")) img[i] = d;
        var l = '<table border="0" cellpadding="0" cellspacing="0" style="margin-bottom:5px;border-bottom:double #eee"><tr><td><img width="110" height="85" src="' + img[i] + '" align="left" border="0" title="' + g + '" alt="' + g + '" style="margin:5px 10px 0 0"><a href="' + h + '"><b>' + g + '</b></a><p style="margin:0;padding:5px 0 10px">' + removeHtmlTag(j, sumPosts) + ' ...</p></td></tr></table>';
        var m = '<li><a href="' + h + '">' + g + '</a></li>';
        if ((i >= 0) && (i < list1)) {
            var n = l
        }
        if (i == list1) {
            var n = '<div class="rc-plus"><ul>' + m
        }
        if ((i > list1) && (i < numposts - 1)) {
            var n = m
        }
        if (i == numposts - 1) {
            var n = m + '</ul></div>'
        }
        document.write(n)
    }
}
document.write("<script src=\"http://www.kingnt.com/feeds/posts/default/-/الربح من الانترنت?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
//]]>
</script>
</div>

قبل ان تقوم بعملية الحفظ عليك بمعمل هذه التغييرات البسيطة :

• الكود المحدد باللون الاحمر وبالاخص كلمة الربح من الانترنت هى مخصصة لعنوان الاضافة الذى يظهر بأعلى الاضافة عندما تريد وضع عنوان الاضافة قم بتغيير كلمة الربح من الانترنت المحدديين باللون الاحمر .

• الكود المحدد باللون الازرق وبالاخص كلمة الربح من الانترنت هى مخصصة باسم الاقسم قم بتغييرها الى الاقسم الذى تريدة .

• كلمة numposts = 3 المحددة باللون الاخصر هى مخصصة باظهار عدد المواضيع عليك بتغيير رقم 3 الى الرقم الذى تريدة .

• الكود المحدد باللون السماوى وبالأخص هذا الكود #B60202 هو المسؤول عن لون عنوان الاضافة .

بالأخير اضغط على حفظ 

اتمنى بأن الاضافة اعجبت الجميع وانتظرونى قريبا سأضع المزيد من الاضافات واى استفسار بخصوص هذه الاضافة او اى مشكلة تواجهك بعد تركيبها قم بوضع تعليق .

تابع إنسانية نملة على الفيس بوك