Blogger

Google Bloggerのカスタマイズの仕方や、Blogger特有のことについて書いています。

Bloggerのサイドバーにアコーディオンメニューを導入する方法

折り畳み式のメニューをサイドバーに導入する方法です。うまくいけば画像のようになります。文字とURLは直接指定しないとダメです。 ・Beautiful Accordion Menu Widget For Blogger | ...

Bloggerで使いやすい「レスポンシブ」無料テンプレート 【2015年】

「2カラム」のは、WordpressのSTINGER3っぽいものを 「3カラム」のは、FC2ブログとかで見かけることがある3カラムものです。 画面キャプチャーはしょぼく見えるかもしれませんが、 実際にはこういう系統の方が個人ブログ...

Google BloggerのSEO対策について

Wordpressとかでその手の記事が多いですが、Bloggerでも似たようなことが出来ますよということで書いておきます。 Bloggerって、何もしなくてもそのままでもかなりいい感じな気は個人的にはしますが、まあその手の記事を読むと同じ...

Bloggerに関連記事を導入する方法 【Smarter Related Posts Widget】

こんな感じになります 導入の仕方 1.ウィジェットが動作するようにする <script type="text/javascript" src="http://ajax.googleapis.com/aja...

Bloggerにパンくずリストをつける方法

「Breadcrumb for Blogger - Blogger Widgets」に基づいて導入しました。 導入の仕方 1.パンくずリストを表示したいところに「タグ」を挿入する テンプレート->HTML編集で以下...

Bloggerの記事下のアドセンス広告のカスタマイズ

テンプレートに直接貼り付ける方法もありますが、 Bloggerの機能でアドセンスの自動挿入ができるので、それを使った方法を紹介します。 私がBloggerをやっていた時はこの機能で記事下に表示していました。 記事下にアドセンス...

Bloggerの写真枚数制限らしきもの

■従来 ・Picasaのアルバムあたりの画像制限 1000枚 ・Bloggerとの連動している場合は、800?枚を超えたあたりで、自動で新規アルバムが作成されていた ■現状(予想) ・Picasaのアルバムあたりの画像制限 20...

WordPressのBlogger importerで、BRタグを改行でインポートする方法

「ツール」->「インポート」->「Blogger」の機能の話です。 ・WordPress › Blogger Importer « WordPress Plugins 実際には、上記のプラグインが自動でDLされて実行され...

「blogger2wordpress .appspot.com」でエラーが出た場合の対処方法

・http://blogger2wordpress.appspot.com/ Blogger形式(XML)から、Wordpress形式(WXR)に変換してくれるサイトで結構以前からあるサービスです。エラーがでて、使えなくな...

非独自ドメインのBlogger(blogspot.com)から独自ドメインのWordPressヘのリダイレクトの仕方

独自ドメインを使用していないBloggerの人の引っ越しの参考になればと思います。 Blogger 301 Redirectプラグイン ・WordPress › Blogger 301 Redirect « WordPress Pl...

Bloggerが突然ブロックされない様に、スクリプトにも注意したほうがよいのかも

このブログは、Blogger の利用規約に違反しているため、投稿者のみが参照可能です。 このブログは、Blogger の利用規約に違反した可能性があるため調査中です。作成者のみが使用可能です。 ※Googleアカウン...

あとから、おまけ的に、IE7・IE8対応する方法

※趣味でやってる人はという内容です。 HTML5、CSS3対応にする HTML5 <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/htm...

IE11でBlogger管理画面を使うのには、「互換表示設定」と「エミュレーションでIE9指定」をすると良いかも

・互換表示設定 でbloger.comを追加 ・エミュレーションでIE9(またはIE10)を指定する この2つの設定をすれば、現状起こっている不安定な現象を回避できるかと思います。 片方ではダメみたいです。 IE...

zenbackが非同期読み込みに対応したみたいなので、既存コードを貼り換えたほうがよさそう

・もっと素早く ページ読込完了速度も平均20%以上に向上しています ※検証条件はは記事最下部をご覧ください ・もっと優しく 非同期読み込みに対応したことで、Zenbackの読込が遅くなってもブログの他の要素の読込を邪魔しません 平均20...

Bloggerで、jpg画像をアップロードして表示させると、白色が灰色(グレー)ぽくなる問題について

同じ画像なんですが、1つはJPGファイル、2つめはPNGファイルです。 以前は、こんなに色が違うということがなかったんですけどね。 暫定の対策としては、JPGファイルを使わずに、PNGファイル...

