Shadowbox + Panoramio
ブログ別サンプルココログ JUGEM livedoor Seesaa 関連する記事 超簡単。Shdowbox + Panoramio
| 固定リンク
エキサイトブログの写真貼り付け
画像を大きく表示する為のプラグインの設定手順はこちらです エキサイトブログでウインドウを開いて大きな画像を表示する為の手順 まず、画像をアップロード。 この画像は、209 KB で、1024x768 です。次に、URL をコピーします。
そして、下の img タグをブログに貼り付けて、src="" の " と " の間に URL を貼り付けます <img src="" width="400">
投稿するとこのようになります。
クリックすると大きくなります
| 固定リンク
麻雀牌フォントはいかがですか?
麻雀牌
他にもいろいろフリーフォントを集めてます このラボでは、他にもソロモンの大きな鍵とか 不思議なフォントがたくさんありますね。 ひと昔前から比べるとフリーフォントは増えてると思います。 いいのがあったら教えて下さい
mixi で変換された flv です。( ソーラーバッタ )
 |
子供の世界も多様っスね。 以前、壁を走るラジコンとかで「おおおお」って うなったですけれど、 これもけっこうなもんです。 |
この配置を実現する為の記事 記事にテーブルタグ埋め込み / Seesaa、JUGEM、livedoorBlog、ココログ
たぶんスイスのどこか
いま、ロケみつの再放送見ながら API 貼り付けのテストです。 しかし、早希ちゃんは関西娘の良さがとっても良くでています。 一度漫才も見てみたくなります 関連する記事 パノラマパーツの使い方 GoogleAPIパノラマ貼り付けコード取得
ココログ で Google Adsense をタイトル下に上から二つの記事のみに表示する方法
このテンプレートでしかテストしていませんが、うまく動いています。 JavaScript は、右のサイドバーの一番下に貼り付けます。 他の JavaScript ライブラリも本文で利用したいので、両サイドのテンプレートである必要があります。 ライブラリは本文が表示される前に表示される左サイドで読み込み、本文の加工は本文が表示され た後の右サイドで実行します。 左サイドの一番上の縦の Google Adsense は、ただ貼っただけです。 何れも、マイリストの「メモ」部分に貼り付けます。ココログではだいたいにおいて テキストエリアで入力できる部分に HTML を貼りこむ事が可能です。 これは、ココログのギャラリーにも言える事なので、ギャラリーを強制カスタマイズする事も可能です
<div id="dummy" style='position:absolute;left:0px;'>
<div id="ad3" style='margin-left: 0px;margin-bottom: 25px;border: #a0a0a0 1px solid; padding: 8px; text-align: left'>
<table>
<tr>
<td valign=top>
<!--広告 : メイン -->
</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>
<!--広告 : メイン -->
</td>
<td valign=top style='padding:20px;width:240px;'>
<div style='float:right;'>
<!--広告 : オプション -->
</div>
</td>
</tr>
</TABLE>
</div>
</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("center");
var len = baseDiv.getElementsByTagName("DIV").length;
var len2,content_idx,content_idx2,content_cnt=0;
var single_flg = true;
var entry_div = null;
for( content_idx = 0; content_idx < len; content_idx++ ) {
if ( baseDiv.getElementsByTagName("DIV")[content_idx].className == 'entry' ) {
entry_div = baseDiv.getElementsByTagName("DIV")[content_idx];
}
if ( baseDiv.getElementsByTagName("DIV")[content_idx].className == 'entry-body' ) {
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-body-text' ) {
blogtxt = blogtxtbase.getElementsByTagName("DIV")[content_idx2];
if ( document.getElementById("ad3") ) {
blogtxtbase.insertBefore(document.getElementById("ad3"),blogtxt);
}
break;
}
}
}
if ( content_cnt == setTarget2 ) {
single_flg = false;
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-body-text' ) {
blogtxt = blogtxtbase.getElementsByTagName("DIV")[content_idx2];
blogtxtbase.insertBefore(document.getElementById("ad4"),blogtxt);
break;
}
}
break;
}
}
}
if ( single_flg ) {
len2 = entry_div.getElementsByTagName("DIV").length
for( content_idx2 = 0; content_idx2 < len2; content_idx2++ ) {
if ( entry_div.getElementsByTagName("DIV")[content_idx2].className == 'entry-body-bottom' ) {
blogtxt = entry_div.getElementsByTagName("DIV")[content_idx2];
entry_div.insertBefore(document.getElementById("ad4"),blogtxt);
break;
}
}
}
}
catch(e){}
</script>
SyntaxHighlighter の直接貼りこみのテスト
しばらく使ってなかったのですが、いろいろなブログで Google Adsense の設置テストをしています。 現在 Seesaa / JUGEM / livedoor Blog でテスト済みですが、ココログで設置可能なのをさっき知ったので。 まずは、SyntaxhigHlighter のテストです ※ 以下のコードを「ブログのサブタイトル」に入力しています ところで、ココログの記事ですが、タイトル未入力で登録されてしまいました。 へえ・・・
<script type="text/javascript" src="http://lightbox.on.coocan.jp/sh/2.0.296/shCore.js"></script>
<script type="text/javascript" src="http://lightbox.on.coocan.jp/sh/2.0.296/shLegacy.js"></script>
<script type="text/javascript" src="http://lightbox.on.coocan.jp/sh/2.0.296/shBrushPlain.js"></script>
<script type="text/javascript" src="http://lightbox.on.coocan.jp/sh/2.0.296/shBrushJScript.js"></script>
<script type="text/javascript" src="http://lightbox.on.coocan.jp/sh/2.0.296/shBrushXml.js"></script>
<script type="text/javascript" src="http://lightbox.on.coocan.jp/sh/2.0.296/shBrushPhp.js"></script>
<script type="text/javascript" src="http://lightbox.on.coocan.jp/sh/2.0.296/shBrushCss.js"></script>
<script type="text/javascript" src="http://lightbox.on.coocan.jp/sh/2.0.296/shBrushJava.js"></script>
<script type="text/javascript" src="http://lightbox.on.coocan.jp/sh/2.0.296/shBrushRuby.js"></script>
<link type="text/css" rel="stylesheet" href="http://lightbox.on.coocan.jp/sh/2.0.296/shCore.css"/>
<link type="text/css" rel="stylesheet" href="http://lightbox.on.coocan.jp/sh/2.0.296/shThemeDefault.css"/>
<script type="text/javascript">
SyntaxHighlighter.config.clipboardSwf = 'http://lightbox.on.coocan.jp/sh/2.0.296/clipboard.swf';
SyntaxHighlighter.config.strings.copyToClipboardConfirmation =
'\u30af\u30ea\u30c3\u30d7\u30dc\u30fc\u30c9\u306b\u30b3\u30d4\u30fc\u3057\u307e\u3057\u305f\u3000\u3000\u3000';
SyntaxHighlighter.defaults['auto-links'] = false;
</script>
<style type="text/css">
.syntaxhighlighter div,.syntaxhighlighter span,.syntaxhighlighter code {
font-size:12px!important;
font-family: "ＭＳ Ｐゴシック"!important;
}
.syntaxhighlighter {
padding:5px!important;
background-color:#FFFFFF!important;
border-style:solid!important;
border-color:#808080!important;
border-width:1px!important;
}
</style>
ポップアップブロックのテスト
wmode="transparent" で、IE でポップアップブロックされてしまったので・・・
下のメールアドレスが画像で、透過させて Flash と 画像の配置バランス
取ってたのですが、Flash 側の表示サイズ変更してやりなおし。
<DIV style='height:182px;overflow:hidden'>
てな感じですが・・・
あほくさいです。
が、それでもまだ Firefox のせいで対応が必要・・・っておい。
最近のコメント