Post Top Ad

Your Ad Spot

الجمعة، 29 سبتمبر 2017

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

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

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

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

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

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

فى البداية اذهب الى لوحة تحكم مدونة بلوجر ثم من صفحة التخطيط اختار اضافة اداة
اضافة عناوين اخر المواضيع في بلوجر من قسم معين - اضافات بلوجر
ومنها اختار اضافة 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/AVvXsEgUhAt0YO388tHzX16b9iX0CAq8Yu1XqsNsgTBeVnZa4rKox8kTEVl2QFs3aMH1rcPMGOG3DppcAaKauikBy-1IGTG8dMpN2nr7a0MHWnLTGMouoQhkV4JBfPcq96-JSAFKvyJwodvHOeDm/) 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 هو المسؤول عن لون عنوان الاضافة .
بالأخير اضغط على حفظ 
اتمنى بأن الاضافة اعجبت الجميع وانتظرونى قريبا سأضع المزيد من الاضافات واى استفسار بخصوص هذه الاضافة او اى مشكلة تواجهك بعد تركيبها قم بوضع تعليق .


ليست هناك تعليقات:

إرسال تعليق

قال تعالى ( مَا يَلْفِظُ مِن قَوْلٍ إِلا لَدَيْهِ رَقِيبٌ عَتِيدٌ )

Post Top Ad