问题标签 [blogger]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
489 浏览

xml - 如何从 Google Data API for Blogger 获取关注者列表?

我能够获取特定用户配置文件 ID 的“创作”博客列表,并且它的响应以 JSON 格式提供。但是,当我尝试请求个人资料(其中包含关注者列表)时,我只能获得 HTML 格式的结果。

有没有办法以数据协议格式(即 XML 或 JSON)获取列表?

0 投票
2 回答
303 浏览

javascript - 使用 Blogger API、Javascript 和 Prototype 删除博客文章

我正在尝试通过 Prototype Javascript 库使用 Blogger API 删除 blogger.com 上的博客文章。这是我的代码:

据我从 API 描述中可以看出,一切都很好,但是当我运行它时,它会触发 onSuccess 函数,但不会删除服务器上的条目。

我猜 Prototype 不适用于 GET 和 POST 以外的 HTTP 方法(这是描述类似问题的票证,尽管提议的补丁对我不起作用)

任何帮助表示赞赏!

0 投票
2 回答
449 浏览

ruby-on-rails - Rails Blogger.com 集成

我希望从属于我的 Blogger.com 帐户中检索最新的两篇文章。

使用 Ruby on Rails 2.3.5 的最佳方法是什么?

谢谢!

0 投票
8 回答
335 浏览

javascript - 如何设置代码块的样式以使所有颜色看起来都像我的 IDE 和 stackoverflow 中的?

在我的博客中放置代码示例时,我希望代码具有所有适当的颜色。我怎样才能做到这一点?

基本上,如果我写:

我希望它以正确的颜色出现,就像在我的 Visual Studio 中或在 stack overflow中一样。

我厌倦了手动设置每个关键词的颜色。我可以使用预先存在的 javascript 库吗?

编辑:如果有帮助,我将使用博客作为我的博客平台

0 投票
2 回答
6055 浏览

blogger - 如何列出我 blogspot 博客中所有帖子的帖子标题?

我想显示我写给访问者的所有博客文章。Blogspot 有“存档”小部件,但它只显示特定月/年发布的帖子。我想显示所有帖子。有没有不使用javascript的解决方案?

