【blog】Webサイトやブログにいいねボタンを簡単に設置することが出来るプログラム

こんにちは(・∀・)
web design lab中の人です。

Webサイトやブログに「いいねボタン」を簡単に設置することが出来る良いプログラムを見つけました！

Webサイトやブログにいいねボタンを簡単に設置することが出来るプログラム

Webサイトやブログに「いいねボタン」を設置する場合、レンタルホームページやWordPressなどのCMSとかで構築されているWebサイトならプラグインで一発設定出来るんだろうけれど、HTMLスクラッチで作られているWebサイトでは「いいねボタン」も自分で設置しなければならない。

自分が管理している他のブログに「いいねボタン」を設置したいんだけど、一からコードを書く時間が無い。

ネットにDBを使わないで使いやすそうなプログラムないかなーと探していたら...

ありました。

個人サイト向けいいねボタンプログラム配布ページ | do - 創作・同人サイト制作支援サイト

本来、自分で書かなくてはいけないところですが、自分が使いたいと思っていたまんまの仕様なので、マルっと使用させていただくことにしました。

こちらのページの案内によると今回ご紹介するプログラムは「旧版」で新規利用のおすすめはしないとのことなのですが、「新しい版」は自分の使いたい仕様とはちょっと異なるので、今回は「旧版」を使わせてもらうことにしました。

プログラムやスクリプトはパスやメッセージを変えた以外はほとんどいじってませんが、CSSだけちょこっと変更してあります。

いいねボタンメインのページはこちら
　個人サイト向けいいねボタンプログラム配布ページ
いいねボタンデモページはこちら
　いいねボタンデモページ
いいねボタン設置手順はこちら
　旧いいねボタン設置手順

参考までにオリジナルの「いいねボタン」のデモページ画像を貼っておきます。実際の動作確認やプログラムのダウンロード、設置方法については出典元サイトを参考にしてください。

「いいねボタン」がクリックされるとメッセージが表示されます。これは設定で無しにも出来ますし、デザインを変更することも出来ます。

ここまで読み進めてくればもうお気づきだと思いますが、このページにも「いいねボタン」を画面右下の上に戻るボタンの上に設置しました。

オリジナルからの変更点は、画面をスクロールすると画面右下に、「いいねボタン」プログラムが常時表示されるように変更してあります。

本プログラムを開発したサイトには設置方法など詳細に書かれていますので、このプログラムが気になった方はそちらをご覧いただければと思います。do | 創作・同人サイト制作支援サイト

参考

Apple iPhone 15 (128 GB) - グリーン
https://amzn.to/3R7O2nv