Bloggerで記事毎に、mataタグのdescription(記事概要)をつける方法

かなり前から、Bloggerで記事毎にdescription(記事概要)を付けれるようになっていたのですが、最近やり方がわかったので書いておきます。たんに、ブログ全体の概要の設定だと勘違いしてただけでした。 設定 「設定...

BloggerやWordPressに、apple-touch-iconを導入する

apple-touch-iconって何? iPhone/iPadのホーム画面用アイコンapple-touch-icon.pngをサイトに設定しよう | Web担当者Forum 404のアクセスを調べていたら、apple-...

404ページへのアクセスを簡単に調べる方法

本記事では、BloggerとWordpressを対象としています。 しかし、以下の3条件が満たされる場合は、そのまま使えるかと思います。 ・専用の404ページがある ・ブログパーツを貼り付けることが可能 ・ブラウザーのアドレスバーの...

Bloggerで、サイトがスパム扱いされて削除。復活するのに2か月かかった件。

Bloggerがあれだけ大好きだと言っていたのに、なぜWordpressに急に引っ越したというと、実は、Bloggerの自動スパム検出に引っ掛かって削除されてしまったからなんです。 実際、当サイトはスパムサイトなのかもしれないと思い、...

Bloggerでレスポンシブに挑戦してみよう

追記:2015/01/24 最近は、Bloggerのテンプレートもレスポンシブなものがほとんどなので、当記事よりもカスタマイズしやすいテンプレートを選ぶほうがよいかと思います。 参考:Bloggerで使いやすい「レスポンシブ...

Bloggerのモバイルテンプレートのカスタマイズに挑戦しよう

元にするテンプレートによって違いがあろうかと思います。 私がつまずいたり、調べた箇所をあげておきます。 http://blog.k05.biz/が現状以下の要素を組み込んでいます。 テンプレートを編集しても、モバイルに反映され...

BloggerからWordPressに引越した時に、画像もPicasaから移行する方法

BloggerからWordpressに移行しても、記事内部に含まれる画像(リンク,Picasa)はそのままです。そのままで表示もできるので問題はないのですが、Picasaにある画像を、WP側のサーバーに移行して、同時に記事の画像リンクも書き...

BloggerにOGPの設定する方法と疑問点について

動作確認の仕方 Facebook デバッガー https://developers.facebook.com/tools/debug ここで確認できます。Facebookアカウントがなくてもログインしてなくても使用できます。 疑問点...

BloggerのOGPに「og:image」を記事毎に自前設定できるPHPスクリプト

「BloggerをOGPに対応させるときのog:imageをなんとかする : たき備忘録」で書かれているようなことを自前のPHPでなんとか実現できないか?というのが本記事の内容です。 ※PHPを動作するレンタルサーバーが別途必要です。...

Bloggerで記事に最終更新日を付ける方法【2018年更新】

記事を投稿した後に、更新することもあろうかと思います。そういう時に、最終更新日を自動で付けれたら良いのにと思ったことはないでしょうか? Bloggerの場合、Feed(RSS)情報には最終更新日があるので、それを取得して表...

Bloggerから他のブログにリダイレクトするJavascript‎

Javascript‎を使用したリダイレクトです。 Bloggerの場合、.htaccessは使用できませんし、metaタグの場合は、ページ単位というのは現実的には無理だと思うので、Javascriptになるかと思います。 あまりよ...

BloggerからWordPressへ移行時のURLの「m=1」問題の解決方法について

<IfModule mod_rewrite.c> RewriteEngine On RewriteBase / RewriteCond %{QUERY_STRING} ^m=1$ RewriteRule ^(.*)$...

BloggerのXMLをWordPressのWXRに変換する方法 【ファイルサイズが大きい時】

Bloggerの記事データをWordpress形式(WXR)に変換する話です。 Blogger2Wordpress conversion utility サイトで変換 http://blogger2wordpress.appspo...

Bloggerの画像サイズの「小・中・大・特大」を任意のサイズに変更する裏技

・小:200px ・中:320px ・大:400px ・特大:640px 記事の横幅が580pxぐらいだと、この画像サイズだといろいろ不便なこともあります。 写真などを横並びで表示したい場合とかでも微妙に幅が足りませんし、また...

Bloggerで.htaccessを使う方法 【リダイレクト】

Bloggerの「カスタム リダイレクト」でリダイレクトが行えますが、実はこれとは別に「.htaccess」を使用する方法があります。 動作条件 ・独自ドメイン ・.htaccessファイルを置くレンタルサーバーが必要 メリット...

