Make LinkとCoLtのSSL化とその他

僕はMake Linkを普通に使えていますよ。
Firefoxのバージョンは51.0.1です

次にお聞きしたいのはMake Link　と　CoLt　の画像を所得するとSSLが出来ませんがこれをSSL化にするのは無理ですよね!?

「画像を所得するとSSLが出来ません」という状態がよくわからないです。もう少し詳しく説明をお願いします。
僕が使用しているMake Linkでは、普通に画像のタグも作成できています。

HeartRails Captureのサムネイル画像部分で、混在コンテンツエラーが出るということですか？

全部きれいにSSL化したいというのはわかります。

とりあえず、記事の方を修正しました。
https://nelog.jp/makelink-exsamples
https://nelog.jp/colt-exsamples

HeartRails Captureは、SSL対応をしてないっぽいので代わりのサービスとして、Wordpressのサムネイルサービスを利用しました。
https://s0.wordpress.com/mshots/v1/

とりあえず、Make Linkの方はこんな感じです。

サムネイル＋リンク

<div style="overflow:hidden; margin: 20px 0;">
<a href="%url%" target="_blank">
<img style="margin-bottom: 20px; float: left; margin-right: 0.5em;" src="https://s0.wordpress.com/mshots/v1/%url%?w=120&h=120" alt="" width="120" height="120" />
</a>
<a href="%url%" target="_blank">%text%</a>
</div>

サムネイル＋リンク＋はてブ

<div style="overflow:hidden; margin: 20px 0;">
<a href="%url%" target="_blank">
<img style="margin-bottom: 20px; float: left; margin-right: 0.5em;" src="https://s0.wordpress.com/mshots/v1/%url%?w=120&h=120" alt="" width="120" height="120" />
</a>
<a href="%url%" target="_blank">%text%</a>
<a href="https://b.hatena.ne.jp/entry/%url%" target="_blank">
<img src="https://b.hatena.ne.jp/entry/image/%url%" border="0" alt="" /></a>
</div>

サムネイル＋リンク＋はてブ＋説明文

<div style="overflow:hidden; margin: 20px 0;">
<a href="%url%" target="_blank">
<img style="margin-bottom: 20px; float: left; margin-right: 0.5em;" src="https://s0.wordpress.com/mshots/v1/%url%?w=120&h=120" alt="" width="120" height="120" />
</a>
<a href="%url%" target="_blank">%text%</a>
<a href="https://b.hatena.ne.jp/entry/%url%" target="_blank">
<img src="https://b.hatena.ne.jp/entry/image/%url%" border="0" alt="" /></a><br />
%title% 
</div>

CoLTの方はこんな感じです。

サムネイル＋リンク
<div style="overflow:hidden; margin: 20px 0;"><a href="%U" target="_blank"><img style="float:left;margin-right:.5em;" src="https://s0.wordpress.com/mshots/v1/%U?w=120&h=120" alt="" width="120" height="120" /></a><a href="%url%" target="_blank">%T</a></div>

サムネイル＋リンク＋はてブ
<div style="overflow:hidden; margin: 20px 0;"><a href="%U" target="_blank"><img style="float:left;margin-right:.5em;" src="https://s0.wordpress.com/mshots/v1/%U?w=120&h=120" alt="" width="120" height="120" /></a><a href="%url%" target="_blank">%T</a><a href=https://b.hatena.ne.jp/entry/%U target="_blank"><img border="0" src=https://b.hatena.ne.jp/entry/image/%U border="0" alt="" /></a></div>

サムネイル＋リンク＋はてブ＋説明文（選択テキスト））
<div style="overflow:hidden; margin: 20px 0;"><a href="%U" target="_blank"><img style="float:left;margin-right:.5em;" src="https://s0.wordpress.com/mshots/v1/%U?w=120&h=120" alt="" width="120" height="120" /></a><a href="%U" target="_blank">%T</a><a href=https://b.hatena.ne.jp/entry/%U target="_blank"><img border="0" src=https://b.hatena.ne.jp/entry/image/%U border="0" alt="" /></a><br />%S</div>