なかなかオレンジのロゴからリニューアルしないから勝手に色を変えてみました。

今回は記事タイトル通り、Bloggerのカスタマイズする際に参考にしているサイト様達をまとめてみました。
カスタマイズするときには必ずバックアップを取りましょうね。


相変わらずゲンナリするほど長い記事ですがどうぞどうぞ。

今回はいつもお世話になっている忍者おまとめボタンを記事の最初に配置できたのでその方法をメモしておこうと思います。
※あくまで管理人のテーマでできただけなので、皆様のテーマでも同じ方法でできるとは限らないです。参考程度に。

忍者おまとめボタン
まずはお好みのボタンを作りましょうね。

ちなみに記事の下部にsnsボタンを配置する方法は公式に書かれていますね。
Bloggerの記事下に『忍者おまとめボタン』を設置するにはどうしたらいいですか？》

それではどうぞ。

新サーチコンソールでインデックス登録リクエストをした際の備忘録。
管理人の他にもうっかりさんがいるかもしれないのでメモっておきます。

当ブログ最長記事タイトルですね。（どうでもいい）

スムースなのかスムーズなのかわかりません。

最近は余計なことを書きすぎて記事が長くなりすぎることが多いので、当ブログもついに「トップへ戻る」ボタンを設置しました（時代遅れ）

今回の記事はそのボタンの設置の仕方です。
と、言いたいところですが、管理人は人様にレクチャーできるほどの知識などは持ち合わせていないので、こことここを見ればBloggerでスーッとスムーズにトップへ戻るボタンを設置できましたというサイトを紹介。

それだけではなんなので、たぶん誰も要らないおまけをつけさせてもらいました。（ボタン用png画像）

※追記
現行のボタンはこちらの記事の中段に紹介している方法で作り直しています。
ご了承ください。

あらためて読んでみると、あまりにも見づらい記事が多いので少し見やすくするために囲いを付ける癖をつけようと思い立った今日この頃です。自分用メモです。


こんなのも


ブログをやっていると、ちょっとづつですがHTMLとCSSの知識は増えるものですね。

ずっと「Awesome Inc.」のテンプレートを使っているのもなんなんで、そろそろリニューアルでもしようかなとBloggerのテンプレートを探してみた。海外の良サイトをみつけたので紹介するっす。

いまさらwordpressとはどんなものかと試してみたくて、せっかくなのでサイトを作ってみた。その際に参考にした記事や動画をブックマークしていたら、とんでもない数になって困ったことになったので、ブックマークがわりにサイト作りに参考にした時系列順にまとめておこうと思います。

「wordpressをつかってサイトを作ろう」みたいなチュートリアルとは違うのでご注意下さい。管理人がwordpressに関して忘れないようにメモをしていると思って下さってけっこうです。
ただ、もしかしたらこのブログを見ている人に役に立つこともあるかもしれないので、つたないながらも各リンクについての説明も書いておこうと思っとるしだいです。はい。


ちなみに、サイトを作る前のwordpressやホームページ制作に関する知識はこんな感じ。

1. wordpressにつては、adobe Dreamweaverのようなホームページ制作ソフトで無料らしいということを知っているぐらい。
2. htmlについては、このブログの記事を書くときとかニコニコに動画を挙げる際に文章の改行をしたり、文字の大きさや色を変えたりしたことがある程度。
3. CSSについては、htmlに似ていてページ全体の属性とかを作るときに便利なコードかな？

この程度の知識でもなんとかそれなりのサイトを作れたので最近のソフトって本当に初心者にやさしいなと思いました。
逆にwordpressを始めようと思っていて上に書いた程度の知識もない人はまずはブログを始めるのもいいかもしれません。wordpressをいじっていて、Bloggerをいじっていた経験がかなり役に立ったと思います。（今思えば、wordpress自体がブログ制作ソフトなんであたりまえなんですが）wordpressのがBloggerよりいろんなことが出来る分、ちょっとだけ難しいんだと思います。


前置きを長々書いていてもしょうがないのでさっそくまとめていこうと思います。
ちょこちょこと管理人の感想や解釈（解説ではないです。）も書いていこうと思うので参考にしてみてください。

テンプレートを変えたでござる。
表示フォントも変えたでござる。
メモをしておかないと何をどういじったか忘れてしまうので書いておくでござる。



テンプレートはblogger内にあったものを適当に。

フォントの変更は
Bloggerメニューの「テンプレート」→「カスタマイズ」→「上級者向け」→「CSSの追加」と進んで、

* { font-family:"meiryo","メイリオ","ＭＳ Ｐゴシック",sans-serif; }　と
h2 { font-family:"meiryo","メイリオ","ＭＳ Ｐゴシック",sans-serif; }　の2行を追加。

メイリオ見やすすぎワロタ。もっと早く変えておけば良かった。

参考にした記事：Bloggerのフォントをメイリオに変更する方法　記事タイトル対応