MI-LABO

みんな幸せになっちゃえばいいと思うんだよね

はてなブログを作ってまず最初にした5つのことまとめ

こんばんはー、もぐもぐみかんです^^(みかん食べたい)

本日は、はてなブログを始めるにあたって!まず最初にしたことをまとめておきたいと思います。

f:id:MgMgMikan:20160118221319j:plain

ブログ自体は何度かやってたことがあるのですけれど、はてなは初挑戦。そして私は完璧に「形から入るタイプ」です。記事はまだ3つ目だけど、フレームは我ながら立派にできてると思う!だって形を整えるためにproにしたんだもの!

CSSとかHTMLとか割と謎なのですけれど(これでも高専でてるのに!)、そんな私でもここまではできました!ということで^^

もちろん方々ぐぐって、はてなの先輩方に助けてもらいました。みなさまありがとうございますー!紹介させていただきます!

 

1.はてなブログの上にあるバーの色を変える

f:id:MgMgMikan:20160118222444p:plain

 

こちらの記事を見てオレンジ色にできました!ありがとうございます!

そして私は色のコードをここから拾いました。

今は文字色が「black(#000)」、バーの色が「peachpuff(#ffdab9)」!

色の名前がおしゃれ!

 

2.はてなブログの記事シェアボタンをかわいく&おしゃれにカスタマイズする

f:id:MgMgMikan:20160118224920p:plain

こちらからコピペで、使わせていただいてます!かわいい!ありがとうございますー!

実は他にカウンターが付いてたりする高性能なボタンもあるのですが、どうもボタンデザインのバランスが悪くて好きじゃない・・・。

もちろんそれぞれ好みもあると思うので、探してみてください^^ 

3.はてなブログの記事見出しをかわいくカスタマイズする

はてなブログのデザインテーマはカスタマイズ前提なので、シンプルな形で色がないものが多いです。写真を多用する場合はその方がキレイにまとまりますしね^^

私は割と色が入っている方が好みなので、でもぐちゃぐちゃするのは嫌だし・・・と悩んだ結果、見出しをカスタマイズするに至りました。

参考にしたのはこちら!

めっちゃ詳しく色んなカスタマイズを記事にしてくださってるので、これからも勉強させてもらいたい!

 

4.はてなブログの最新記事にサムネイルが出るようにする

f:id:MgMgMikan:20160118230747p:plain

初期設定では文字だけでちょっと寂しいんですよね。簡単なのですけれど、なぜか目につかなかったので、念のためメモ。

設定方法

デザイン→カスタマイズタブ(スパナマーク)→サイドバー→最新記事→☑️サムネイル画像を表示する

f:id:MgMgMikan:20160118230838p:plain

f:id:MgMgMikan:20160118230950p:plain

 

5.アフィリエイトに登録→広告を設置する

形から入るためだけにはてなproにしたのですが、どうせなら儲けたいのでw

まだ記事数が少ないので、googleAdsenseは設置できないのですよね←試してみたら「まだダメ!」とメールがきてしまいました涙

なので、こちらの記事を参考に、まずはamazonとモバハチネットを設置してみました。

amazonはアフィリ関係なく、オススメの商品を紹介するのに便利っていうのもあるので、アフィリはついででも登録オススメ!

モバハチネットは色々使ってみて、使いやすさ・わかりやすさで選びました。どれくらいバックがあるのかはまだ謎ですがw 名瀬なのかさんのブログ記事によると、良さげに見えます。

モバハチネット 

 

と、とりあえずのカスタマイズこんな感じでしょうか!でもこれに満足せずどんどんかわいくおしゃれにしていきたい・・!