(我不想使用 javascript '因为有些用户可能禁用了他们的脚本)

谢谢你。

0 投票
1 回答
2055 浏览

visualization - Blogger / Blogspot 中的 Google Visualization API 图表

是否可以在 Blogger 帖子中嵌入(图表)由Google 可视化 API创建的可视化?

我尝试从饼图示例<head>中删除和<body>标签(和结束标签),但是,即使在已发布的帖子上,饼图可视化也无法呈现。

注意:我问的是 Visualization API,而不是Google Image Charts (Charts API)

0 投票
0 回答
1690 浏览

comments - 如何手动修补 Blogger 模板以使用 Disqus

我正在尝试将 disqus 添加到我的博客中,并尝试按照本指南进行操作:

http://disqus.com/docs/patch-blogger/

但是,他们的说明与我在自定义模板上的说明完全不同。

这是模板:

http://www.w3.org/1999/xhtml'xmlns:b='http://www.google.com/2005/gml/b'xmlns:data='http://www.google.com/ _ _ _ 2005/gml/data 'xmlns:expr=' http ://www.google.com/2005/gml/expr '>

Blogger 模板样式名称:图片窗口设计者:Josh Peterson 网址:www.noaesthetic.com -------------------------------- --------------- */

/* 变量定义 ==================== http://themes.googleusercontent.com/image?id=1OACCYOE0-eoTRTfsBuX1NMN9nz599ufI1Jh0CggPFA_sK80AGkIr8pLtYRpNUKPmwtEa) repeat-x 固定顶部中心" 值="#9a927f url( http://themes.googleusercontent.com/image?id=0BwVBOzw_-hbMODUwNDk4YWQtMjg4NS00MzlmLWJhNzMtYzM5ZmIzYzdkZDRj ) 无重复固定顶部中心 /* 来源:peeterv ( http://www.istockphoto.com/googleimages.php? id=2646746&platform=blogger ) */"/>

http://www.blogblog.com/1kt/transparent/white80.png) 重复滚动左上角"/>

http://www.blogblog.com/1kt/transparent/header_gradient_shade.png)"/>

http://www.blogblog.com/1kt/transparent/tabs_gradient_shade.png)"/> http://www.blogblog.com/1kt/transparent/white80.png)" value="url( http://www .blogblog.com/1kt/transparent/tabs_gradient_shade.png )"/> http://www.blogblog.com/1kt/transparent/black50.png) 左上角重复滚动" value="transparent none no-repeat scroll left top left "/>

http://www.blogblog.com/1kt/transparent/white80.png) 重复滚动左上角" value="透明无重复滚动顶部中心"/>

http://www.blogblog.com/1kt/transparent/black50.png) 重复滚动左上" value="透明 url( http://www.blogblog.com/1kt/transparent/black50.png ) 重复滚动顶部左"/>

*/

/* 内容 - - - - - - - - - - - - - - - - - - - - - - - - */ body { 字体:$(body.font); 颜色:$(body.text.color);}

html body .region-inner { min-width: 0; 最大宽度:100%;宽度:自动;}

.content-outer { 字体大小:90%; }

一个:链接{文本装饰:无;颜色:$(链接颜色);}

一:访问{文本装饰:无;颜色:$(link.visited.color); }

一个:悬停{文本装饰:下划线;颜色:$(link.hover.color); }

.body-fauxcolumn-outer { 背景:$(body.background); }

.content-outer { 背景:$(content.background);

-moz-border-radius: $(content.border.radius); -webkit-border-radius: $(content.border.radius); -goog-ms-border-radius: $(content.border.radius); 边界半径:$(content.border.radius);

-moz-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15); -webkit-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15); -goog-ms-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15); 盒子阴影:0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);

边距:$(content.margin) 自动;}

.content-inner { 填充:$(content.padding); }

/* 标题 ----------------------------------------------- */ .header-outer { background: $(header.background.color) $(header.background.gradient) repeat-x 滚动左上角;_背景图像:无;

颜色:$(header.text.color);

-moz-border-radius: $(header.border.radius); -webkit-border-radius: $(header.border.radius); -goog-ms-border-radius: $(header.border.radius); 边界半径:$(header.border.radius);}

.Header img, .Header #header-inner { -moz-border-radius: $(header.border.radius); -webkit-border-radius: $(header.border.radius); -goog-ms-border-radius: $(header.border.radius); 边界半径:$(header.border.radius);}

.header-inner .Header .titlewrapper, .header-inner .Header .descriptionwrapper { padding-left: $(header.padding); padding-right: $(header.padding); }

.Header h1 { 字体:$(header.font); 文字阴影:1px 1px 3px rgba(0, 0, 0, 0.3); }

.Header h1 a { 颜色:$(header.text.color); }

.Header .description { 字体大小:130%; }

/* 选项卡 ----------------------------------------------- */ .tabs-inner { 边距:.5em $(tabs.margin.sides) $(tabs.margin.bottom); 填充:0;}

.tabs-inner .section { 边距:0; }

.tabs-inner .widget ul { padding: 0;

背景:$(tabs.background.color) $(tabs.background.gradient) 重复滚动底部;

-moz-border-radius: $(tabs.border.radius); -webkit-border-radius: $(tabs.border.radius); -goog-ms-border-radius: $(tabs.border.radius); 边框半径:$(tabs.border.radius);}

.tabs-inner .widget li { 边框:无;}

