Dr.ウーパのコンピュータ備忘録: 人気の投稿

ラベル 人気の投稿 の投稿を表示しています。すべての投稿を表示

2015年3月28日土曜日

Blogger:人気の投稿の表示期間をクリックで切り替え(改良版,画像の遅延読み込み)

ラベル: Blogger, Bloggerカスタマイズ, JavaScript, 人気の投稿

イントロダクション

以前、Google のブログサービス「Blogger」にて、人気の投稿の表示期間（全期間, 過去 30 日間, 過去 7 日間）を切り替えられる仕組みを作ってみました。

Blogger:人気の投稿の表示期間をクリックで切り替え(改良版)
http://upa-pc.blogspot.com/2015/02/blogger-popular-post-change-advance.html
Dr.ウーパのコンピュータ備忘録

それを実際に、このブログの人気の投稿として運用しているのですが、少し気になっている部分がありました。

それは、”見えていない”人気の投稿の期間の分まで、ページの読み込み時に投稿のサムネイル画像が読み込まれるという点です。

読み込み時の負荷を減らしたいという点では、”見えていない”人気の投稿の期間の投稿のサムネイル画像は、実際に見えるようになるときに読み込みたいものです。

そこで、今回は、前回作成した JavaScript コードと、Blogger のテンプレートの HTML に手を加えることで、”見えていない”人気の投稿の期間の投稿のサムネイル画像を、実際に見えるようになるときに読み込むように改良します。

2015年2月21日土曜日

Blogger:人気の投稿の表示期間をクリックで切り替え(改良版)

ラベル: Blogger, Bloggerカスタマイズ, JavaScript, 人気の投稿

イントロダクション

以前、Googleのブログサービス「Blogger」の、人気の投稿ガジェットの期間をクリックで切り替えられる仕組みを作成しました。

Blogger:人気の投稿の表示期間をクリックで切り替えられるようにしてみた - Dr.ウーパのコンピュータ備忘録
http://upa-pc.blogspot.com/2014/05/blogger_26.html

このブログでは、その時作成した JavaScript ソースコードをずっと今まで使ってきました。

自分自身、実際に使ってみてこの仕組みはとても便利なものでしたが、JavaScript コードに以下の問題があることがわかってきました。

2014年10月25日土曜日

Blogger:人気の投稿ガジェットのサムネイル画像を大きくする

ラベル: Blogger, ブログ制作, 人気の投稿

イントロダクション

Blogger の人気の投稿ガジェットでは、投稿内に含まれる画像をサムネイル画像として、各投稿の横に表示させることができます。

Blogger:人気の投稿ガジェットで画像のサムネイルが無い場合には指定した画像を表示する

ラベル: Blogger, ブログ制作, 人気の投稿

イントロダクション

Blogger の人気の投稿ガジェットを使用すると、人気のある（アクセスの多い）投稿の一覧を表示させることができます。

なお、人気の投稿ガジェットの表示のオプションで、画像のサムネイルを人気の投稿一覧のそれぞれの投稿の隣に表示させるように指定することができます。

この時に、投稿のサムネイルとして使用される画像は、その投稿の本文中に挿入されている画像です。従って、本文中に画像が使われていない投稿の場合には、サムネイル画像は表示されません。

すると、以下の画像のように、サムネイルがある投稿と、サムネイルの無い投稿とで異なった表示になってしまいます。

2014年5月26日月曜日

Blogger:人気の投稿の表示期間をクリックで切り替えられるようにしてみた

ラベル: Blogger, Bloggerカスタマイズ, JavaScript, 人気の投稿

イントロダクション

Blogger のガジェットには、そのブログ内で多くのページビューを得ている投稿の一覧を表示する”人気の投稿”があります。

この人気の投稿ガジェットでは、多くのページビューを得ている投稿を抽出するためのページビューの積算期間に応じて、次の 3 種類の積算期間を選択することができます。