BLOGGER にふきだしをいれるほうほう

ボクはネコのじゅにあだ。ブロガーっていうグーグルのブログサービスをつかっている。ブロガーってとってもオーソドックス。そしていろんなオプションをついかできる。たとえばふきだし。ブログカードもつくれる。SEOにつよいQOOQテーマもつかえる。さて、ボクがいれたオプションはなんだったかな？メモしておくね。

BLOGGER にふきだしをいれるほうほう

ボクはネコのじゅにあだよ

きょうはどこをおさんぽしたの？

こんなかんじだ

なんで、いま「ふきだし」を

やってるかというと

これから、じゃんじゃん

かつようしていこうとおもってるからだね

なにしろ、ふきだしだったら

よみやすいでしょ？

こちらのサイトをつかって、CSSをせっていしておいて、まいかいきじにHTMLをかきこんでるよ。

ボクがつかっているのは LINEふうというふきだしだ。

やりかたをせつめいするね。

このきじ（↑うえ）を

さんこうにしたんだよ

あっというまに「LINEふう、ふきだし」が

できたから

もしも、うまくいかないようだったら

ボクにしつもんしてくれてもいいよ

（ネコご、わかるならね）

さて、

CSSをかくばしょ

CSSをかきこむばしょが

わかりづらいとおもうから

スクリーンショットをとっておくよ

まずは、ここにいってみよう

テーマ

テーマをクリック

まずは、ひだりした（↙）の「テーマ」をクリック

みんなも、なんどもつついたことあるところだよね

じぶんらしい「テーマ」を

なんどもいじったばしょだとおもう

その「テーマ」から

カスタマイズ

カスタマイズをクリック

「カスタマイズ」をクリックしよう

ここも、なんどもやったところだね

（ボクには、にがいおもいでのカスタマイズだ）

そうするとね、こんなふうに

いつもの、せっていがでてくるよね

詳細設定（しょうさいせってい）

しょうさいせっていをクリック

でね、ここから

まいごになりやすいんだけど

「詳細設定（しょうさいせってい）」に

いってみよう

（やっぱりそうか～）

しょうさいせっていを……

「詳細設定（しょうさいせってい）」のなかに

「文字の色（もじのいろ）」っていうのがあるんだ

こんかいは「もじ」のせっていとは

かんけいないんだけど

とにかく、そこをおしてみて

そうすると

ん？

「文字の色（もじのいろ）」

もじけいしきをクリック

「文字の色（もじのいろ）」にかくれていた

「CSSを追加（ついか）」ボタンを

みつけることができる

そのしたにあるCSSを追加

よく、まいごになるから

ボクは、このきじを

ジブンのためにもかいているんだよね～

それじゃ

CSSの追加

CSSを追加をクリック

「CSSの追加（ついか）」をクリックしてみよう

そうすると、せっていできるはずなんだけど……

CSSをはりつけるばしょ

CSSをはりつける

ここは、１ぎょうぶんの

スペースしかないようにみえるんだけど

おもいきって、えいやって

はりつけちゃおう

CSSはりつけたあと：ほぞん

ほぞん、わすれないでね

CSSをはりつけたら

こうなるんだけど

ここでよくわすれるのが

「ほぞん」だ

しっかり「ほぞん」しようね

これで、CSSはおしまいだよ

HTMLをかくばしょ

HTMLをかくばしょ

HTMLも、かきこむばしょが

わかりづらいとおもうから

スクリーンショットを

とっておくね

まずは、ふだんのへんしゅうがめんから

HTML編集画面（へんしゅうがめん）に

しないといけない

そのために、このボタン（ペンのマーク）を

おしてみよう

HTML編集画面

HTML編集にきりかえる

ペンのマークのなかは

２つあるんだ

うえからじゅんに

「HTMLビュー」と「作成ビュー」だね

このうち「HTMLビュー」をこんかいはつかうよ

「HTMLビュー」のがめん

HTMLへんしゅうがめん

そうすると、こんながめんにはやがわりだ

