カレンダー

11 | 2016/12 | 01
- - - - 1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31

広告



最近の記事

カテゴリー

DATE: CATEGORY:DEV


内部サイトも含めて、ブログ記事にサイトのリンクを貼り付ける際、
URLをコピーして貼り付けて、
タイトルをコピーして貼り付けて、
aタグでリンクにして、、、ってのがめんどくさい!!

ってことで、自分用にサイトへのリンク用HTMLを簡単に
生成するためのブックマークレットを作ってみた
ので晒してみる。
せっかくなのでサムネイル入りで作ってみました。

関連記事

Flickrの写真の正しいブログへの貼り付け方とブックマークレットを作ってみた:なんとなしの日記Flickrの写真の正しいブログへの貼り付け方とブックマークレットを作ってみた:なんとなしの日記hatena
Flickrの写真っていい写真がいっぱいあります。ブログに貼り付けるとキレイな記事になったりして、とっても使いたい。でも、ちゃんとFlickrの著作権のルールに


こちらは、今回の記事の続編です。
サイトへのリンクを簡単に生成するブックマークレット【改訂版】:なんとなしの日記サイトへのリンクを簡単に生成するブックマークレット【改訂版】:なんとなしの日記hatena
スマホから見た時の表示イメージが気に入らない。そんな理由で、先日作成したブックマークレットを少し修正しました。サイトへのリンクを簡単に生成するブックマークレット


とりあえずリンク


サイトリンク生成ブックマークレット

これをドラッグ&ドロップでブラウザのブックマークの所に
登録してしまってください。

使い方


リンクを作りたいサイトを開いたら、ブックマークレットを選択します。
そしたらポップアップでリンク用HTMLとサンプルが表示されるので、
あとはそのHTMLをブログに貼り付けるだけ。

貼りつけた時のサンプル


せっかくなのでサムネイルとかも表示するようにしてみました。
あとはてブ数も表示するようにしてみました。

結果としては、こんな感じのHTMLをサクッと生成します。
ウィキペディアの「無難な」正しい引用方法:なんとなしの日記ウィキペディアの「無難な」正しい引用方法:なんとなしの日記hatena
こんなニュースがありました。「地デジカ」説明文でウィキペディア盗用、民放連が該当部分削除[2009/05/11 12:48]ウィキペディアって簡単に使っちゃいけ


やってることを簡単に説明


サムネイル

Webページのimgタグを取得して使えそうなsrcを取得します。
imgがないときは、noimageの画像を取ってくる。

リンク

Webページのタイトルとリンクを取得してaタグを作る。
セットで「はてブ」のユーザ数も合わせて表示してみた。

内容説明

これは単純にdescriptionをとってきてるだけ。
descriptionがないサイトは表示されません。

コード


晒してたら詳しい人のアドバイスとかもらえるかなぁ、、
とか思ってコードを晒してみる。

タグ : TECH サイト リンク ブックマークレット bookmarklet

Comment

コメントの投稿

管理者にだけ表示を許可する


トラックバック


この記事にトラックバックする



copyright © なんとなしの日記 all rights reserved.
内職☆在宅ワークの最強は?アフィリエイト!. 初心者だってカッコ良いホームページ作るぅ!
Powered by FC2ブログ
Related Posts Plugin for WordPress, Blogger...