「いいね！」ボタンの付け方

一旦ブログを削除してしまったので、以前書いた「いいね！ボタンの付け方」が消えてしまいました。
質問を受けたので、折角なので再掲したいと思います。

まずボタンの画像を挿入します。

　←　ファイル名は「iine.jpg」としておきましょう。

この段階で自動的に下のようなHTML文が貼り付いています。

<p><img style="margin: 3px;" title="Iine" src="http://summercome.cocolog-nifty.com/photos/uncategorized/iine.jpg" alt="iine" width="60" height="43" border="0" /></p>

が、これだけだとそこに画像があるだけなので、ボタンを押したらいいね！が出来るように命令を書き加えます。

ちなみにこのHTML文を見るには、編集時に「リッチテキスト」から「通常エディタ」に変更する必要があります。
つまり作業は通常エディタで行います。

書き加える命令は以下の通りです。

<p><a href="http://game.nifty.com/likes/new?user_id=1521773&amp;url=http://summercome.cocolog-nifty.com/blog/2019/06/post-8bf6c4.html"><img style="margin: 3px;" title="Iine" src="http://summercome.cocolog-nifty.com/photos/uncategorized/iine.jpg" alt="iine" width="60" height="43" border="0" /></a></p>

先程、画像を挿入した時に自動的に書かれた文章の、<p>の次の位置に書き加えて下さい。

上手く書けると、この「いいね！」ボタンを押したらいいね！が出来るようになります。 

それではもう少し解説を付け加えます。

<p><a href="http://game.nifty.com/likes/new?user_id=1521773&amp;url=http://summercome.cocolog-nifty.com/blog/2019/06/post-8bf6c4.html"><img style="margin: 3px;" title="Iine" src="http://summercome.cocolog-nifty.com/photos/uncategorized/iine.jpg" alt="iine" width="60" height="43" border="0" /></a></p>

3行の文章は各自カスタマイズが必要です。

あああの部分はあなたのユーザーID

あああの部分はあなたのブログのURL

あああの部分はその記事のURL

ブログを書いたら記事の最後にこの3行を書き加えるだけです。一度作ってしまえばコピー・ペーストでOKです。
その場合はあああの部分だけを、記事を書く度に修正します。

あああの記事URLは、記事を保存しないと決定しないので、一度「今すぐ公開」で記事をUPし、その後この部分だけを修正すれば完成です。

もちろんその都度画像（いいね！ボタン）を挿入する必要はありません。この3行を書き加えれば自動的にボタンも貼り付きます。

P.S.質問して下さったあさひさんの場合は、最後の記事にボタンを付けるなら以下の文章で大丈夫かと思います。

<p><a href="http://game.nifty.com/likes/new?user_id=293206&amp;url=http://f4f4f4.cocolog-nifty.com/1/2019/06/post-ab4f5f.html"><img style="margin: 3px;" title="Iine" src="http://f4f4f4.cocolog-nifty.com/photos/uncategorized/iine.jpg" alt="iine" width="60" height="43" border="0" /></a></p>

それでは最後にこの記事が良かったと感じたら、いいね！をお願いします。m(__)m