ボクのスクリーンショットは１まい

ぬかしちゃってるんだけど

みんなのは、もじが

つながってるんじゃないかなぁ

「りかいふのう」なので、そういうときは

こちらのボタンをおしてみよう

HTMLコードをせいれつさせるボタン

HTMLコードのせいれつ

このボタンをおすと

コードがせいれつしてくれて

みやすくなるよ

なんだか、プログラマーになったキブン

アイコンのはりつけ

ふきだしのアイコンがぞうをついか

ボクのアイコンをついかしたかったんだけど

そのときは、すなおに

いつもの「がぞうをついか」するボタンを

つかってみよう

HTMLの「★ここにがぞうをついか★」のブブンを

せんたくしておいて

「がぞうのついか」をおすといいよ

ここまで、できたら

HTMLビューからりだつしよう

あたまがいたくなっちゃうからね

HTMLビューから作成ビューへ

さくせいビューへもどろう

これは、かんたんだよね

さっきとぎゃくのさぎょうをすればいいんだよね

「作成ビュー」のほうをクリックしてね

「ふきだし」ができているかかくにんだ

あれれ？

CSSをはりつけたら

きじごとにHTIMLをきさいする

みんなは、ここまで、できたはずだ

そのあと、プレビューしてみよう

というのも

ブロガーの「へんしゅうがめん」に

もどってみたら、こんなかんじ（うえ↑）に

なってたからだ

ブロガーでプレビューのやりかた

どうなってんだかプレビューだ

プレビューのやりかただけど

パソコンのばあいは

みぎうえ（⇗こっちのほうね）の

プレビューをおしてみるんだ

プレビューのがめん

プレビューのがめん

そうすると、こんなふうになる

いまは「パソコン」で、みたときのがめんだけど

がめんのしたに

「パソコン」「タブレット」「スマホ」の

アイコンがあるとおもうから

それをおしてみてね

それぞれ

「パソコン」「タブレット」「スマホ」で

みたときのかくにんができるよ

プレビューのかくにん

プレビューのリボンがついてるね！

プレビューがめんだってことが

わかるように

ひだりうえ（↖）に「リボン」がついているよ

スマホがめんのかくにん

スマホがめんがこちら

ちなみに、これが

スマホでみたときのがめんだ

ボクは、なるべくこのがめんで

ブログのできをかくにんしてるよ

「こうかい(公開)」したあとに

「こうかい（後悔）」しないためにもね

ふきだしをスマホがめんでプレビュー

ふきだしができてる！！

で、かんじんの「ふきだし」だけど

しっかりできてるじゃない。

これだったら、このまま

こうかいできるよね

うれしーーい

さっき、このブログカード（うえ↑みたいなしかくかこみのリンク）をどこでおそわったかわからなくなったので、ついでにブログカードもかいておくね。

BLOGGER にブログカードをいれるほうほう

こちらのブログカードをつかっている。

ブックマークしておいた「ブログカード」か「引用ブログカード」をよびだして、リンクをコピーしてHTMLをかきこむだけ。

じぜんじゅんびは、CSSっていうのをブロガーのテーマせっていで、CSSのついかしておくよ。

（これは１かいだけ）

ブログカードのブックマークレットを作成しました

SSL化後の悩ましい作業のひとつブログカードこれまで Embedly を使ってきましたが、仕様がかなり独特なんですよね (´・ω・｀) 画像や記事概要など、必ずしもOGPに従っているわけではないもので。かといってはてなブログカードはSSLに対応できてないですし。 * 2018年現在ではSSL対応しています。...

まとめ：「BLOGGER」に「ふきだし」をいれるほうほう

これからどんどん、ふきだしつかうよ～

めんどっちいけど、なれるとかんたんなんだね

まとめなくても、りかいしてもらえてるとおもうけど

まず、CSSをはりつけておいて

きじごとに、HTMLをはりつける

だったね

できたあとは、プレビューもわすれないでね

それじゃまた……

このブログを検索

ネコのじゅにあ旅行記