Maximal Life

渋谷で働く営業本部長のブログ

インターネット・ブログ

はてなブログ:グローバルナビをコピペで追加する方法

グローバルメニューを設置してみたいと思います。 グローバルメニューとは ヘッダーのタイトル下に HTML をコピペ デザインCSS へコードをコピペ グローバルメニューとは グローバルメニューとは、タイトル下によくあるリンクメニューの事です。 「グローバ…

はてなブログ:サイドバーのプロフィールに SNS ボタンなどを設置する方法

サイドバーのプロフィールをもう少しカスタマイズしてみたいと思いました。 現状は標準のプロフィールの画像を大きくしただけ。↓ ”読者になるボタン”、”Twitter フォローボタン”も標準のプロフィールで表示させてます。 これだと、順番の入れ替えすらできま…

はてなブログ:プロフィール画像を大きく目立たせる方法

はてなブログのプロフィール。 私はサイドバーのトップに表示しています。 しかし、標準だと写真も小さくて目立ちません。 これでは、about ページを見てみたいと思ってもらえません。 そこで画像を大きくしてみました。 デフォルトのプロフィール プロフィ…

はてなブログ:ヘッダー部分に画像を挿入し自分好みにカスタマイズする方法

はてなブログのヘッダー、何もいじっていない状態は至ってシンプル。↓ 今回はこれをカスタマイズしていきます。 はてなブログ標準のヘッダーメニューを非表示にする ヘッダーに画像を挿入する 画像をヘッダーに表示させる ヘッダーの余白をなくす タイトルと…

はてなブログ:おしゃれな SNS ボタンを記事上下に貼りつける方法

標準の SNSシェアボタンだと、形がまちまち、ガタガタで格好悪いですよね。 Before: SNS シェアボタンをおしゃれなボタンに変更したいと思って調べてみました。 もちろんコピペだけでできる方法です。 今回も Google 先生に調べてもらうと、見つかりましたの…

はてなブログ:見出しを格好良くカスタマイズ

