はてなブログで記事下に関連記事を表示させる方法
こんにちは！りさこです！
今回は、記事の下をカスタマイズして、アクセス数の多い記事を表示させてみました！
これで、ふらっとこのブログに来た人が、今までよりたくさんの記事を読んでくれるようになるはずです！笑
関連記事を表示させる方法はいくつかあるみたいですが、今回はその中でも私が気に入ったカスタマイズ方法を紹介します！
他の方法も、気が向いたら後日まとめます！笑
カスタマイズしてない状態
カスタマイズしてないと、記事の下にはSNSシェアボタン・広告・コメントを書くという表示しかりません。
ここに関連記事を表示させます！
HTMLを書く
まず、デザイン→カスタマイズ→記事→記事下の空欄に
<div class=\"readit\"> <h3 id=\"kiji-shita\">こんな記事も書いてるよ！</h3> <div class=\"hatena-module hatena-module-entries-access-ranking\" data-count=\"5\" data-display_entry_category=\"0\" data-display_entry_image=\"1\" data-display_entry_image_size_width=\"120\" data-display_entry_image_size_height=\"120\" data-display_entry_body_length=\"0\" data-display_entry_date=\"1\" data-display_bookmark_count=\"1\" data-source=\"access\" > <div class=\"hatena-module-body\"> </div> </div> </div>
と書くと…
広告とコメントを書くの間にアクセス数の多い記事が表示されました！！！！！
実はこれ、サイドバーに表示されている「注目記事」という欄と同じものを記事下にも表示させているんです！
このままでもいいんですが、少し分かりにくいし、あまりおしゃれじゃないので、少しCSSをいじってみましょう！
CSSを書く
「こんな記事も書いてるよ！」というタイトルの部分を目立たせて、全体の文字も大きくしたいと思います。
デザイン→カスタマイズ→デザインCSSの空欄に
#kiji-shita{
color: grey;
background: #FFC0CB;
border-radius: 5px;
padding: 20px 20px;
}
.readit{
font-size:150%;
}
と書くと…
分かりやすく、そして少しおしゃれになりました！！！！！
タイトル部分のカスタマイズは、記事内の見出しのカスタマイズと同じなので、お好みのデザインにカスタマイズしてみてください！
見出しのカスタマイズ方法はこちら！
まとめ
いかがだったでしょうか！？
けっこう簡単にカスタマイズできるので、みなさんも関連記事を表示させて読者の方にもっと記事を読んでもらいましょう！
参考にした記事はこちら！
おわり
【永久保存版】胸を大きくする方法まとめ！
こんにちは！
おっぱい仙人にりさこです！！！！！笑
この記事は、胸が小さいことに悩む全ての女子のために書いた記事なので、ぜひ読んでください！
バストアップする方法〜食べ物編〜
この記事を読んでみれば分かると思いますが…食べ物だけでバストアップするのはほとんど不可能です！泣
バストアップする方法〜エクササイズ・マッサージ編〜
この記事を読めば分かると思いますが…エクササイズとマッサージの両方を毎日続けることができれば、胸を大きくすることも夢じゃありません！！！！！
バストアップする方法〜最後の砦編〜
この記事を読めば分かると思いますが…お金をかければ確実に胸を大きくすることができます！！！！！
バストアップするためならお金なんて惜しまないわ！という方にはかなりオススメです！！！！！
まとめ
いかかがだったでしょうか！？
この記事を読んで、一人でも多くの女の子が胸を大きくすることを諦めないで、一人でも多くの女の子がバストアップできたら、とても幸せです。
おわり
はてなブログで引用枠をカスタマイズする方法
こんにちは！
ちょっとずつブログをカスタマイズしてるりさこです！
今回は引用枠の表示を変えてみました！
めっちゃくちゃ簡単なので説明する必要もないかもしれないですが、一応まとめておきます！笑
カスタマイズしてない状態
カスタマイズしてないとこんなかんじ。
引用してるってことがわかりにくい！
CSSをコピペするだけ！
デザイン→カスタマイズ→デザインCSSの空欄に
.entry-content blockquote {
padding: 20px 55px;
background: rgba(245,245,245,0.8);
color: #222;
position: relative;
border: solid 1px #fff;
margin: 0.8em 0;
}
.entry-content blockquote:before {
color: rgba(200, 200, 200, 1);
content: \"“\";
font-family: serif;
font-size: 600%;
left: 0;
line-height: 1em;
position: absolute;
top: 0;
}
.entry-content blockquote:after {
content: \"”\";
font-family: serif;
position: absolute;
bottom: 0;
right: 0;
font-size: 600%;
color: rgba(200,200,200,1);
line-height: 0;
}
と書くと…
めっちゃわかりやすく、しかもかわいくなりました！！！！！
まとめ
みなさんも引用枠のカスタマイズできたでしょうか！？
コピペするだけ、５秒でできるので、ぜひみなさんも試してみてください！
参考にしたのはこちら！
おわり
無料版のはてなブログにGoogle AdSenseを設置する方法
こんにちは！りさこです！
私は、自分の興味があることを発信して、その興味に共感をしてくれる人を探すためにブログを書いているのですが、ついでに広告を収入ももらえたらなというかんじでGoole AdSenseを貼っています。
とは言っても、無料版のはてなブログは、PCには２つ、スマートフォンには一つも貼れないし、PV数も少ないので、広告収入はほぼ０なのですが…笑
（ちなみにプロ版だと、PC・スマートフォン共に３つずつ貼ることができます！）
Google AdSenseを貼ろうと思ったときに、やり方が分からず、親切に教えてくれるサイトもなかったので、これから設置したいと思ってる人のためにやり方をまとめておきます！
Google AdSenseに登録して、審査を通過する
まず、Google AdSenseに登録して、広告を貼るのに適したブログなのかということを審査してもらって、その審査に通らないと広告を貼ることはできません。
無料版のはてなブログで審査を通過するための方法はこちら！
広告のコードを取得する
まず、Google AdSenseを開きます。
次に、上のメニューバーの「広告の設定」をクリックします。
次に、「新しい広告ユニット」というボタンをクリックします。
次に、名前のところに、自分が分かりやすいように、名前をつけます。
広告一つにつき一つ広告コードを取得するので、「〇〇ブログ記事上」などの名前にすると分かりやすいと思います。
広告サイズと広告タイプはとりあえず今選択されているものでいいと思うので、名前を入力したら「保存してコードを取得」というボタンをクリックします。
最後に、広告コードと書かれたhtml文章をコピーします。
広告コードをはてなブログに貼る
無料版はてなブログは、htmlをカスタマイズできる場所がサイドバー・記事上・記事下の３箇所あるので、この中で自分が好きなところに取得した広告コードを貼ります。
サイドバーに貼る場合
デザイン→カスタマイズ→サイドバー→モジュールを追加→HTMLを開き、タイトルには「広告」か「スポンサーリンク」と書き、本文にさっき取得した広告を貼ります。
このとき、「広告」や「スポンサーリンク」と表記しないと、広告を停止されちゃうみたいなので注意してください！
記事上または記事下に貼る場合
デザイン→カスタマイズ→記事→記事上（または記事下）の空欄に、さっき取得した広告コードを貼ります。
これで広告が表示されます！！！！！
まとめ
みなさんもGoogle AdSense設置できたでしょうか！？
簡単なのでぜひ試してみてください！
Google AdSenseにはルールがたくさんあって、そのルールを破ってしなうと広告を停止させられてしまうので、設置しようと思っている人は一度目を通してください！
おわり
こちらの記事もいかがですか？
まつだりさこの人生でやりたい１００のリスト
こんにちは！りさこです！
私にはやりたいことがたっくさんあります！！！！！！
ということで、備忘録として私の人生でやりたい１００のリストを書きます。
また、リストの中で「私も！僕も！やりたい！！！！！」というものがあったら、ぜひ声を掛けてください！一緒にやりましょう！！！！！
では早速いってみましょう！
まつだりさこの人生でやりたい１００のリスト
１．制服◯◯をする
2015.10に達成予定！
２．釣り堀以外で魚を釣る
2015.11に達成予定！
３．そば打ちをする
４．めちゃくちゃ大きな花束をもらう
５．ほたるを見る
６．北海道を旅行する
2015.9.12-15に達成！
７．九州を旅行する
2015.12に達成予定！
８．沖縄を旅行する
９．ヨーロッパを旅行する
１０．オーストラリアを旅行する
１１．ひとり暮らしをする
１２．結婚する
１３．子供を育てる
１４．縁側のある家に住む
１５．石窯のある家に住む（魔女の宅急便てきな）
１６．バーバリーの服を買う
１７．有名になる（基準どうしよ）
１８．障子を破って、張り替える
１９．オーロラを見る
２０．フルマラソンを完走する
２１．トライアスロンに挑戦する
２２．スカッシュをする
２３．献血をする
２４．大好きな人を嬉し泣きさせる
２５．二階から目薬する
２６．ピザでフリスビーする
２７．米袋で枕投げする
２８．お化粧ができるようになる
２９．スケジュール帳を使いこなす
３０．雑誌（ファッション誌？）の編集をする
３１．ボルダリングを極める？
３２．ヨガを極める？
３３．のだめのDVD全巻買う
３４．お気に入りの筆箱見つける
３５．ギターかピアノで弾き語りできるようになる
３６．リアル脱出ゲームをクリアする（制限時間があるやつ）
３７．写真の撮影・加工センスを身につける
３８．CSSをマスターして、FUDGEみたいなサイトを作る
３９．おしゃれな自転車を買う（そして、その自転車で原宿か代官山に行く）
４０．ラインスタンプを発売する？
４１．たんぽぽオムライスを作れるようになる
４２．フリーで働く？
４３．カフェを経営する？
４４．スカイダイビングをする
４５．スケジュール帳をプロデュースする
４６．メイドカフェに行く（またはバイトをする笑）
2015.9.26に達成！
４７．サーフィンをする
４８．滝内体験をする
４９．ネイルをしてもらう
５０．脱毛する
５１．アートアクアリウムに行く
５２．サバゲーする
５３．わんこそばする
５４．水タバコ吸う
５５．ハリネズミを飼う
５６．寝台列車に乗る
５７．競馬場に行く
まだまだ続く…
まとめ
やりたいことたっくさんあるって思ってたけど、書き出してみたら全然１００個に及びませんでした…笑
これからも随時、加筆・修正予定なので、感動することとかやってよかったこととかあったら教えてください！
人生の１００のリストの本！
人生でやりたい１００のリストをブログに書き始めた人？
おまけ
このリストを書く前に達成したことも書いておきます。
気になるものがあったら何でも質問してください！
・富士山の頂上でご来光を拝む
・ボランティアをする
・台湾に行く
・四国に行く
・ヒッチハイクをする
・フリーハグをする
・同棲をする
・屋形船に乗る
・カラコンをする
・お笑いライブを見る
・Macを買う
・バブルサッカーをする
・刑務所の中に入る
おわり
