かぷりころぐ

Octopus dumplings Food stands

【HTML/CSS】初心者でも簡単!ブログカスタマイズに役立つおすすめ記事38選!!

f:id:caprico_360:20171019174757j:plain

 

この記事は随時更新していきます
(最終更新:2017/10/25)

2017/10/25 関連記事1記事追加
2017/10/23 フォント1記事削除
2017/10/23 関連記事1記事削除
2017/9/23 Font Awesome追加
2017/9/19 初出

 

さて、私は10年やってる別ブログを持っていて、そっちは2000記事くらいアップしてるんですが、HTMLやCSSは殆ど触っておらず、色々弄ったのは「はてなブログ」が初めての経験となります。そんなど素人の私でもサクサクっとブログカスタマイズできたのは、ひとえに先達の皆さんの記事の数々のおかげです。

 

私のような右も左も分からない素人は世の中に沢山いる筈なので、その人たちが今後ブログを作りやすい様、また私の備忘録としても、これは便利!というおすすめ記事をまとめました。

ありがたい事に、初心者の人でもコピペのみで大体の事は実現できますよ!

 

 

ブログカスタマイズに役立つ、おすすめ記事一覧!

 

最初に

はてなブログの登録、独自ドメイン取得

niche.hateblo.jp

www.kototoka.com

 

Googleアドセンス 

Google AdSenseの申請、運用、記事への自動挿入

jalmilenavi.hatenablog.com

uxlayman.hatenablog.com

www.mutant-tetsu.com

www.kanamalu.com

tanweb.net

www.dagasorega-e.net

 

Amazonアソシエイト・楽天アフィリエイト

Amazonアソシエイト・楽天アフィリエイトの申請、運用

www.omkrsbrn.com

chan50.hatenadiary.jp

blog.gyakushu.net

www.travelhacks.tokyo

 

カエレバ・ヨメレバ 

商品の紹介方法、カエレバ・ヨメレバ の利用

www.ituore.com

www.yukihy.com

 

SNS・フォローボタン 

各種ボタンのスタイル変更

www.ituore.com

www.ituore.com

 

グローバルメニュー 

グローバルナビゲーションの作成

ground-sesame.hatenablog.jp

www.yukihy.com

akiueo.hatenablog.com

 

関連記事

関連記事のカスタマイズ、スタイル変更

www.notitle-weblog.com

www.suzushin7.jp

www.yukihy.com

saruwakakun.com

 

フォント

文字の大きさ、フォントの変更、行間、蛍光ペン風

www.north-geek.com

daresore.hatenablog.jp

yanoshiho.hatenablog.com

 

ヘッダー

ヘッダーのカスタマイズ、画像

tawashino.hateblo.jp

matoyomi.hatenablog.com

 

サイドバー

サイドバー一番下のモジュールを固定

www.nainaism.com

 

見出し

見出しデザイン

saruwakakun.com

 

囲み枠

囲み枠デザイン 

saruwakakun.com

 

引用

引用デザイン

saruwakakun.com


 

Font Awesome

アイコンの使い方

saruwakakun.com

 

色の変更、一覧

www.colordic.org

 

はてなブログパーツ

不要なパーツを非表示

chipspd.hatenadiary.jp

www.mataro1.com

 

スマホ版不具合

縦スクロールバー2個、横スクロール発生

chipspd.hatenadiary.jpwww.kouritsu30.com

 

以上!

上記の方々に感謝しつつ、ありがたく活用させて頂きましょう。

 

 

その他の便利記事は↓↓