問題タブ [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.
xml - How can I get the list of followers from the Google Data API for Blogger?
I am able to get the list of 'authored' blogs for a particular user profile-id and its response is available in JSON. However, when I try to request the profile (which has the list of followers), I can only get the result in HTML.
Is there any way to get the list in a data-protocol format (i.e., XML or JSON)?
javascript - Blogger API、Javascript、およびプロトタイプを使用してブログ投稿を削除する
Prototype Javascript ライブラリ経由で Blogger API を使用して、blogger.com のブログ投稿を削除しようとしています。これが私のコードです:
API の説明を見る限りでは問題ないのですが、これを実行すると onSuccess 関数が起動しますが、サーバー上のエントリは削除されません。
Prototype は、GET および POST 以外の HTTP メソッドではうまく機能しないと思います (提案されたパッチは機能しませんでしたが、同様の問題を説明するチケットを次に示します)。
どんな助けでも大歓迎です!
ruby-on-rails - Rails Blogger.com の統合
自分の Blogger.com アカウントから最新の 2 つの投稿を取得しようとしています。
Ruby on Rails 2.3.5 を使用してこれを行う最善の方法は何ですか?
ありがとう!
javascript - コード ブロックのスタイルを設定して、すべての色を私の IDE のようにきれいに見せ、ここではスタック オーバーフローにするにはどうすればよいですか?
コード サンプルをブログに掲載するときは、コードに適切な色をすべて使用したいと考えています。どうやってやるの?
基本的に私が書くと:
私のVisual Studioやここのスタックオーバーフローのように、正しい色で表示したいのです。
各キーワードの色を手動でスタイリングするのに飽き飽きしています。使用できる既存の JavaScript ライブラリはありますか?
編集:それが役立つ場合、私はブロガーをブログプラットフォームとして使用しています
blogger - blogspot ブログのすべての投稿のタイトルを一覧表示するにはどうすればよいですか?
私が書いたすべてのブログ投稿を訪問者に表示したいと考えています。Blogspot には「アーカイブ」ウィジェットがありますが、特定の月/年に投稿された投稿のみが表示されます。すべての投稿を表示したい。JavaScriptを使わずにそれに対する解決策はありますか??
(一部のユーザーはスクリプトを無効にしている可能性があるため、JavaScriptを使用したくありません)
ありがとうございました。
visualization - Blogger / Blogspot の Google Visualization API チャート
Google Visualization APIによって作成されたビジュアライゼーション (グラフ)を Blogger の投稿に埋め込むことはできますか?
円グラフの例から タグ (および終了タグ) を削除しようとし<head>
ましたが、公開された投稿であっても、円グラフのビジュアライゼーションはレンダリングに失敗します。<body>
注: Google Image Charts (Charts API)ではなく、Visualization API について質問しています。
comments - Disqus を使用するために手動で Blogger テンプレートにパッチを適用する方法
ブログに 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 テンプレート スタイル名: Picture Window デザイナー: Josh Peterson URL: 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=ブロガー) */"/>
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 左上にスクロールします"/>
http://www.blogblog.com/1kt/transparent/white80.png) 左上のスクロールを繰り返す" value="透明なし 中央のスクロールを繰り返す"/>
http://www.blogblog.com/1kt/transparent/black50.png) スクロールを繰り返す左"/>
*/
/* コンテンツ - - - - - - - - - - - - - - - - - - - - - - - - */ body { フォント: $(body.font); 色: $(body.text.color); }
html body .region-inner { 最小幅: 0; 最大幅: 100%; 幅: 自動; }
.content-outer { font-size: 90%; }
a:link { text-decoration:none; 色: $(link.color); }
a: 訪問 { text-decoration:none; 色: $(link.visited.color); }
a:hover { text-decoration:underline; 色: $(link.hover.color); }
.body-fauxcolumn-outer { background: $(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) auto; }
.content-inner { パディング: $(content.padding); }
/* ヘッダー --------------------------------------------------- */ .header-outer { background: $(header.background.color) $(header.background.gradient) repeat-x 左上スクロール; _background-image: なし;
色: $(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); パディング右: $(header.padding); }
.Header h1 { フォント: $(header.font); text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); }
.Header h1 { color: $(header.text.color); }
.Header .description { font-size: 130%; }
/* タブ --------------------------------------------------- */ .tabs-inner { margin: .5em $(tabs.margin.sides) $(tabs.margin.bottom); パディング: 0; }
.tabs-inner .section { マージン: 0; }
.tabs-inner .widget ul { パディング: 0;
background: $(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;
パディング: .5em 1em; margin-$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);
border-$endSide: 1px solid $(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); border-top-$startSide-radius: $(tab.first.border.radius); border-bottom-$startSide-radius: $(tabs.border.radius); }
.tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover { position: relative; Z インデックス: 1;
background: $(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 { font: $(widget.title.font); テキスト変換: $(widget.title.text.transform); 色: $(widget.title.text.color); マージン: .5em 0; }
/* 主要 - - - - - - - - - - - - - - - - - - - - - - - - */ .main-outer { background: $(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;
border-top: 破線 1px #ccc; border-top: 破線 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 { パディング: 0; リストスタイル: なし; }
.widget ul li, .widget #ArchiveList ul.flat li { border-top: dashed 1px #ccc; border-top: 破線 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 { color:$(footer.text.color); 背景: $(footer.background);
-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 { color: $(footer.link.color); }
.footer-outer a:visited { color: $(footer.link.visited.color); }
.footer-outer a:hover { color: $(footer.link.hover.color); }
.footer-outer .widget h2 { color: $(footer.widget.title.text.color); }]]>
document.body.className = document.body.className.replace('読み込み中', '');
facebook - Facebook の「いいね」ボタンを Blogger ブログに追加するにはどうすればよいですか?
Facebook の新しい「いいね」ボタンを Blogger の Web サイトに追加したいと考えています。
のブログ投稿に URL を渡す必要がありますiframe src
。
Blogger の投稿 URL を取得できますが、Blogger のテンプレート システムがおかしいため、それを文字列<data:post.url/>
に入れることはできません。src
私はこれをしたい:
しかし、Blogger は次のように不満を述べています。
テンプレートの形式が正しくないため、解析できませんでした。すべての XML 要素が適切に閉じられていることを確認してください。
XML エラー メッセージ: 要素タイプ "null" に関連付けられた属性 "src" の値には、'<' 文字を含めることはできません。
誰かがこれをまだ機能させていますか?
html - Blogger テンプレート: 境界 css の色を変更する方法
ブログのテンプレートのスタイルシートで枠線を変えようと思っているのですが、cssで何もしたことがないので少し戸惑います… 背景は暗いままにしたいのですが、投稿の周りに、少し異なる色の小さな境界線を作成したいと考えています。私の推測が正しければ、これらの定義のいくつかを変更する必要があります。
これは、私が使用しているテンプレート全体を含むペーストです: http://pastie.org/932535
目的の効果を達成するための簡単な方法はありますか? あなたの助けに感謝します!
facebook - Facebook のような変更後に Blogger テンプレートが保存されない
Facebook の Like ボタンをhttp://www.goldfishview.com/に追加しましたが、うまくいきました。Blogger を利用しています。今、私はそれを投稿の最初ではなく最後に移動したいと考えています。Facebook の iframe を移動すると、プレビューは見栄えがよくなりますが、テンプレートを保存すると元の状態に戻ります。Chrome と Firefox で試しました。Chrome では、プレビューをクリックした後、テンプレートの保存ボタンが役に立たなくなり、クリックしても何もしません。Firefox ではすべてが必要なように見えますが、ページを更新すると iFrame は元の位置に戻ります。
私はクレイジーですか?