JavaScript 記事下に定型文を自動挿入してみる

※　JavaScript 記事下に定型文を自動挿入してみる　jQuery 　←こちらを使ってください

＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊

毎回・・・記事を書いた後に　ランキングのタグなどをコピペするのは面倒ではありませんか？

以前に相談されたときコピペしてください・・・なんてコメントしちゃっていましたが

いざ・・・自分でランキングサイトに登録をして見たのですが・・・・

メンドウで・・・たまにしか貼り付けていませんでした・・・

コピペするだけだったんですが・・・・・

他の方はどうでも・・・・自分がメンドウなのはごめんだ！！　・・・　えっ？

で、やってみました

こんなバナーを記事下につけてみようと思います

<a href="http://blog.with2.net/link.php?123456 " target="_blank"><img height="15" src="http://stat001.ameba.jp/user_images/12/f3/1000000123_s.gif " width="80" border="0" target="_blank" /></a>

サイトで教えてもらったリンクタグ↑バナーは画像フォルダにアップしてから使います

標準エディタで組み立ててみます

HTMLタグを表示にしてみると下のような変な改行があるはずです

このような改行はエラーになりますので削除してくっつけてしまいます

注意・・この部分に1ヶ所でも改行が残っていると動作しません

できましたら・・・・

コピーして　　ここにタグを書いてください　←ここに貼り付けてから　フリープラグインに貼り付けます

ここにタグを書いてください　←さわるのはこの部分だけです　この中の改行はＮＧです

前後についています　' は、消さないようにしてください

また　ここで　'　を使用していますので　タグで使えるのは　" だけです

<script language="javascript"><!--
function myF() {

var myMe ='ここにタグを書いてください'
//http://ameblo.jp/exlink/
var myfix = document.getElementsByTagName('div');
for(i = 0; i < myfix.length; i++){
myObj=document.getElementsByTagName('div')[i];
if(myObj.className=='contents'){
myObj.innerHTML += ( '<p class="fix">'+ myMe + '</p>');}}}
window.onload = function(){myF();}
// --></script>

※Thickboxとか管理人コメントを分けたりとかラインカレンダーを設置してある場合は細工が必要です

window.onload = function(){myF();}　←この1行を削除

それからThickboxの最後の部分・・・

・・・・・・・・・・・・・

・・・・・・・・・・・

・・・・・・・・・
function enThickbox() {enTb();
try {initializeUpload(false, false);} catch(e) {}
try {checkpw();} catch(e) {}}
window.onload = function(){myF(),enThickbox();}

// -->
</SCRIPT>

ラインカレンダーもつけている場合は

window.onload = function(){myC(),myF(),enThickbox();}

こうなります

↑Thickboxとか管理人コメントを分けたりとかラインカレンダーを設置していない場合は関係ありません

　enThickbox()を最後に呼び出すようにしないとThickboxが動作しません

///////////////////////////////////////////

window.onload 命令は1つしか使えませんので　

他のプラグインで使用している場合はどちらかが使えなくなります

ここのブログで説明している以外のブログパーツを設置している場合は注意下さい
//////////////////////////////////////////

CSSは

#message .fix{
display:none;
}
.entry .fix{
padding:50px 0 0 0;
text-align:center;
}

CSSの編集が出来ないスキンの場合は

フリープラグインに

<style type="text/css"><!--
#message .fix{display:none;}
.entry .fix{
padding:50px 0 0 0;
text-align:center;
}--></style>

※このブログで使っているものです・・・参考にして下さい

var myMe ='<a href="http://blog.blogmura.com/"><img height="60"src="http://stat.ameba.jp/user_images/1f/bb/10097003649.gif " width="240" border="0" target="_blank"></a>クリックしてほしいな～<br><font color="#0000ff">　↑このバナーは記事下に自動で挿入しています<br>やり方は・・・・近日公開予定・・たぶん？</font>'

＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
文字数制限で保存できなかった場合は・・・・・

改行で <br /> を使っていましたら　<br> に変更　コレで2文字節約できます

他にも・・・

alt="にほんブログ村"　のような　alt属性もばっさり削除

height="60"　とか　 width="240" border="0"　とかも削除して文字数を減らしてください

それでもダメでしたら・・・

<font color="#0000ff">　　と　</font>　を削除して残念ですが文字色を黒に戻してください

var myMe ='<a href="http://blog.blogmura.com/"><img src="http://stat.ameba.jp/user_images/1f/bb/10097003649.gif " target="_blank"></a>クリックしてほしいな～<br>↑このバナーは記事下に自動で挿入しています<br>やり方は・・・・近日公開予定・・たぶん？'

少しは文字数が減りました

他にもタグを見直してムダなタグを削除して少しでも少なくしてください

全体を中央寄せにする<center></center>などもCSSで設定しますから必要ありません

でも・・どうしても太文字がいい！！って～場合は
<strong>強い強調</strong>
↓<strong>を<b>にすることで前後で10文字節約・・・
<b>太字で表示</b>

サーバーを用意できる方は

自分のコメントを ”もっと” わかりやすく　を、外部ファイルに

http://ameblo.jp/exlink/entry-10118503766.html

＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊

かえるまま さま のブログをお借りして説明します

↓こちらは毎回記事下にコピペしていたときのものです

このとき貼り付けていたタグは・・・・・

