【アメブロカスタマイズ】コメント投稿ボタンの画像を変更する方法

私は他のブログもいくつか作ったことはありますが、アメブロって特にコメントがしにくいブログですよね。

本当は、コメントのフォームがそのまま表示されるほうがいいのですがそれはできないっぽいので

このように表示されるものをもっと見やすくしてみました。

こっちのほうがコメントしやすいかなと思います。

もうちょっと色をつけるといいかもしれませんね。

では、実際にやっていきましょう。

まず、下記のリンクを右クリックをし「対象ファイルを保存」を選択してダウンロードしてください。

＞＞画像のダウンロードはコチラ

そうしたら、ブログの管理画面で画像をアップデートしてから下記の画像１と画像２にＵＲＬを貼り付けてＣＳＳの一番下にコピー＆ペーストをしてください。

/* コメント投稿ボタン画像を変更する方法　ここから */ #comment_show{ border:none; } #comment_show h4{ display:none; } #comment_show p{ display:none; } #comment_show li input#commentbutton{ display:block; margin:auto !important; width:320px !important; height:213px; text-indent:-9999px; border:none; background-color:transparent; background-image:url(画像); } /* コメント投稿ボタン画像を変更する方法　ここまで */

これでコメント投稿ボタンは完成です。

もし、ご自身で画像を製作する場合は、青い文字の部分の数字を変えてくださいね。

>>動画版はコチラをクリックする（アメンバー登録が必要となります）