リンク先をかっこ良く見せる ShareHTML の使い方



ブログをやっていると色々なサイトからインスピレーションをうけたり、参考にさせてもらったりとかすることもあると思うんですが、そういう時にかっこいい引用が出来ると言いですよね!

で、よく見かける↓こういうやつを作りたくて色々調べました。

basara669.com | Web Designer +Web Enengineer based in Tokyo.

 

調べてみたところこれは@hiro45jp「Share HTML」 というブックマークレットで出来るサービスらしいです。

普通のサラリーマンのiPhone日記

↑早速使ってみましたw

使い方はこちらの記事を参考にしてます。

神ブックマークレット ShareHtml , AppHtml の導入&使用方法(作者 @hiro45jp さん) | なまら春友流
普通のサラリーマンのiPhone日記 …

basara669はどう使っているか

私の使い方なのですが、ほとんど、「なまら春友流」で書かれているやり方と一緒です。

  • テキストの文字は100文字
  • 左サムネイル大

コメントの位置なのですが、若干あの位置は見づらい(自分でCSSを直せば良いのですけれども。。)ので、空欄にして使っています。
それでも、このサービスのお陰で非常にリンクがわかりやすいように思います。

公式にはChromeでは動かないとあるのですが、全然動きますね。
私はChromeをメインで使っていますが、問題なく使用できています。
ただ、ブラウザに関係が無く動かないページもあるっぽいです。。
JSの関数名がかぶっているから動かないんですかね〜。
そういうところの場合は普通にリンクを作るしかないですかね〜。。

とりあえず動かない場合ってのは全然多くないので普通に使っている場合には問題無いと思います!
キレイなページになってくるととてもブログも楽しくなってきますね!
執筆環境整ってきた〜!!

ではでは