てんたんの庵-本舗-

FF14を中心に、他PS4のゲーム日記みたいなブログです~

はてなブログ備忘録

このブログで実際に行った設定・カスタマイズを備忘録として書き留めておきます

はじめに

このページにはソースコードを直接書き込みたいので

Gistというウェブサービスを使用します

Gist  

 アカウント登録(無料)後

ログインするとこの画面になると思います

f:id:tentan_pso:20190407130310p:plain

番号順に記入

f:id:tentan_pso:20190407130317p:plain

ここの埋め込みコードをコピーして

ブログの貼り付けたいところにペースト

※htmlが書けるところでペーストすること 

 

各種サービスを使用するために

貼り付け場所:設定→詳細設定→検索エンジン最適化→headに要素を追加

FF14のツールチップ

jQuery

 Font Awesome

 

はてなブログのテーマ『マテリアルぽっぷ』でのカスタマイズ

デモサイトにあるコードを少し修正・削除したりしてある部分もあります

トップページを3カラムからメニュー有り3カラムに変更

貼り付け場所:デザインCSS

プロフィール部分

背景画像と文字色

貼り付け場所:デザインCSS

画像URLのところにアップロードした画像のアドレスを調べて書く

リンクボタン

貼り付け場所:サイドバー→モジュール→プロフィール→ブログの説明のところに直接書き込む

ツイッターのURL

ツイッターのプロフィール画面のところのです

https://twitter.com/○○○○のアカウント名まで全部 

タイトル下のメニュー

貼り付け場所:デザイン設定→ヘッダ→タイトル下

ブログアイコンはこちらのサイト  を参考に『クラス名』のところを書き換えてください

メインカラーの変更

貼り付け場所:デザインCSS

カラーコードはこちらのサイト  を参考に

それ以外のカスタマイズ

カレンダー

貼り付け場所:デザインCSS

リンク背景を円形にしました

記事のある日は白丸 マウスオーバーで黒丸白字に

画面右下に上に戻るボタンとホームへ戻るボタン追加

貼り付け場所:デザインCSS

ボタンの大きさはwidth、height、line-heightの3つを同じにしないと表示がおかしくなるかも。。。

配色はカラーコード参照

 

貼り付け場所:デザイン→カスタマイズ→フッタ

ブログURLのところを自分のサイトアドレスに

トップページのサムネイルを変更

サイズはそのままに広い範囲で表示するように

貼り付け場所:デザイン→カスタマイズ→フッタ

記事下にツイッターのシェアボタン設置

貼り付け場所:デザイン→カスタマイズ→記事→記事下

 

貼り付け場所:デザインCSS

今のところこのくらいなはず、、、

書き漏らしてなければ💧