IT系フリーランスの技術備忘録

日々の業務で学んだ事の覚書やフィードバックなど。たまに関係ない記事も。

ブログにボケて(bokete)のネタを引用する方法

よく、Neverまとめや、アメブロの有名人ブログなんかで、ボケて(bokete)のネタをいい感じで張り付けている記事って見かけませんか?

こんなやつです。




出典 ボケて

こんな感じでブログにボケてのネタを張り付ける方法、最初はボケてのサイトから画像をダウンロードして張り付けているだと思っていたし、実際、ブログに画像を張り付けている人もいるんですが(Neverまとめなどでは張り付けている方式が多い)、このような感じの画像って、出典元のボケてのサイトからやろうと思うと、相当手間なんですよね。

(実際にやろうと思ってもらえればわかります💦)


しかも、ボケての引用方法を調べても、ちっとも方法が見つからない。


でも、今回、ようやくわかったので、他にも同じ悩みを持っている方もいるだろうという事で、方法をシェアさせて頂きます。


方法はHTMLやCSSの知識を持っている人なら簡単で、つまりは、上のボケての画像の部分のHTMLを開発者ツール(F12キーを押せば出るやつ)で表示させてコピペして、引用したいボケての出典番号(?)に変えれて張り付ければOKです。


これでは意味が分からない方も多いと思いますので、一つひとつ説明いたします。


まずは、ボケてのサイトから引用したいボケてのネタを見つけます。

f:id:microsoftcream87:20180414072958p:plain
 

例えば、このネタを引用してブログに張り付けたい場合、まずはURLにある出典番号(とかってに名付けました)をコピーします。

f:id:microsoftcream87:20180414074259p:plain

下記のHTMLコードのから、該当の番号を引用したいボケての番号に書き換え、それをブログに張り付ける。

<a href="https://bokete.jp/boke/11070463">
<img src="https://img-proxy.blog-video.jp/images?url=http://stamp.bokete.jp/11070463.png" style="display: inline;" title="「手を洗ってまいりました。」『うむ。思う存分撫でるがよい。』">
<noscript><img src="http://stamp.bokete.jp/11070463.png" title="「手を洗ってまいりました。」『うむ。思う存分撫でるがよい。』"></noscript> </a>
<a href="https://bokete.jp/" target="_blank">出典 ボケて</a>

うーん、これで伝わったかなぁ?