Bloggerのサイドバーに「最近の投稿」を表示する簡単な方法 【5件以上表示】

FeedBurner http://www.feedburner.com/fb/a/home BloggerでRSS配信に、FeedBurnerを利用している場合に使えるテクニックです。 「Publicize」->「Buz...

Bloggerで「人気記事/ラベル/アーカイブ」をタブ切り替えにする方法

タブ切り替え こんな感じで、上の「Popular/Tags/Blog Archives」をクリックすると、切り替わるというやり方です。 なるべくテンプレートを触らないという路線です。jQueryは使用しています。 事前準備 HT...

Bloggerで画像の周りのスペース(余白、margin)を取る方法

Bloggerで画像を挿入すると、上記の様なHTMLに展開されます。 「margin-bottom: 1em; margin-right: 1em;」が余白の部分で、下側と右側に1文字分が設定されています。 横並びで画像を表示し...

Bloggerで画像の枠線を消す方法

はじめにBloggerの場合、画像(写真)にカッコよく枠がつくのですが、アフィリエイトの画像 ビーコン(1x1画像)などにも枠線がつくので困るという場合があるかと思います。そういう人にとっては、邪魔なだけな存在なので消したいとなるわけですね...

Bloggerを「Bing ウェブマスターツール」に登録する方法

Bing ウェブマスターツール http://www.bing.com/toolbox/webmaster 結論だけ書くと、Googleのウェブマスターツールと同じ方法でサイトマップの登録が可能でした。 以前、登録時に調べた時...

Bloggerの「404 ページ」をカスタマイズする方法

目次1.カスタム404ページの作成 2.404ページのタイトルタグの変更 3.404ページでアドセンスを表示しないように変更 Bloggerで404ページを見たい場合は存在しないURLを入力すれば表示されるかと思います。 標準の...

Bloggerのスパム検出システムに引っかかった時の対処方法

ブログ http://(伏字).blogspot.com/ はスパム ブログの可能性があります。 これを解決するには、http://www.blogger.com/unlock-blog.g?lockedBlogID=(伏字) にある...

Bloggerの人気の投稿ガジェットで記事をきれいに並べる方法

記事一覧表示されますが、各記事の高さが一定でないと、(日本人の感覚では?)きれいに見えないなと思ってました。 #PopularPosts1 .item-content{ height:79px; overflow:hidd...

BloggerでRSS配信を部分配信にする裏技 【FeedBurner利用限定】

RSSの部分配信 BloggerでFeedBurnerというサービスを使用してRSS配信している場合は、FeedBurner側の設定で簡単に部分配信に切り替えることが可能です。 Original Feedのところに、「/summary」...

BloggerのラベルをCSS3で簡単に装飾して見栄えよくしよう

Attractive Css3 Labels / Category Widget For Blogger | Blogger Trix | Blogger Tips and Tricks | Free Templates via kwo...

Bloggerの投稿日付をすべての記事に入れる方法 【dateHeader,1日複数記事対応】

Bloggerの日付表示に「<data:post.dateHeader>」というタグが使用されているかと思います。 1日に複数記事を書いている場合、トップページなどの記事一覧などで使用すると、同一日付の場合は最初しか表示されません。 ...

無料のBloggerテンプレートを配布してる海外サイト10個

追記:2014/06/08 50+ Free Blogger Templates 2014 Bloggerもレスポンシブなテンプレートが流行りのようなので、そこから選んでみるのも良いかも。 ※基本無料だが、クレジット外すのは有...

ダウンロードしたテンプレートをBloggerに設定する方法

テンプレートがZIPなどで圧縮されている場合は、解凍してください。 ファイルの中で、「*.xml」というファイルが、Bloggerのテンプレートファイルなので、これを選択してアップロードします。 「テンプレート」->「バックアッ...

Bloggerで消せなくなったガジェット(ウィジェット)を削除する方法

削除できなくなたガジェットを削除する方法手順 Bloggerの旧インターフェースが使えなくなった今、海外テンプレートなどを使用して、削除できなくなったガジェットが出てきた場合どうしたらよいかという内容です。 1.Bloggerの標準...

Bloggerの人気の投稿ガジェットでサムネイルがつかない問題の解決方法

Bloggerの人気の投稿ガジェットなのですが、サムネイル画像つきにすると、画像を一切使用していない記事だとサムネイル画像が表示されません。表示されないのは良いのですが、表示がガタガタになるんですね。 私は、気になるタイプなので、サム...

