この方法は、本来テンプレートが無く自由な位置に設置出来ない場合に、JavaScript を使って場所の移動を行って表示するものです。( その方法を使ってもいいかどうかは、広告を提供しているシステム側で確認しておく必要があります ) 昔はこれでも良かった場合でも、最近はやはり固定位置に設置する必要があると思います。( JavaScript による方法は、間違ってクリックしてしまう可能性が大きいからです ) JUGEM は、有料版でないと広告を設置できないと思いますが、タイトルのような設置のテストを画像リンクでやってきました。
<div id="ad3" style='margin-left: 0px;margin-bottom: 25px;border: #a0a0a0 1px solid; padding: 8px; text-align: left'>
<table>
<tr>
<td valign=top>
<!--広告 : メイン -->
<a href="http://winofsql.jp" target="_blank"><img src="http://winofsql.jp/image/winofsql3.png" galleryimg="no" style='border-style:solid;border-width:1px;border-color:#000000' alt="HOME" title="HOME" /></a>
</td>
<td valign=top style='padding:20px;width:240px;'>
<div style='float:right;'>
<!--広告 : オプション -->
</div>
</td>
</tr>
</table>
</div>
<div id="ad4" style='margin-left: 0px;margin-bottom: 25px;border: #a0a0a0 1px solid; padding: 8px; text-align: left'>
<table>
<tr>
<td valign=top>
<!--広告 : メイン -->
<a href="http://winofsql.jp" target="_blank"><img src="http://winofsql.jp/image/winofsql3.png" galleryimg="no" style='border-style:solid;border-width:1px;border-color:#000000' alt="HOME" title="HOME" /></a>
</td>
<td valign=top style='padding:20px;width:240px;'>
<div style='float:right;'>
<!--広告 : オプション -->
</div>
</td>
</tr>
</TABLE>
</div>
<script type="text/javascript" charset="shift_jis">
try {
var setTarget1 = 1;
var setTarget2 = 2;
}
catch(e){}
try {
var blogtxtbase,blogtxt;
var baseDiv = document.getElementById("main");
var len = baseDiv.getElementsByTagName("DIV").length;
var len2,content_idx,content_idx2,content_cnt=0;
for( content_idx = 0; content_idx < len; content_idx++ ) {
if ( baseDiv.getElementsByTagName("DIV")[content_idx].className == 'entry_area' ) {
content_cnt++;
if ( content_cnt == setTarget1 ) {
blogtxtbase = baseDiv.getElementsByTagName("DIV")[content_idx];
len2 = blogtxtbase.getElementsByTagName("DIV").length
for( content_idx2 = 0; content_idx2 < len2; content_idx2++ ) {
if ( blogtxtbase.getElementsByTagName("DIV")[content_idx2].className = 'entry' ) {
blogtxt = blogtxtbase.getElementsByTagName("DIV")[content_idx2];
if ( document.getElementById("ad3") ) {
blogtxtbase.insertBefore(document.getElementById("ad3"),blogtxt);
}
break;
}
}
}
if ( content_cnt == setTarget2 ) {
blogtxtbase = baseDiv.getElementsByTagName("DIV")[content_idx];
len2 = blogtxtbase.getElementsByTagName("DIV").length
for( content_idx2 = 0; content_idx2 < len2; content_idx2++ ) {
if ( blogtxtbase.getElementsByTagName("DIV")[content_idx2].className == 'entry' ) {
blogtxt = blogtxtbase.getElementsByTagName("DIV")[content_idx2];
blogtxtbase.insertBefore(document.getElementById("ad4"),blogtxt);
break;
}
}
break;
}
}
}
}
catch(e){}
</script>
Seesaa は、複数のブログが作成できるので、何かあった時に一括対応できるように、設置する JavaScript 部分を外部にする仕様になっていますが、JUGEM では一か所に全て記述しています。 テンプレートによって動かない可能性はあります。
|
|
【記録の最新記事】
- Java、PHP、jQuery : 最近の記事と関連する記事のまとめ / インデックス
- Google MAP API が 1日に 25,000 ビューを超えると表示される画面
- WEB フォントをクロスドメインで利用する
- ブログ更新通知先に関する情報
- さくらインターネットの CRON の設定で、標準エラー出力を postmaster に送らない
- VBScript 用 onClick 一行書き
- 『家に帰ると妻が必ず死んだふりをしています』というブログを発見しました
- Google Chrome 32.0.1700.76 のコンボボックススクロールバーがドラッグできないのは、Windows7 のエアロ系で起きるようです。
- Google Chrome 32.0.1700.76 のコンボボックススクロールバーがドラッグできない問題が、開発版(34.0.1794.5 canary) で修正されたそうです
- Google Chrome 32.0.1700.76 の具体的な問題点
- ファイル名リストをクリップボードへコピー
- キーボード説明用画像( フリーフォントでキーボード画像作成 )
- 何だこれ。Microsoft の 看板的ワードの誤字『EIblog をご覧ください。』って・・・
- 9月27日10時頃、Google Chrome でのみ AdSense の表示がおかしくなりましたが・・・
- 注意 : フィッシング詐欺メールのタイトル『【ドラゴンクエストX 目覚めし五つの種族 オンライン】認証』
- まぎらわしい『AdSenseの終了』を知らせる『日本語ページ』
- Trigger Rally(WebGL+Three.js) のコースを無視してひたすら悪路を走りまくる
- Windows 8.1 に期待は無いけれど、3D プリンタへの期待は膨らむのです
- Adobe Readerの脆弱性を突かれて人生初の『ウィルス』に感染・・・
- また４月なんで、フリーのレンタルサーバーの確認してみると・・・