.tabs-inner .widget li a { display: block;

填充:0.5em 1em;边距-$endSide: $(tabs.spacing);

颜色:$(tabs.text.color);字体:$(tabs.font);

-moz-border-radius: $(tab.border.radius) $(tab.border.radius) 0 0; -webkit-border-top-left-radius: $(tab.border.radius); -webkit-border-top-right-radius: $(tab.border.radius); -goog-ms-border-radius: $(tab.border.radius) $(tab.border.radius) 0 0; 边框半径:$(tab.border.radius)$(tab.border.radius)0 0;

背景:$(tab.background);

边框-$endSide: 1px 实心 $(tabs.separator.color); }

.tabs-inner .widget li:first-child a { padding-$startSide: 1.25em;

-moz-border-radius-top$startSide: $(tab.first.border.radius); -moz-border-radius-bottom$startSide: $(tabs.border.radius); -webkit-border-top-$startSide-radius: $(tab.first.border.radius); -webkit-border-bottom-$startSide-radius: $(tabs.border.radius); -goog-ms-border-top-$startSide-radius: $(tab.first.border.radius); -goog-ms-border-bottom-$startSide-radius: $(tabs.border.radius); 边界顶部-$startSide-radius: $(tab.first.border.radius); 边界-底部-$startSide-radius: $(tabs.border.radius); }

.tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover { position: relative; z-index:1;

背景:$(tabs.selected.background.color) $(tab.selected.background.gradient) 重复滚动底部;颜色:$(tabs.selected.text.color);

-moz-box-shadow: 0 0 $(region.shadow.spread) rgba(0, 0, 0, .15); -webkit-box-shadow: 0 0 $(region.shadow.spread) rgba(0, 0, 0, .15); -goog-ms-box-shadow: 0 0 $(region.shadow.spread) rgba(0, 0, 0, .15); 盒子阴影:0 0 $(region.shadow.spread) rgba(0, 0, 0, .15); }

/* 标题 ----------------------------------------------- */ h2 { 字体:$(widget.title.font); 文本转换:$(widget.title.text.transform); 颜色:$(widget.title.text.color); 边距:0.5em 0;}

/* 主要的 - - - - - - - - - - - - - - - - - - - - - - - - */ .main-outer { 背景:$(main.background);

-moz-border-radius: $(main.border.radius.top) $(main.border.radius.top) 0 0; -webkit-border-top-left-radius: $(main.border.radius.top); -webkit-border-top-right-radius: $(main.border.radius.top); -webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0;-goog-ms-border-radius: $(main.border.radius.top) $(main.border.radius.top) 0 0; 边界半径:$(main.border.radius.top)$(main.border.radius.top)0 0;

-moz-box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15); -webkit-box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15); -goog-ms-box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15); 盒子阴影:0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15); }

.main-inner { 填充:15px $(main.padding.sides) 20px; }

.main-inner .column-center-inner { 填充:0 0; }

.main-inner .column-left-inner { padding-left: 0; }

.main-inner .column-right-inner { padding-right: 0; }

/* 帖子 ------------------------------------------------------------ */ h3.post-title { 边距:0; 字体:$(post.title.font);}

.comments h4 { 边距:1em 0 0; 字体:$(post.title.font);}

.post-outer { 背景颜色:$(post.background.color); 边框:实心 1px $(post.border.color);

-moz-border-radius: $(post.border.radius); -webkit-border-radius:$(post.border.radius);边界半径:$(post.border.radius);-goog-ms-border-radius:$(post.border.radius);

填充:15px 20px;边距:0 $(post.margin.sides) 20px;}

.post-body { 行高:1.4; 字体大小:110%;}

.post-header { 边距:0 0 1.5em;

颜色:$(post.footer.text.color);行高:1.6;}

.post-footer { 边距:.5em 0 0;

颜色:$(post.footer.text.color);行高:1.6;}

博客寻呼机{

字体大小:140% }

评论 .comment-author {

填充顶部:1.5em;

边框顶部:虚线 1px #ccc; 边框顶部:虚线 1px rgba(128, 128, 128, .5);

背景位置:0 1.5em;}

评论 .comment-author:first-child {

填充顶部:0;

边框顶部:无;}