初心者でもできるBloggerのカスタマイズの仕方 【テンプレート(テーマ)】

テンプレート(テーマ)のカスタマイズの仕方Bloggerにも標準で数種類のテンプレートが用意されていますが、それでは満足できないという人向けの記事です。 方法 その1ネットで配布されているテンプレートを使用する http:/...

Blogger の新インターフェイスで、改行が<br /> に変換されないようにする方法

Bloggerの管理画面が、今日?から新インターフェースのみになり古いのが使えなくなったようです。 新インターフェースなのですが、何も設定しないと、改行がbrタグに変換されるモードのようで、過去の記事を編集しようとしても改行がbrタグ...

Bloggerに検索ボックスを独自で追加する方法

・Navbar をはずした ・Googleのカスタム検索は使いたくない ・ガジェットの検索は使いたくない しかし、Bloggerに検索機能を付けておきたいという場合の対応方法です。 以下のような感じのものを表示したいところに挿...

ブログ運営者は、Bloggerの読者ガジェットでPVアップが狙える 【アクセスアップ】

相互リンクやアメブロの読者登録と同じ効果があると思われるBloggerを使用している人は読者ガジェットを設置しましょうという話でなくて、その正反対で、Bloggerを使ったブログを見つけたら読者登録をすると良いですよというお話です。 ...

Google Bloggerのバックアップの取り方

必要そうなデータ1.記事データ 2.テンプレート 3.ガジェットのHTML/Javascriptの中身 4.記事URL(パーマリンク) 5.Picasaの画像 ちょっと前までは、「ガジェットのHTML/Javascriptの中...

Google BloggerのNavバーを消す 【ナビゲーションバー】

2012/08/17 NavバーをBloggerの設定で消せるようになりましたが、相変わらずスペースは空いたままだと思うので以下を機械的に適応すると良いかと思います。 ナビゲーションバーを消す /* 追加 start*/ #...

BloggerのテンプレートのIE=EmulateIE7の対応について 【IE9】

<meta content="IE=EmulateIE7" http-equiv="X-UA-Compatible" /> 現在は分かりませんが、少し前までBloggerのテンプレートには上記のようなコードがはいてました。...

Bloggerの個別記事のページナビゲーションに記事タイトルをつける方法

完成図 多くのブログで個別記事に前後の記事のページのリンクがついてますが、それをBloggerで実現できないかなと思っていたのですが、なんとかできました。イメージ的にはこういう感じになります。 サンプルソース <b:...

Google Bloggerをウェブマスターツールに登録する方法 【サイトマップの送信】

追記:2014/12/28 http://sample.blogspot.jp/sitemap.xml ブログtopのurl/sitemap.xml Bloggerも上記のような感じで、XML Sitemapsサイトマップが...

Google Bloggerに独自ドメインを設定する方法

Blogger側の設定旧インターフェースは公開のところで設定します。 新インターフェースでは、設定の公開のところです。新インターフェースで説明しますが、クリックするところは似たような感じですのですぐにわかると思います。 1.カスタム...

Bloggerを使うときの注意点 【日本の無料ブログサービスとの違い】

「今からブログを始める人に、僕が「blogger」をすすめるワケ | 想造ノート」は良いことしか書いてないのですが、そうでない部分もあります。 時々、原因の良くわからない障害が起きる ・Bloggerで障害かなと思ったときは、...

BloggerからWordPressへの引越す方法

この記事は、Blogger->WordPressです。逆の場合は、「Bloggerへの引越し方法 (MT形式ファイルの分割ほか) 」が参考になります。 追記:2014/07/04 BRタグに自動変換されたくない場合は、以下の記事...

BloggerでAdSense インライン広告が急に消えてしまった場合の対応方法

現象と対策の方向性Bloggerを利用していますが、この数日、インライン広告が表示されません。広告スペースが空白になるのではなく、場所そのものが消えています。なお、設定は変更していません。 インライン広告が表示されない これと同様の現象...

Bloggerにページナビゲーションを導入する方法(Numbered Page Navigation)

Blogggerにこのようなページナビゲーションを導入する方法です。ページ番号が上記のように付きます。 案外簡単に導入できたので導入方法を簡単に書いておきます。 導入方法Numbered Page Navigation For Bl...

BloggerのAuto Pagination 対策(メインページの表示件数がおかしい)

