2019年 5月のアーカイブ
帰ってきたブロガラー

帰ってきたブロガラー

私は時々、いやほぼ毎日と言っても過言でないくらい、何もかも葬り去ってリセットしてしまいたくなるという厄介な衝動に駆られる時がある。 今までは一応理性が仕事して冷静になって思い留まったり、せいぜい何か一つだけ捨てちゃう程度で気が収まっていた。

ブロガラーとは

ブロガラーとは

この記事は旧ブログで2019年3月24日に投稿したものを一部リライトしています。 どういう意味? 最近私のTwitterフォロワーさん界隈でジワジワ広まりつつあって、このブログのサブタイトルにも書いてある「 ブロガラー ( Bloggerer )」という謎のワード。一体こ...

Bloggerユーザーさんたちとの繋がり

Bloggerユーザーさんたちとの繋がり

旧ブログで2019年2月7日に投稿した記事です。 Blogger ユーザー繋がりで最近よくTwitterでお話しする さんがつ( @sangathusaezuri )さん。 その さんがつさんが先日こんなつぶやきを・・・

2 |

【Contempo】トップページのサムネイル画像にパーマリンクを付ける

【Contempo】トップページのサムネイル画像にパーマリンクを付ける

Contempo テーマは、人気の投稿ウィジェットのサムネイル画像には記事へのリンクが付いているのに、何故かブログの投稿記事と注目の投稿の画像はリンクになっていません。 ということでHTMLを弄ってリンク化させます。

「次の投稿」「前の投稿」を記事タイトルに置き換えるスクリプト (別のおすすめスクリプトを追記しました)

「次の投稿」「前の投稿」を記事タイトルに置き換えるスクリプト (別のおすすめスクリプトを追記しました)

はじめに Contempo や Emporio 等の公式新テーマの場合は、予めページネーション(前後記事リンク)を表示させるようにしておく必要があります。詳しい手順はこちらを御覧ください →

17 |

投稿日表示のフォーマットのカスタマイズ (エラーになる場合の対処法を追記しました)

投稿日表示のフォーマットのカスタマイズ (エラーになる場合の対処法を追記しました)

投稿日の表示を日本語仕様(年月日)に変更します。 このカスタマイズは Contempo や Emporio 等、新バージョンのテーマ用です。

2 |

オリジナルデザインのSNSシェアボタンを付ける

オリジナルデザインのSNSシェアボタンを付ける

【2020/10/25 追記】 Pinterest ボタンのコードを追加しました。 リンクコピーボタンも Font Awesome アイコンにしました。 角型デザインボタンのCSSは削除しました。

HTML サイトマップウィジェット  (2022/07/10 一部を改良したコードを公開しました)

HTML サイトマップウィジェット (2022/07/10 一部を改良したコードを公開しました)

こちらの My Blogger Lab で紹介されているウィジェットを日本語化しました。 My Blogger Lab How to Add an HTML Sitemap Page in Blogger Want to create a sitemap page with ...

15 |

ページネーション(前後記事リンク)を表示させる

ページネーション(前後記事リンク)を表示させる

Contempo や Emporio 等の新テーマでデフォルトでは表示されない前後記事リンクを表示させます。

番号付きページャーの設置

番号付きページャーの設置

記事一覧ページの前後記事リンクを番号ページャーに置き換えるカスタマイズを紹介します。 こちらの Mr Blogger Tricks さんでで紹介されいるウィジェットを少し改造したものを導入します。

37 |

ページャー機能付き最新記事ウィジェット

ページャー機能付き最新記事ウィジェット

全記事遡って表示可能なページャー機能付きの最新記事ウィジェットです。 オリジナルコードを改良して、サムネ画像の WebP 化や loading="lazy" による遅延読み込み仕様になっています。 QooQ、Essential、Emporio でレイアウ...

11 |

最新コメントウィジェット (別のおすすめウィジェットを追記しました)

最新コメントウィジェット (別のおすすめウィジェットを追記しました)

このウィジェットについて 投稿者名とコメント概要のみのシンプル表示。記事タイトルやコメント投稿日時は表示されません。 コメント内に a タグ(リンクタグ)が含まれているとレイアウトが崩れる可能性があるので注意。 Font Awesome導入済みの環境では、コメント投...

ページトップに戻るボタンの設置(ページ最下部へ飛ぶボタンを追加しました)

ページトップに戻るボタンの設置(ページ最下部へ飛ぶボタンを追加しました)

このウィジェットについて jQuery を使用します。 Font Awesome のウェブアイコンを使用します。 CSS はお好みで適宜変更して下さい。 テーマ編集は必ず予めバックアップを取ってから行って下さい。 Font Awesome の導入 以下のコードをテ...