كود اضافة مواضيع عشوائية لمدونات بلوجر ومواقع الويب

هل تبحث عن اداة عرض مواضيع بلوجر في الشريط الجانبي ؟ هل تبحث عن اداة عرض المواضيع حسب التصنيف ؟ هل تريد اداة تعرض اخر مشاركات بلوجر في Sidebar ؟ او هل تبحث عن اضافة تعرض مقالات بلوجر عشوائيا في الشريط الجانبي الأيسر ؟ 

إضافة عرض مواضيع في الشريط الجانبي لقالب بلوجر

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

هذه الإضافة تمتاز بمجموعة من الخصائص التي تمكنك من التحكم فيها وبالخصوص في طريقةعرض هذه المشاركات ونوعها، حيث يمكنك من خلال هذه الأداةعرض مواضيع بلوجر بشكل عشوائي اضافة انه يمكنك التحكم في عدد المواضيع المراد عرضها.

مميزات اداة عرض مواضيع مدونة بلوجر في الشريط الجانبي

امكانية التحكم في عدد مواضيع مدونة بلوجر التي يجب عرضها.

تدعم ميزة عرض مواضيع بلوجر حسب تصنيف معين تحدده.

تدعم امكانية عرض مشاركات بلوجر بشكل عشوائي.

الإضافة سريعة جدا حيث تم برمجتها باستعمال خوارزميات مختصرة.

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

طريقة التثبيت

انتقل إلى التخطيط إضافة أداة HTML/Javascript وأدخل الكود أدناه وبذلك تكون قد انتهيت:

<style>
#random-posts img{border-radius:5px;float:left;margin-right:10px;width:45px;height:45px;transition:all 0.2s linear 0s}
#random-posts img:hover{opacity:0.6}
ul#random-posts{list-style-type:none;padding:0}
#random-posts a{font-size:17px;padding:0}
#random-posts a:hover{text-decoration:none}
.random-summary{font-size:11px;background:none;padding:5px;margin-right:8px;display:none!important}
#random-posts li{margin:0;border:0;padding:0}
</style>
<ul id='random-posts'>
<script type='text/javaScript'>
var randomposts_number = 6; // عدد المشاركات المعروضة
var randomposts_chars = 110; // عدد الحروف في الوصف
var randomposts_details = 'no'; // إظهار الوصف
var randomposts_comments = 'Comments'; // التعليق
var randomposts_commentsd = 'Comments Disabled';
var randomposts_current = [];
var total_randomposts = 0;
var randomposts_current = new Array(randomposts_number);
function randomposts(json) {
    total_randomposts = json.feed.openSearch$totalResults.$t
}
document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=randomposts\"><\/script>');
function getvalue() {
    for (var i = 0; i < randomposts_number; i++) {
        var found = false;
        var rndValue = get_random();
        for (var j = 0; j < randomposts_current.length; j++) {
            if (randomposts_current[j] == rndValue) {
                found = true;
                break
            }
        };
        if (found) {
            i--
        } else {
            randomposts_current[i] = rndValue
        }
    }
};
function get_random() {
    var ranNum = 1 + Math.round(Math.random() * (total_randomposts - 1));
    return ranNum
};
</script>
<script type='text/javaScript'>
function random_posts(json) {
    for (var i = 0; i < randomposts_number; i++) {
        var entry = json.feed.entry[i];
        var randompoststitle = entry.title.$t;
        if ('content' in entry) {
            var randompostsnippet = entry.content.$t
        } else {
            if ('summary' in entry) {
                var randompostsnippet = entry.summary.$t
            } else {
                var randompostsnippet = "";
            }
        };
        randompostsnippet = randompostsnippet.replace(/<[^>]*>/g, "");
        if (randompostsnippet.length < randomposts_chars) {
            var randomposts_snippet = randompostsnippet
        } else {
            randompostsnippet = randompostsnippet.substring(0, randomposts_chars);
            var whitespace = randompostsnippet.lastIndexOf(" ");
            randomposts_snippet = randompostsnippet.substring(0, whitespace) + "&#133;";
        };
        for (var j = 0; j < entry.link.length; j++) {
            if ('thr$total' in entry) {
                var randomposts_commentsnum = entry.thr$total.$t + ' ' + randomposts_comments
            } else {
                randomposts_commentsnum = randomposts_commentsd
            }; if (entry.link[j].rel == 'alternate') {
                var randompostsurl = entry.link[j].href;
                var randomposts_date = entry.published.$t;
                if ('media$thumbnail' in entry) {
                    var randompoststhumb = entry.media$thumbnail.url
                } else {
                    randompoststhumb = "https://i.imgur.com/9bVLdjR.jpeg"
                }
            }
        };
        document.write('<li>');
        document.write('<a href="' + randompostsurl + '" rel="nofollow"><img alt="' + randompoststitle + '" src="' + randompoststhumb + '"/></a>');
        document.write('<div><a href="' + randompostsurl + '" rel="nofollow">' + randompoststitle + '</a></div>');
        if (randomposts_details == 'yes') {
            document.write('<span><div  class="random-info">' + randomposts_date.substring(8, 10) + '.' + randomposts_date.substring(5, 7) + '.' + randomposts_date.substring(0, 4) + ' - ' + randomposts_commentsnum) + '</div></span>'
        };
        document.write('<br/><div class="random-summary">' + randomposts_snippet + '</div><div style="clear:both"></div></li>')
    }
};
getvalue();
for (var i = 0; i < randomposts_number; i++) {
    document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index=' + randomposts_current[i] + '&max-results=1&callback=random_posts\"><\/script>')
};
</script>
</ul>