修正後のタグを説明します。
何を間違えたかも説明しております。今後に役立ててくださいね。
◆現在ご使用中のタグ
<div class="sidetitle">メロメロパーク</div> <div class="side" align="center"> <div id="bpcl_mero"></div> <script language="javascript" type="text/javascript"> <!-- var mero_id = new Array('4820c8fb7ca95e9fa07971f34c099629', '<a href="http://meropar.jp/" target="_blank"><img src="http://meropar.jp/img/logo_blog_1.gif" border="0" style="border: none;" onmouseover="this.src='http://meropar.jp/img/logo_blog_2.gif'" onmouseout="this.src='http://meropar.jp/img/logo_blog_1.gif'" alt="メロメロパーク" /></a><script language="JavaScript" type="text/javascript" src="http://js.meropar.jp/meromero.js?key=6527316f0f6a6c566b0574f0539078c4" ></script>'); var mero_mouseout_img = new Array('http://meropar.jp/img/logo_blog_1.gif', 'http://meropar.jp/img/logo_blog_1.gif'); var mero_mouseover_img = new Array('http://meropar.jp/img/logo_blog_2.gif', 'http://meropar.jp/img/logo_blog_2.gif'); var mero_first_no = -1; var mero_interval = 30000; var mero_old_no = -1; var mero_timer_id; var mero_is_random = 0; var mero_random_switch = 1; if (mero_first_no == -1) { show_mero_random(); } else { show_mero_main(mero_first_no); } if (mero_interval > 0) { mero_timer_id = setInterval('show_mero_random()', mero_interval); } function show_mero_sub(id) { html = "<a href=\"http://meropar.jp/\" target=\"_blank\"><img src=\"" + mero_mouseout_img[id] + "\" border=\"0\" style=\"border: none;\" onmouseover=\"this.src='" + mero_mouseover_img[id] + "'\" onmouseout=\"this.src='" + mero_mouseout_img[id] + "'\" alt=\"メロメロパーク\" /></a>"; html += "<br /><object codebase='http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0' width='140' height='257' align='middle'><param name='allowScriptAccess' value='sameDomain' /><param name='movie' value='http://cache.meropar.jp/swf/blog/main.swf' /><param name='quality' value='high' /><param name='bgcolor' value='ffffff' /><param name='FlashVars' value='key=" + mero_id[id] + "' /><embed src='http://cache.meropar.jp/swf/blog/main.swf' FlashVars='key=" + mero_id[id] + "' quality='high' bgcolor='#ffffff' width='140' height='257' name='main' align='middle' allowScriptAccess='sameDomain' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer' /></object>"; return html; } function show_mero_main(mero_no) { mero_html = show_mero_sub(mero_no); mero_old_no = mero_no; document.getElementById('bpcl_mero').innerHTML = mero_html; if (mero_interval > 0 && !mero_is_random) { clearInterval(mero_timer_id); mero_timer_id = setInterval('show_mero_random()', mero_interval); } } function show_mero_random() { if (mero_random_switch) { do { mero_new_no = Math.floor(Math.random() * mero_id.length); } while (mero_new_no == mero_old_no); mero_is_random = 1; show_mero_main(mero_new_no); mero_is_random = 0; } } function mero_random_on() { mero_random_switch = 1; } function mero_random_off() { mero_random_switch = 0; } //--> </script> <img src="http://ayaka-teppei.269g.net/image/img171_tomo4.gif" alt="img171_tomo4.gif" width="140" height="40"><br/> <a href="javascript:show_mero_main(0);">ぽこぽん</a><br/> <a href="javascript:show_mero_main(1);">もこちゃん</a><br/> <form name="bpcl_mero_random"> <p><input type="checkbox" checked name="random" onClick="if (document.bpcl_mero_random.random.checked) { mero_random_on(); } else { mero_random_off(); }" >ランダム表示</p> </form> <a href="http://www.h-fj.com/blog/bpcm.php" target="_blank"><img src="<img src="http://ayaka-teppei.269g.net/image/bpcm.gif" alt="bpcm.gif" width="140" height="54">" border="0" alt="Blog Parts Changer Light for Mero" width="140" height="54"></a> </div> <img src="http://ayaka-teppei.269g.net/image/img171_tomo4.gif" alt="img171_tomo4.gif" width="140" height="40"> |
◆現在ご使用中のタグを以下のタグと差替えてください。
<div class="sidetitle">メロメロパーク</div> <div class="side" align="center"> <div id="bpcl_mero"></div> <script language="javascript" type="text/javascript"> <!-- var mero_id = new Array('4820c8fb7ca95e9fa07971f34c099629', '6527316f0f6a6c566b0574f0539078c4'); var mero_mouseout_img = new Array('http://meropar.jp/img/logo_blog_1.gif', 'http://meropar.jp/img/logo_blog_1.gif'); var mero_mouseover_img = new Array('http://meropar.jp/img/logo_blog_2.gif', 'http://meropar.jp/img/logo_blog_2.gif'); var mero_first_no = -1; var mero_interval = 30000; var mero_old_no = -1; var mero_timer_id; var mero_is_random = 0; var mero_random_switch = 1; if (mero_first_no == -1) { show_mero_random(); } else { show_mero_main(mero_first_no); } if (mero_interval > 0) { mero_timer_id = setInterval('show_mero_random()', mero_interval); } function show_mero_sub(id) { html = "<a href=\"http://meropar.jp/\" target=\"_blank\"><img src=\"" + mero_mouseout_img[id] + "\" border=\"0\" style=\"border: none;\" onmouseover=\"this.src='" + mero_mouseover_img[id] + "'\" onmouseout=\"this.src='" + mero_mouseout_img[id] + "'\" alt=\"メロメロパーク\" /></a>"; html += "<br /><object codebase='http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0' width='140' height='257' align='middle'><param name='allowScriptAccess' value='sameDomain' /><param name='movie' value='http://cache.meropar.jp/swf/blog/main.swf' /><param name='quality' value='high' /><param name='bgcolor' value='ffffff' /><param name='FlashVars' value='key=" + mero_id[id] + "' /><embed src='http://cache.meropar.jp/swf/blog/main.swf' FlashVars='key=" + mero_id[id] + "' quality='high' bgcolor='#ffffff' width='140' height='257' name='main' align='middle' allowScriptAccess='sameDomain' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer' /></object>"; return html; } function show_mero_main(mero_no) { mero_html = show_mero_sub(mero_no); mero_old_no = mero_no; document.getElementById('bpcl_mero').innerHTML = mero_html; if (mero_interval > 0 && !mero_is_random) { clearInterval(mero_timer_id); mero_timer_id = setInterval('show_mero_random()', mero_interval); } } function show_mero_random() { if (mero_random_switch) { do { mero_new_no = Math.floor(Math.random() * mero_id.length); } while (mero_new_no == mero_old_no); mero_is_random = 1; show_mero_main(mero_new_no); mero_is_random = 0; } } function mero_random_on() { mero_random_switch = 1; } function mero_random_off() { mero_random_switch = 0; } //--> </script> <img src="http://ayaka-teppei.269g.net/image/img171_tomo4.gif" alt="img171_tomo4.gif" width="140" height="40"><br/> <a href="javascript:show_mero_main(0);">ぽこぽん</a><br/> <a href="javascript:show_mero_main(1);">もこちゃん</a><br/> <form name="bpcl_mero_random"> <p><input type="checkbox" checked name="random" onClick="if (document.bpcl_mero_random.random.checked) { mero_random_on(); } else { mero_random_off(); }" >ランダム表示</p> </form> <a href="http://www.h-fj.com/blog/bpcm.php" target="_blank"><img src="http://ayaka-teppei.269g.net/image/bpcm.gif" border="0" alt="Blog Parts Changer Light for Mero" width="140" height="54"></a> </div> |
これをそのままタグとして貼り付けていただければOKです。
◇間違い箇所
赤字:前回のサポート記事で、画像で指定した緑字の部分です。よく読めばわかると思いましたが・・・。メロコードがそのまま貼付けられていました。
青字:バナーのURLというのは、http〜で始まる部分のことです。アップロードした画像設定画面で右側のボタンをクリックして貼付けただけだと思われます。ご注意ください。今回の修正箇所を参考にしてみてください。今後最もよく使う機能です。
緑字:前回の差替えタグで記述していない箇所です。前回の記事で載せた現在ご使用中のタグに記載していたので、それも差替え対象となっているのです。
ご自分に必要な箇所だけを抜き取って、読むという行為はよく見られる行為ではありますが、サポート記事には必要なことだけしか書いていません。ですので、最初から最後まで読むことが大事なのです。
以上です。うまくできたでしょうか?
お疲れ様でした(〃▽〃)