.avatar-image-container { 边距:.2em 0 0; }

/* 小部件 ------------------------------------------------------------ */ .widget ul, .widget #ArchiveList ul.flat { padding: 0; 列表样式:无;}

.widget ul li, .widget #ArchiveList ul.flat li {border-top: dashed 1px #ccc; 边框顶部:虚线 1px rgba(128, 128, 128, .5); }

.widget ul li:first-child, .widget #ArchiveList ul.flat li:first-child {border-top: none; }

.widget .post-body ul { 列表样式:光盘;}

.widget .post-body ul li { 边框:无;}

/* 页脚 ----------------------------------------------------------- */ .footer-outer { 颜色:$(footer.text.color); 背景:$(页脚。背景);

-moz-border-radius: $(footer.border.radius.top) $(footer.border.radius.top) $(footer.border.radius.bottom) $(footer.border.radius.bottom); -webkit-border-top-left-radius: $(footer.border.radius.top); -webkit-border-top-right-radius: $(footer.border.radius.top); -webkit-border-bottom-left-radius: $(footer.border.radius.bottom); -webkit-border-bottom-right-radius: $(footer.border.radius.bottom); -goog-ms-border-radius: $(footer.border.radius.top) $(footer.border.radius.top) $(footer.border.radius.bottom) $(footer.border.radius.bottom); 边界半径: $(footer.border.radius.top) $(footer.border.radius.top) $(footer.border.radius.bottom) $(footer.border.radius.bottom);

-moz-box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15); -webkit-box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15); -goog-ms-box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15); 盒子阴影:0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15); }

.footer-inner { 填充:10px $(main.padding.sides) 20px; }

.footer-outer a { 颜色:$(footer.link.color); }

.footer-outer a:visited { 颜色: $(footer.link.visited.color); }

.footer-outer a:hover { 颜色: $(footer.link.hover.color); }

.footer-outer .widget h2 { 颜色:$(footer.widget.title.text.color); } ]]>

document.body.className = document.body.className.replace('loading', '');

0 投票
6 回答
6703 浏览

facebook - 如何将 Facebook 的“赞”按钮添加到 Blogger 博客?

我想在我的 Blogger 网站上添加新的 facebook“喜欢”按钮。

我必须将 URL 传递给iframe src.

我可以从中获取 Blogger 帖子 URL,<data:post.url/>但我不能将它放在src字符串中,因为 Blogger 的模板系统很奇怪。

我想做这个:

但博主抱怨:

无法解析您的模板,因为它的格式不正确。请确保所有 XML 元素都正确关闭。
XML 错误消息:与元素类型“null”关联的属性“src”的值不能包含“<”字符。

有人有这个工作吗?

0 投票
2 回答
2203 浏览

html - Blogger 模板:如何更改边框 css 的颜色

我正在尝试在我的博客上更改模板样式表中的边框,但我从来没有用 css 做过任何事情,所以我有点不知所措......我想保持深色背景,但是我想在我的帖子周围创建一个颜色略有不同的小边框。如果我的猜测是正确的,那么我应该修改其中的一些定义:

这是我正在使用的整个模板的馅饼:http: //pastie.org/932535

有没有快速达到预期效果的方法?感谢您的帮助!

0 投票
1 回答
414 浏览

facebook - Blogger 模板在 Facebook 更改后未保存

我已将 facebook Like 按钮添加到http://www.goldfishview.com/,效果很好。它由 Blogger 提供支持。现在我想把它移到我帖子的结尾而不是开头。我移动了 facebook iframe,预览看起来很棒,但是一旦我保存模板,它就会恢复到原来的样子。我在 Chrome 和 Firefox 中尝试过。在我点击预览后的 Chrome 中,保存模板按钮变得无用,当我点击它时不会做任何事情。在 Firefox 中,一切看起来都需要,但在页面刷新时,iFrame 会回到原来的位置。

我疯了吗?