BloggerのAuto Pagination Bloggerの場合は「設定」の「フォーマット」の「最大件数で表示」の箇所で、メインページ(トップページ)に表示する記事の件数が設定できます。 しかしながら、ここに15件と設定してるのに...

BloggerにSyntaxHighlighter を導入する方法(ソースコードをきれいに表示)

方法は何種類かあるようです。 一番簡単だと思う方法これが一番お手軽ではないかと思います。 FaziBear's Blogger Widgetsにアクセスします。環境によるのかもしれませんが私の場合だと以下のような画面になります。...

Bloggerで障害かなと思ったときは、ここを見る

Bloggerに引っ越ししてきて、意外に思ったのがちょくちょく障害らしいことが起こることです。2011/05月上旬頃には障害があってブログの更新が一切できませんでした。 あまりこういうことを書きたくなかったのです。Bloggerは素晴...

Bloggerの ファビコン(favicon.ico )を安全に確実に変更する方法

今まで安全にファビコンを変更するのが難しかったのであきらめていたのですが、7月上旬ごろにファビコンの変更ができるようになりました。 管理画面の「レイアウト」→「ファビコン」でファビコンのアイコンを指定するだけです。 ...

Bloggerにソーシャルボタン類を導入する方法

記事のURLと記事のタイトルを埋め込む参考になるでしょうか? exprがついている個所は、忘れないようにしてください。また、パラメータなどは、公式などを参考にしてくださいね。 FacebookのLike Button(いいねボタン)...

BloggerにFC2拍手を導入する方法 【拍手ランキングブログパーツ】

FC2拍手の導入方法「ブログ用の拍手タグ作成」を選択して、FC2ブログを選択すると以下のようなコードが作成されると思います。 ・<%topentry_enc_link> ・<%topentry_enc_utftitle> あたり...

Bloggerへの引越し方法 (MT形式ファイルの分割ほか)

Bloggerへの引っ越しメモ「投稿日付がうまく反映されない」「取り込み(インポート)自体できない」という場合はほとんどが解決できる現象ですのであきらめないでください。 1.現在のブログからMT(MovableType)形式でエクスポ...

BloggerでJavaScriptがうまく動かない時に試すこと

改行コード JavaScriptがテンプレートを少し編集すると突然動作しなくなるとか、特定の記事の時だけ動作しないなど、なにか原因不明な動きをしていたのですが原因らしきことがわかりました。私はエディターに、サクラエディタを使ってます。 ...

Bloggerでトラックバックを実現 - DISQUS編

Bloggerにトラックバック機能無料でお手軽にBloggerにトラックバック機能をつける方法が見つかりました。DISQUSというサービスを使う方法です。無料で提供される分だけでコメント・トラックバックなどが可能です。 トラックバック...

BloggerでbX-67oaj1 error using ‘older post’ link

GoogleChromeでは、bX-67oaj1 IE8では、bX-5srjea のエラーが「older post(前の投稿、前の記事)」ボタンを押下するとでます。前から出てたのか最近なのかカスタマイズしたからかわかりません。ただ、Blog...

Bloggerにトラックバック機能を付ける方法

自前で実装してもよいかもという結論に至り自前で実装することにしました。原理は簡単ですので1から作るのもそんなに難しくないですが、やはり手間暇がかかりますので使えそうなサンプルを探して改造して使うことにしました。 PHP Trackback...

Bloggerにサイトマップをつける方法

サイトマップの表示 (ラベルがついてなくてもOK) やはりサイトマップがあると、過去の記事が見つけやすいですのでつけてみました。単に記事一覧を並べたいだけでしたら以下のようのものをページに書けば簡単にできます。 ※最終行の「http...

BloggerにZenbackをエラーなく導入する方法

2013/12/01 zenbackが新コードになったので、以下の記事を参考にしてください。 zenbackが非同期読み込みに対応したみたいなので、既存コードを貼り換えたほうがよさそう BloggerにもWord...

GoogleのBloggerで自動でPing送信する方法

Bloggerなのですが、Ping送信がWeblogs.comにしか行えません。Pingの送信先の追加も出来ません。特に困らないと思うのですが、なんとなく気分的に嫌です。そこで、Bloggerでも他のブログのように更新時に自動でPing送信...

BloggerにFC2メールフォームを設置する

FC2メールフォームをBloggerに設置してみました。以前は、サイドバーに埋め込んだりページに埋め込んだりできなかった記憶があるのですが今は簡単に可能です。Javascriptが挿入できるブログならどんなものにでもメールフォームを埋め込み...