html - Google Blogger 的相关文章小工具

标签 html css widget blogs blogger

我需要一些帮助来将相关帖子小部件添加到博主博客。 这是我的博客:http://stelianpopa.blogspot.ro/2014/07/bucharest-2014.html

如您所见,在左侧我已经有一个“随机帖子”小部件。 在社交栏下,我想添加相关的帖子小部件。但是当我粘贴代码时,我的菜单停止工作。

可以在此处找到我用于“相关帖子”的代码:http://blogger-related-posts.googlecode.com/svn/v2/setup.htm#demo4 .它运行完美,但停止了我的菜单。

否则,我想是否有人(SMART)可以重新编辑相关帖子的随机帖子小部件? 我相信如果它是随机工作的,为什么不应该为相关工作 :)) ?!

代码是这样的:

    </style>
<ul id='random-posts'>
<script type='text/javaScript'>
var randomposts_number = 5;
var randomposts_chars = 'no';
var randomposts_details = 'yes';
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 = "http://3.bp.blogspot.com/-5SoVe1K6JSk/Utl0OOmucAI/AAAAAAAAF6E/hQghgD_EJdQ/s1600/no_thumb.png"
                }
            }
        };
        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> 

最佳答案

您可以在 http://www.haakblog.com/2014/09/random-posts-widget-for-blogger.html 查看带有缩略图的随机帖子小部件

关于html - Google Blogger 的相关文章小工具,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26289749/

相关文章:

javascript - 使用 .after() 一个接一个地插入一个元素并不完全有效

html - 将 Kendo 网格导出到 Excel 时如何修改值?

css - HTML 和 CSS 中的悬停问题

css - 试图覆盖 CSS wordpress 默认的白色粗体颜色

c++ - Qt - 在面板中动态添加 QLineEdit

python - Kivy 中的动态网格,每个网格元素包含多个小部件

javascript错误无法读取未定义的属性 'length'

javascript - 单击提交后重置表单

事件幻灯片变大的 Javascript 或 jQuery slider

layout - 使用 Gridstack 或 gridster 进行小部件布局?