いろんな方のブログを見ていると、格好良い見出しのブログが沢山あります。 自分のブログもああいう風にしたい...。 またまた、Google 先生にお願いしたら、解決策が見つかりました。 現状は以下のようになっています。 /****************文字サイズの変更**…

はてなブログ:エントリーの文字サイズの変更

はてなブログで記事を書いている訳ですが、歳のせいか最近文字が小さいと感じるようになりました。 調べてみるとデフォルトでは、PC・スマホともに 16.5px のようです。 という事でとりあえず記事部分の文字サイズを大きくしてみました。 もちろん、Google …

はてなブログ:Twitter のタイムライン表示

最近、はてなブログを頑張ってるんですが、同時に Twitter も頑張ってます。 今までは、Facebook 一辺倒だったのですが、Facebook は単なる身内同士の連絡手段でしかない。 これからは、ためになる情報を不特定多数の方にお届けしたいと思います。 その手段…

はてなブログ:テスト用ブログの作成

時間がある時には、グーグル先生にお世話になりながら、はてなブログのカスタマイズをしています。 「CSS とか HTML って何?」っていう私のカスタマイズは基本コピペのみ。 コピペでどんな感じになるのかは、ある意味ギャンブルなんです。 今までは本番環境…

はてなブログ:パンくずリストの導入

コピペオンリーでブログをカスタマイズしている私は常にネタを探してます。 ネットで先人の方々のカスタマイズを調べていて見つけました。 パンくずリスト 何の事かわからなかったのですが、これの事だったようです。↓ 設定方法はすごーく簡単です。 はてな…

はてなブログ:シェアボタンを画面横・画面下に固定する方法

通常シェアボタンは、記事の上、下に設置されています。 これだと記事を読む前か読んだ後にしかシェアボタンは押されません。 私のブログもそんな感じです。↓ 普通は、記事を読む前にシェアボタンを押す人はいないと思います。 「もし、記事の途中で読むのを…

はてなブログ:フッタにコピーライトを記載する方法

ネットサーフィンしていたら見つけました。 特に必須という事はないかもしれませんが、なんか格好良いのでやってみました。 ページの一番下に記載されているこういうやつですね。↓ Copyright(C) 2017-2018 ○○○ All rights reserved. 意味はあまり理解してい…

はてなブログ:上に戻るボタンを設置する方法

最近はてなブログのカスタマイズ記事を書くことが多くなりました。 基本的にはコピペでのカスタマイズ方法です。 コピペメインなので、長いコードを記事に貼り付ける事が結構あります。 閉開式コンテンツで表示・非表示を切り替えたかったのですが、やり方が…

はてなブログ:サイドバーの一番下のコンテンツを固定する方法

サイドバー固定って何? 私はトップページを一覧表示にして記事をダイジェストにしています。 記事の Max は 15 記事ですが、サイドバーの Bottom と丁度良い記事数にして調整してました。 ただこの方法だと、トップページ以外は調整できないんです。記事は…

はてなブログ:プライバシーポリシーの設置方法

そろそろ Google アドセンス を申請したいと思っています。 申請前にやるべきことは何かなぁ...と調べてみました。 いろいろな方のサイトを参考にすると、以下をやらなくてはいけないらしい。 はてなブログPRO に変更(済) 10以上の記事の作成(済) お問い…

はてなブログ:強調表示の太字部分に蛍光ペンのアンダーラインをつける方法

はてなブログでは、ブログ記事内の単語を強調したい場合、ボタンクリックだけで太字にしたり、下線を引いたりする事ができます。 私も太字・下線を利用していますが、デフォルトだとなんか変な色になってしまう?↓ この蛍光ペンのような部分の色を変えたいと…

はてなブログ:Font Awesome 5 でかっこいいアイコンを使う方法

グローバルナビゲーションを設置する時にも検討したのが、Font Awesome のアイコン。 今回、about ページをかっこよく編集するにあたり、オークニさんのブログ、オークニズムからコードをコピペさせて頂きました。 詳しくはこちらの記事をお読み下さい。↓ ww…

はてなブログ:about ページをかっこよく編集する方法

皆さんのブログを見ているとかっこいい About のページを作っている人が沢山いますね。 そのブログの主がどんな人かは確かに気になりますよね? 私もかっこいい About のページを作りたいと思いネットを徘徊していたら、素晴らしいブログを見つけました。 【…

はてなブログ:目次の作り方とカスタマイズ方法

他の方々のブログを読んでいると皆さん目次をつけていますね。 あれは記事の内容がひと目でわかって良いなぁとずーっと思っていました。 自分には難しいと思っていたのですが、ググってみると簡単そうだったのでやってみました。 こちらもログに残しておきま…

はてなブログ:自分の過去ブログをブログ内に貼り付ける方法

ブログを書いていて過去の自分のブログを貼り付けたいと思うことありますよね? 思ったけど、方法がわからなくて調べたので、ログっておきます。 カード形式で貼り付ける方法 ブログへの URLリンクを貼り付ける方法 文字にブログリンクを埋め込む方法 カード…

はてなブログPRO に登録するメリットとデメリット

私は 2006年の6月からはてなブログ(無料版)でブログを書いてきました。 そして2018年、とうとう念願のはてなブログ PRO に登録しました。 この機会に無料ブログから有料ブログへの移行を検討している方々のためにログを残したいと思います。 はてなブログP…

はてなブログPROに移行、独自ドメイン取得方法と各種設定方法

12年もはてなブログ(無料版)でブログをやっていました。 そしてとうとう、はてなブログPROに登録しました。 はてなブログPROにすると何が良いのかはこの記事でご確認下さい。↓ www.maximal-life.work PROに移行後にすべき事を調べるのが大変だったので、こ…

はてなブログ:サブブログの作り方と設定方法

これが私のはてなブログのダッシュボード。 既にサブブログは作ってありますが、備忘録として残しておきます。 ログイン-->ダッシュボード--> 新しいブログの作成 この作業で、新たなブログが3個まで作成できます。(無料の場合) ”渋谷で働く営業本部長のお…

はてなブログ:LINE ボタンとGoogle+

以前、LINE シェアボタンをスマホのみに表示したい事を書きました。 そうしたら先週、えんでぃさんがコードを書いてくれました。 実際には ”スマホ/タブレットの時にのみ LINE シェアボタンを表示します。” ↓ 以下がコメント欄に頂いた内容 *** ■無料ユーザ…

はてなブログ:IFTTT/buffer を使った SNS 同士の連携

最近、ちょっと気合を入れてブログをやろうと思い立ちました。 しかしながら SNS が主流の時代はブログと SNS の関係が重要ですよね? この辺りでブログ、SNS の連携について整理してみたいと思います。 まずは、私はやっているブログ、SNSは... - はてなブ…

はてなブログ:SNSシェアボタンの変更

昨日、えんでぃさんに頂いた SNSシェアボタンをブログに設置しました。 その後も次のブログのカスタマイズをググっていると見つけました。 LINE ボタンもある SNSシェアボタン。 www.secret-base.org これならデザインからのボタン設置は必要なし。 テーマも…

はてなブログ:SNS シェアボタン設置

先日、はてなブログのテーマを変更した事は書きました。 その時に参考にさせて頂いた”えんでぃ”さんからコメントを頂きました。 私のブログのリンクエラーを見つけて下さり、修正をアドバイス。 そして私が悩んでいた SNS ボタンのコードまで書いて下さいま…

はてなブログ:ブログテーマ変更

ちょっと思うところあり、ブログをリニューアルしようと思います。 本当は書く内容を考えるべきなのですが、形から入る人間なので、テーマの変更から。 いろいろと調査し、Brooklyn と Minimalism で悩みました。 こういう時は長いものには巻かれちゃいまし…

IFTTT(イフト)

先週の事ですが、面白いツールを見つけました。 IFTTT(イフト) これ、簡単に言うと自動化ツールです。 「A が xxx したら B は xxx する」っていうルールを沢山作れます。 何が便利かというと、連携できないアプリ同士を連携させる事ができます。 私がやり…

Flickr から Picasa Web アルバムへの変更

昼間に作業した Slideshow ですが、Picasa Web アルバムでのやり方が分かったので変更しました。今後は Google で統一した方が何かと便利かという単純な理由です。しかしながら苦労しました。まず、Blogger ガジェットがうまく表示されない。そこで仕方なく…