<p><font size="2"><font color="#ff1493"><font color="#009933"><font color="#000000">応援</font><strong>↓</strong></font><strong>ポチッ</strong></font>とお願いします(b^-゜)</font></p>
<p><a href="http://snow.blogmura.com/"><img height="16" alt="携帯" src="http://stat.ameba.jp/blog/ucs/img/char/char2/107.gif " width="16" />スキースノボーブログ</a>
</p>
<p><a href="http://snow.blogmura.com/"><img height="31" alt="にほんブログ村 スキースノボーブログへ" src="http://snow.blogmura.com/img/snow88_31.gif " width="88" border="0" /></a>
<a href="http://snow.blogmura.com/snowboard/"><img height="31" alt="にほんブログ村 スキースノボーブログ スノーボードへ" src="http://snow.blogmura.com/snowboard/img/snowboard88_31.gif " width="88" border="0" /></a>
<a href="http://cat.blogmura.com/"><img height="31" alt="にほんブログ村 猫ブログへ" src="http://cat.blogmura.com/img/cat88_31_lightred_2.gif " width="88" border="0" /></a>
<a href="http://www.blogmura.com/"><img height="31" alt="ブログランキング・にほんブログ村へ" src="http://www.blogmura.com/img/www88_31_lightblue_2.gif " width="88" border="0" /></a>
</p>
<p>画像・絵文字は<strong>ブログテーマ</strong>に沢山あります<img height="16" alt="音譜" src="http://stat.ameba.jp/blog/ucs/img/char/char2/038.gif " width="16" /></p>
<p>携帯は<strong>デコメ絵文字画像</strong>で検索してね！</p>

↑・・・・毎回・・・こんなに貼り付けていたんですね

　よく見ると・・・ムダなタグがたくさんありますね

で、整理すると　↓こんなに少なくなりました・・・

応援<font color="#ff1493">ポチッ</font>とお願いします(b^-゜)<br><a href="http://snow.blogmura.com/"><img src="http://snow.blogmura.com/img/snow88_31.gif " ></a><a href="http://snow.blogmura.com/snowboard/"><img src="http://snow.blogmura.com/snowboard/img/snowboard88_31.gif " ></a><a href="http://cat.blogmura.com/"><img src="http://cat.blogmura.com/img/cat88_31_lightred_2.gif"></a><a href="http://www.blogmura.com/"><img src="http://www.blogmura.com/img/www88_31_lightblue_2.gif"></a><br >画像・絵文字はブログテーマに沢山あります<br>携帯はデコメ絵文字画像で検索してね！

↓記事下につくとこんなふうになります

　●　重要　●

　携帯から閲覧する場合はフリープラグインを読み込みません・・・・

　ですのでこの方法は携帯からは見ることが出来ませんので注意下さい

　携帯用のランキングバナーなどは今まで通りコピペで記事下に貼り付けてください・・・

※出来ましたら記事にして下さい　m(_ _)m

　いままでこのようなお願いはした事がないのですが

　これってみなさまが欲しいって思っている機能だと思うんですよ

　みなさまが記事にすることによって

　アメブロへの設置要求の圧力になればいいかなって考えています

　そうすれば、もっと楽に設置できるはずだし

　標準になれば携帯からも見ることが出来るようになるはずです

記事と記事下広告の間に設置したい場合はコチラです

JavaScript 記事下に定型文を自動挿入してみる2

ただし記事下広告の付いていない記事には付きません　＆　携帯もダメです

JavaScript 記事下に定型文を自動挿入してみる2

JavaScript 記事下に定型文を自動挿入してみる3

フリープラグインのダイエット

全ページにメッセージボード設置しちゃおう

アメブロの有料版が発表されましたね・・

本日の日経産業新聞に

「アメブロ」に有料制・・画像容量など充実

まだ詳細はきまっていないようですが12月より月額有料サービスを始めるようです

画像容量を増やしたり

広告を外したり

・・・・ただ

産業新聞には

ネット上の分身である「アバター」も2008年1月には導入予定である・・・

ってありますが

これってすでに導入済みのプーぺガールのことですよね・・・

日経新聞の間違え・・・？

ただ営業損益が14億6千万円・・・・

やっぱし広告の消し方は教えられないですね・・・・

画像容量を目一杯使われている方って・・・・？

それよりフリープラグインの容量を増やしたり

フリープラグイン、フリースペースの数を増やして左右両方に分けて配置できるようにしてほしいです・・・

↑これは有料サービスではなくて標準で導入してほしいです

わたしは有料版を使う予定はまったくありません・・・

あっ・・でも・・・

カスタマイズの記事に詰まったら・・・

短期間使ってみるってことも・・・・

*****************************************

ちなみに先ほど

IE6でプチメにコメントが入力できないよ～って問い合わせた返事が4日ぶりに届きました

トンチンカンな答えで・・・

たぶんその答えのテンプレートでもあるんじゃないのってくらい型にはまった返事でした

とうぜん？その方法では改善されるはずもなく・・・・無駄とおもいつつ返信しておきました

有料化されたら問い合わせに対して

こんな返事の仕方は出来ませんよ・・・・！！！！！

今まで通り無料で使えますから安心してください

リッチな方は毎月お金を払って有料版を使えば広告もなくなりますよってだけですから

画像もさわりましたね・・・・

マウスカーソルがZOOMアイコンに変更されたようですね・・・

こんなことのせいで・・・・・Thickboxの動作がおかしな状態になっています

こんなにチョクチョク変更されては対応が間に合いません・・・

私は携帯から見ることが出来ませんが

（毎度のことですが携帯が壊れていますので・・・

あっ写真も撮ることができません・・・）

携帯からの画像の見え方も変更されたようですね・・・・

一度携帯から見たいのですが・・・・

携帯を借りてみるわけにもいきません

ブログやっているのがばれてしまいますので・・・・