「お気に入りに追加」ボタン(3) デザインのアレンジ

お気に入りのボタンの続きです。 ボタンを設置できたら、自分のサイト・ブログに合わせてアレンジしたくなってくるかもしれませんね。 そこで今日取り上げるのは、ボタンのデザインを変える方法です。 今回は本文が長いです。 覚悟のうえで、続きをどーぞ。

続きを読む

「お気に入りに追加」ボタン(2)

「お気に入りに追加」ボタンに関する補足です。 ボタンの周りにはスペースが開いてしまうんです。 このブログの場合は、下のほうに設置したので、そのスペースが目立たないと思いますけど…。 ブラウザが自動的に<FORM>タグの前後に空白行を挿入するのが原因だそうです。 あなたのせいじゃないの。ブラウザのせいなんです。 (最初、自分が余計なタグやスペースを入れたんじゃないかと悩んだ経験がありますよ、私…^_^;) 前回とは違う、シンプルなHTMLで説明しますね。 お気に入りボタンのHTMLタグは、こんな感じ↓でできています。 【初期状態】 <form> <input type="button" onclick="window.external.AddFavorite ('http://testomomo.seesaa.net/','カスタマイズ実験室')" value="お気に入りに追加"> </form> 【余白なし指定】 formタグに、余白なしの指定をしましょう。 赤字の部分を追加します。 <form style="margin:0px"> <input type="button" onclick="window.external.AddFavorite ('http://testomomo.seesaa.net/','カスタマイズ実験室')" value="お気に入りに追加"&g…

続きを読む

「お気に入りに追加」ボタン(1)

補足:「お気に入りに追加」ボタン (2)を追記しました。 ⇒記事はこちら 前から付けたいと思っていた、お気に入りに追加ボタンを付けてみました。 左サイドに新設したプロフィールの下にあります。 (とりあえず今はここですが、移動させるかもしれません) これがあると、「後で読もうかな」と思った人がまた読みに来てくれるかな~と期待しているのですが…。 そうだといいな~。 自力ではスクリプト書けません。(^_^)ゞ なので今回も、スクリプトをお借りしました。 提供してくださったのは、たびたび登場していただいているPERSONA@BLOG(ペルソナさん)です。 お気に入りに追加ボタンを表示する方法は、たくさんの方が書いていらっしゃるので、お好きな方法でいいと思います。 いろいろ探して比較検討するのも面白いんじゃないでしょうか。

続きを読む

もっと見る