【Blogger】2021年版／バックアップと復元の手順
こんにちは。 Bloggerでは、バックアップを簡単にとることができます。 バックアップは、 コンテンツ（投稿記事、ページ、コメント）テーマに分けて行います。 以下に手順を説明しますので、バックアップをとってみてください。 １．コンテンツのバックアップ、復元１－１．バックアップの手順投稿記事、ページ、コメントなどのコンテンツのバックアップを行う場合は、まず、管理画面で「設定」をクリックしてください。 表示された画面の中に、「コンテンツをバックアップ」と書かれた場所がありますので、クリックしてください。 以下のような画面が表示されますので、「ダウンロード」をクリックしてください。 「ファイルを保存する」を選択して「ＯＫ」を押します。 これで、ご自分のＰＣにブログの記事のバックアップファイル（xmlファイル）が保存されます。バックアップファイルを適当なフォルダに移動して管理してください。 ファ
無料ブログの作り方 : Google Bloggerの使い方|SedgeDesign
おはようございます！ デザイン講師ブロガーのセッジです！ まずはそこなんですよね(^_^;) Googleっていう超有名な会社のサービスなのに日本ではホント知られていません。 そもそもGoogleのサービスなら、ふつう ○○○.google.com とかになりそうですよね。 しかし、このブログサービスは「Blogger」といいます。 そしてさらにややこしいのですが、 Bloggerでブログを作成・管理するためのサイトは、www.blogger.com です。 しかしブログを作成すると、○○○.blogspot.com となるのです。 こういったことも「Googleのブログサービス」と認識されていない原因かもしれません。 そのように日本では知名度が低いのですが、Bloggerは有料のブログサービスと同等のことができる魅力的な無料のブログサービスです。 と、もしあなたがこのように考えているので
Feedly ボタンが機能していない？！正しい URL の情報に変更する方法
Twitter や Facebook のボタンと共に、配置される機会の多い Feedly ボタン。 しかし残念なことに、このボタンに設定する URL が間違ったたまま利用されているブログが多く存在します。その根本的な理由がこちらです。 Feedly 公式サイトのフォローボタンを生成するためのジェネレーターで生成される URL が間違っている！ 更にここから派生して、様々なブログで「自作の Feedly ボタンを設置する手順」として紹介されている URL 記述方法も間違っているため、雪だるま式に増えていってしまったのでしょう。 間違いと言っても設置当初は正しく動いていたはずなので、Feedly 側でシステム変更が行われた可能性が高いです。SNS 関連のボタンは、一度設置したら放置状態になるため、この仕様変更に気付かない人も多くいるのではないでしょうか。 そこで今回は、この Feedly ボタ
Bloggerで記事に最終更新日を付ける方法【2018年更新】
Bloggerで記事に最終更新日を付ける方法【2018年更新】投稿 : 2013-05-24更新 : 2018-06-23 記事を投稿した後に、更新することもあろうかと思います。そういう時に、最終更新日を自動で付けれたら良いのにと思ったことはないでしょうか？ Bloggerの場合、Feed（RSS)情報には最終更新日があるので、それを取得して表示します。(内部では、投稿日時と別に更新日時を持っていると思われる） 以下が、そのサンプルです。 追記：2018/02/20 すたすた式さんで、<data:post.timestampISO8601/>を使用したものが公開されたので、それに合わせて「新バージョン」を追加しました。 旧バージョンと似たような書き方にしたので、すでに導入済みの人が置き換えるのに便利だと思います。 新旧とも挿入するところは同じでOKです。 新バージョン <span clas
Vaster2|レスポンシブ対応済みのblogger日本語テンプレート
レスポンシブ対応、SEO対策済みのblogger日本語テンプレートが完成したので、無料公開します。 その名は、「Vaster2」です。 Vaster2の５つの特徴とは？ Vaster2では、bloggerをより使いやすいように、以下の５つの特徴があります。 シンプルなデザイン 日本語対応のテンプレートデザイナー 6種類のオリジナルSNSボタン 関連記事を表示できる アドセンスを記事中＆下に設置できる 以下は、詳しく説明していきます。 １、シンプルなデザイン Vaster2では、どのユーザーでも親しみやすいように、シンプルなデザインにしてあります。 詳しくはこちらのリンクから：サンプルブログ 例えば、フォントは可読性の良い「Helvetica,”游ゴシック”」を使用し、h2やh3などの見出しも、可読性を重視してシンプルなデザインにしてあります。 また、サイドバーの「人気記事」のデザインも「読
Bloggerユーザーですが何か？
Bloggerは、Googleが運営するブログサービスで世界的にはそこそこ使われているようですが、どうも日本ではあまり人気がありません。 ブロガーの良い所は、以下のページにまとまっていたりします。 もっと評価されていい最強ブログサービス Blogger まぁ、私自身、Bloggerを凄く広めたい信者ではないですし、評価されようがされまいがについては、あまり興味はなかったりするのですが、パソコンをごちゃごちゃ触るの好きな人にはBloggerお勧めですよ！と私的には思ったりするのです。 Bloggerは人気が無い ブログはそもそも、「誰でもが簡単に」使える事から沢山の人が利用するようになってきた経緯があり、つまりは、ブログを利用する大多数の人は、コンピューターの知識があまりなくても簡単に記事が書けることを期待しているはずなのです。 Bloggerもブログの開設や、記事の投稿自体はそれほど難しい
Bloggerの日本語テンプレート Vaster2 （無料）が素敵すぎる件
無料ブログって、どれがいいのかなと思いながらいろいろ調べていた時、 偶然（もはや検索ワードも思い出せない）行き着いたのが、「ただのサンプルブログ」でした。 （管理元は「トーマスイッチ」さん） 多分、Blogger て何？ どんなブログデザインできるの？ と思って、「blogger テンプレート」あたりで検索していたんだと思う。 それまで、 センスのいいブログ＝WordPress という全く根拠のない思い込みを持っていたので、目から鱗状態でした。 これこれ、こういうデザインにしたかったのよ！ と。 Vaster2の素敵すぎる４つのポイント 個人的に決め手になった、Vaster2 のポイントを４つ紹介します。 1. トップページで記事がコンパクトに表示される トップページでは、1つ1つの記事が「写真＋タイトル＋本文の一部」で表示されて、 それがいくつも積み重なるスタイル。 まさにこれがやりたか
Bloggerでおすすめしたいテンプレート６選＋２
photo credit: Ѕolo via photopin cc 「せっかくBloggerを使っているのだから、もっと良いテンプレートを使って、かっこいいブログにしたい」と強く願っている人も多いはずです。 なので、今回は、Bloggerではどんなテンプレートを選べばよいのか、具体的なおすすめのテンプレートなどのテンプレートに関する情報を全て網羅します。 ブログデザインはユーザーを一番に考える ブログのデザインは、ユーザーが利用しやすいデザインにしなければいけません。 なぜなら、ブログの運営が成り立つのはユーザーがいてくれているおかげだし、そのユーザーを大事にしていかなくてはならないからです。 では、ユーザーが利用しやすいブログデザインとは何かというと、以下の３つを満たしているデザインです。 左が記事、右がメニューの２カラム構成 レスポンシブデザインになっている シンプルなデザイン 以下
Blogger templates 2024 - BTemplates
What is Blogger and why should you use it?Blogger is a publishing platform that allows you to create a blog under the subdomain blogspot.com or your own domain. It was created in 1999 by Pyra Lab and acquired by Google in 2003. Some of the advantages of using Blogger are: Free service with almost 100% uptime.It uses Google's infrastructure. Very fast page loading.Adsense already integrated into th
BloggerにOGPを設定する方法
BloggerにOGPを設定する方法です。 最近、FB以外でも利用されるようになったのでうちも導入してみようかな、ということで。調べてみたら意外とサクッとできてしまった感がありますが、一カ所だけ妥協しました。 OGPとは何ぞや、という話は省略して以下、手順など。 …その前に、下準備としてBloggerの設定を変更してmeta descriptionを有効にします。『っけねー！ まだしてねーやｔｈｐｒ！』という場合はこちらをどうぞ↓ Bloggerでmeta descriptionを個別に設定する方法｜R14 下準備が済んだらテンプレートのHTMLを編集します。まず、 <html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:
BloggerでOGP設定方法
自分が試行錯誤した結果、Bloggerのメタタグ情報の設定をしている場合、新たに設定しなおす必要がないコードもあったため、不足分だけ設定しました。 テンプレートからHTML編集にて＜head＞タグを下記に変更 <head> ↓ <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#"> <b:include data='blog' name='all-head-content'/>の下に、下記コードを追加 なお、自分の場合トップページを個別ページにして、メールフォームの個別ページで追加したため、一般の方とは異なりました。 <!-- OGP --> <!-- 投稿ページ --> <b:if cond='data:blog.pageType == "
BloggerにOGPの設定する方法と疑問点について
動作確認の仕方 Facebook デバッガー https://developers.facebook.com/tools/debug ここで確認できます。Facebookアカウントがなくてもログインしてなくても使用できます。 疑問点と僕なりの回答 1.fb:app_idやfb:adminsの設定は必要か？ なくても問題なさそう 2.og:imageで記事毎に画像を設定したい ・BloggerのOGPに「og:image」を記事毎に設定できるPHPスクリプト 頑張ればできます。 3.og:descriptionを記事毎に設定したい 「og:description」は、敢えて設定しません。Facebookの仕様で、記事の始めの「p」タグで囲ってある部分が概要として認識されるので、記事を書く時は先頭のDescriptionにしたい部分を「p」タグで囲みます。 知っておきたいFacebookのOG
え、それだけ？bloggerをレスポンシブデザインにする超簡単なカスタマイズ法
> By: Noodles and Beef スマホの急速な普及により、ブログ運営は「レスポンシブデザインにしないと話にならない」という段階に入った、と言っても過言ではありません。 しかし、bloggerでモバイル対応に設定するのは結構難しく、手こずっている人も多いのではないかと思います。 そこで今回は、bloggerのデザインをコピペ１発でレスポンシブデザインにする、超簡単な方法を紹介していきます。 これで、今の時代に遅れる事はないでしょう。 なぜレスポンシブデザインにする必要があるのか？ そもそも、なぜ、レスポンシブデザインにする必要があるのか？それは、下の画像を見れば、その答えは１発で理解できます。 上のグラフは、本ブログ「トーマスイッチ」のデバイス別のアクセスを表しています。 グラフを見れば分かるように、「７３％のユーザーがスマホでこのブログを見ている」という結果になっていました。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Blogger のフィード URL とパラメータ
Bloggerブログで記事中の複数の画像を横並びやグリッドデザインで配置する方法
Bloggerでテンプレートを日本語のVASTER2にしたのでメモ
BloggerでOGPタグを出力する設定方法
BloggerのブログでAdSenseのガジェットを使用できるようになった: ご隠居の雑記帳
Bloggerで「現在、あなたのブログには AdSense に登録されていません。」と表示される: ご隠居の雑記帳
Creative × Lifestyle: Google Adsenceについて、Bloggerからの申請と承認待ちのAdSenseとの間でループ状態になった場合の解消方法