フラワーギフト
HOME > カテゴリー : FC2ブロとも申請フォームのボタン画像への変更
0
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
笹の葉右 --.--.--.--:--
スポンサーサイト
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
ランキングに参加しています。ポチっと応援お願いしますm3-4.gif
人気ブログランキング FC2 Blog Ranking sozai-R 素材の森 sozaiCLUB 素材ラブ Web Ranking YU 素材サーチ『Mateken』
| Top↑ 笹の葉左
この記事は無料blog専用プラグインのカスタマイズ方法です


プラグインのブロとも申請フォームを
可愛くボタンに変更してみましょう^^

① 通常ボタンタイプ
[友達申請フォーム]へ

①まずは「ブロとも申請用ボタン」から気に入った画像を
右クリック→「名前をつけて画像を保存」

②[管理画面]→[ツール]→「ファイルアップロード」
使いたい画像をアップロード

③[環境設定]→「プラグインの設定」

[公式プラグイン]「ブロとも申請フォーム」「追加」
※すでに「ブロとも申請フォーム」を設定してる方はそのまま使用できます

[プラグイン管理画面]→ブロとも申請フォームの「詳細」

⑥[ブロとも申請フォームの編集]の【HTMLの編集】

<p class="plugin-all" &align><a href="<%url>?mode=friends">この人と友達になる</a></p>

↑枠内の上の文字を一度全部 消去 しちゃって下さい!
⑦ 

<p class="plugin-all" &align><a href="<%url>?mode=friends"><img src="使いたい画像のURL(例 http://fc2.com/○○/○.gif" alt="[ブロとも申請フォーム]へ"></a></p>

 ↑②でアップロードした画像のURLを赤文字の部分に差し替えて枠内の文字をコピーして⑥の部分にペースト

「変更」を押したら完了です!





② ロールオーバータイプ


▲マウスを当てるとボタン画像が変化します
(左プラグインの「ブロとも申請フォーム」をご参照下さい)
マウスOFF時=顔文字アニメ・マウスON時=文字静止画を使用してます


※通常時とマウスON時で画像を2枚使います

①まずは素材の「ブロとも申請用ボタン」から気に入った画像を2枚
右クリック→「名前をつけて画像を保存」

②[管理画面]→[ツール]→「ファイルアップロード」
使いたい画像をアップロード

③[環境設定]→「プラグインの設定」

[公式プラグイン]「ブロとも申請フォーム」「追加」
※すでに「ブロとも申請フォーム」を設定してる方はそのまま使用できます

[プラグイン管理画面]→ブロとも申請フォームの「詳細」

⑥[ブロとも申請フォームの編集]の【HTMLの編集】

<p class="plugin-all" &align>a href="<%url>?mode=friends">この人と友達になる</a></p>

↑枠内の上の文字を一度全部 消去 しちゃって下さい!
⑦ 

 <div class="plugin-calender" &align>
<SCRIPT TYPE="text/javascript">
<!--

if (document.images) {

var ob_0on = new Image();
ob_0on.src = "マウスON時の画像(http://blog35.fc2.com/○/○○/画像2.gif";
var ob_0off = new Image();
ob_0off.src = "元の画像(http://blog35.fc2.com/○/○○/画像1.gif";
}
function On(ob_0) {

if (document.images) {
document.images[ob_0].src = eval(ob_0+ 'on.src');
}
}
function Off(ob_0) {

if (document.images) {
document.images[ob_0].src = eval(ob_0+ 'off.src');
}
}
// -->
</SCRIPT>

<a href="<%url>?mode=friends" onMouseOver="On('ob_0')" onMouseOut="Off('ob_0')"><img src="元の画像URL(http://○/○○/○/画像1" alt="[ブロとも申請フォーム]へ" border="0" width="100" height="20" name="ob_0"></a>
</div>

 ↑②でアップロードした画像のURLを赤文字の部分に差し替えて枠内の文字をコピーして⑥の部分にペースト

「変更」を押したら完了です!


画像の貼り間違えにご注意です!
上手く出来なかったら、再度プラグイン追加して
リトライしてみて下さいネ!

スポンサーサイト
ランキングに参加しています。ポチっと応援お願いしますm3-4.gif
人気ブログランキング FC2 Blog Ranking sozai-R 素材の森 sozaiCLUB 素材ラブ Web Ranking YU 素材サーチ『Mateken』