~ モバイル版(スマートフォン)の操作 ~
左右にスワイプすると、前後の投稿へ移動します。
← 前の投稿 | 次の投稿 →
日々のコンピュータ情報の集積と整理

Dr.ウーパのコンピュータ備忘録

2015年3月21日土曜日

Blogger:過去の記事をタイトル・サムネイル付きで紹介したい!:プロトタイプ(Ver0.1)公開 - Blogger過去記事紹介リンク作成シリーズ


スポンサーリンク

イントロダクション

ブログを書いていると、今書いている記事の中に、過去に自分が投稿した記事へのリンクを挿入したくなる場合があります。

ブログサービスによっては、記事の編集画面にて、過去の記事を探すことができます。
そして、サムネイルや要約付きで今書いている記事の中に埋め込むことが出来るものがあります。


しかし、Googleのブログサービス「Blogger」には、そのような機能はありません。
Blogger にあるのは、リンク先の URL を入力することで、その URL へのリンク(a タグ)を作成する機能くらいです。


ないのなら、作ってしまえばいいじゃない!
ということで、自分の過去の記事の URL を入力すると、タイトル・サムネイル付きで紹介することのできる HTML を出力するページを、 JavaScript で作成してみました。


自分の過去の記事の URL を入力すると、タイトル・サムネイル・要約付きで紹介することのできる HTML を出力するページを、 JavaScript で作成

実際の動作しているサービス

Dr.ウーパのコンピュータ備忘録: 過去のBloggerブログ投稿の紹介リンク作成サービス - ver0.1.7 
http://upa-pc.blogspot.jp/p/v0-1-past-blogger-blog-post-link.html

過去のBloggerブログ投稿の紹介リンク作成サービス - ver0.1.7  Blogger ブログの投稿のURL を入力すると、 そのページの紹介リンクを作成する
過去のBloggerブログ投稿の紹介リンク作成サービス - ver0.1.7

Blogger ブログの投稿のURL を入力すると、
そのページの紹介リンクを作成する

使い方は、簡単です。

自分の Blogger ブログの、過去の投稿の URL を入力して、生成ボタンを押すだけです。

そして、生成された貼り付けコードを、ブログの投稿の HTML に貼り付けます。


現在、プロトタイプ試験中です。
今後、予告なく、機能の追加・改善等を行う可能性があります。


過去のBloggerブログ投稿の紹介リンク 作成例

サムネイルあり・URL表示あり


Blogger:JavaScript:新着情報を表示するガジェットを作成(6)-記事の投稿日を追加
http://upa-pc.blogspot.com/2015/03/blogger-new-post-list-gadget-javascript-6.html
Dr.ウーパのコンピュータ備忘録

サムネイルあり・URL表示なし



サムネイルなし・URL表示あり


USBケーブル:InfiniteUSBを見たら、GP-IBケーブルを思い・・・出した!
http://upa-pc.blogspot.com/2015/03/infinite-usb-like-gp-ib.html
Dr.ウーパのコンピュータ備忘録

サムネイルなし・URL表示なし




このように、サムネイルのありなし、URLの表示のありなしによって、現在 4 パターンの Blogger の過去記事の紹介リンクを作成することができます。


今後の予定

今後はしばらくプロトタイプ版を使ってみて、使いづらい点や改良した方が良い点を収集していきます。

そして、それらを反映させた、次期バージョンの開発を行っていきます。



スポンサーリンク

コメントを投稿

コメント投稿機能について