2017 - 01 - 05 はてなブログの教科書：-Kitarouコレクション- 日記 共感した人挙手！ ライフハック シェアする Bookmark! Facebook Twitter Google+ Pocket どもどもブログのページ編集もまたそろそろやらないと中途半端に手抜きしているところが目立ってきている気がします。 ど初心者無知ブロガーのKitarouです。 今日はブログ編集にあたって筆者が参考にしてきたものをご紹介しようと思います。 目次 目次 現在まで はてなブログのバイブル（ド初心者向け） はてなブログのバイブル はてな登録から大活躍！ ブログのイメージ選びも！ SNSとの連携も！ HTMLやCSSの基礎知識も（←記載だけでじゃない） 気をつけたい点 でも自分風にアレンジしたい！ 編集したいけど金かけたくねーよ。。 これ以上課金は嫌だ！ 初心者のブログ記事のサポートしてく

はてなブログだけでなく、アマゾンや楽天・ヤフーショッピングの商品を紹介する際にはブロガーのかん吉さんが作ってくださったサービス「ヨメレバ・カエレバ」を使うことで 簡単にリンクを作成することができます。 それらを綺麗に表示させるカスタマイズはもう出ているのですが、先日あるブロガーさんに会ったときにカスタマイズをしたら喜んでいただけたので、紹介したいと思います！ 参考リンク 実装図 カスタマイズの注意点 カスタマイズ PC スマホ レスポンシブ その他のカスタマイズ 最後に 参考リンク 今回のカスタマイズはほとんど今までやってこられていた方をちょっと変更したような形になっているため、あらかじめ参考リンクを貼っておきます。ありがとうございます！ shufulife.com 実装図 実際に導入した様子はこんな感じになります。 PC スマホ PCでバランスよく表示させたのと、スマホではなるべくコンパ

「はてなスター」に関する連絡や「Myはてなのレポート」などが、登録メールアドレス宛に届くのですが、これってあんまり必要ないような気がします…。 ということで、送信されない設定に変更してみました。 メッセージの設定はこちらのページから。 http://m.hatena.ne.jp/settings 「通知先」に登録してあるメールの設定を変更 「毎回送信する」 「1日に1度送信する」 などの選択肢がありますが、 「送信しない・ウェブで読む」に変更しました。 一応、念のためにその下の「メッセージ通知」も設定を変更 私の場合、初期設定ではこうなっていました。 （携帯メールアドレスは最初から未登録のまま。） はてな からの Myはてなレポート ☑PCメール □携帯メール はてなスター からの ☆レポート ☑PCメール □携帯メール PCメールのところにチェックが入っているので、両方とも外しておきまし

はてなブログ専用のブログパーツをJavaScriptで作ったよ。廃止が公示されているGoogle Feed APIを使っていないので、はてなブログの仕様が変わらない限り突然使えなくなることはないはず。コピペするだけなので1分で設定完了だよ。 概要 はてなブログの記事にカテゴリーを設定している場合、そのカテゴリーの最新記事一覧を関連記事として表示できる。カテゴリーをふたつ以上設定しているなら、タブでカテゴリーを切り替えられる。 特徴 無料。 登録不要。 カテゴリーごとの最新記事一覧を表示でき、タブでカテゴリーを切替えられる。 サムネイル/投稿日/記事タイトル/リード文の有無を自分の好みに応じて表示/非表示を選択できる。 ブログカードを使っていないので、CSSでデザインを自由に変更できる。 表示するサムネイル画像を選択できる。 最初に表示される最新記事一覧は、その記事に最初か最後につけたカテゴ

Site will be available soon. Thank you for your patience!

どうもスーです。今週もブログのカスタマイズの振り返りをやっていきます。今回は外見からは分かりづらい内面的なものとスマホ関連を中心にいじりました。結構細かいところばかりなのですが記録として残していきます。 共通カスタマイズ 画像タイトルとaltを編集できるようにする youtube動画を軽くする 外部リンクを別タブで開くようにする サイドバーの関連記事を記事下へ 目次を隠す スマホカスタマイズ スマホのカテゴリー一覧の名前を変更 スマホのカテゴリーボタンをフッタにも配置 フッタに詳しいプロフィールをおく（改良） スマホの記事下のフォローボタンを外しフッタのページャ下に配置を変える プライバシーポリシー プライバシーポリシーをグローバルメニューへ配置 プライバシーポリシー用のページ作成 最後に 共通カスタマイズ 画像タイトルとaltを編集できるようにする なんのことか分かりづらいですよね。 き

ブラックとホワイトを基調としたシンプルなデザインのテーマです。 レスポンシブデザインでスマートフォンにも対応しています。 そして、カスタマイズ用のCSSも記述されているので、様々なカスタマイズが簡単に行えます。 デモページ http://brooklyn.hatenablog.jp/entry/2016/02/01/193746 カスタマイズの方法はこちらの記事を参考にして下さい。 https://www.notitle-weblog.com/entry/2016/02/04/171538 主にできるカスタマイズは、グローバルメニューの設置、オシャレなシェアボタンの設置、読者登録ボタンの追加。WEBフォントの利用です。 2016 2/10追記： 目次の背景、見出しを大きさを変えて見やすくしました。 2016 5/4追記：ある程度ウィンドウサイズが狭くても２カラムになるように修正いたしました