アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦！ -165ページ目

時間によってメッセージを変えちゃおう

せっかくフリープラグインに書ける文字数が増えたのですから・・・

贅沢に使っちゃいましょう

で

全ページにメッセージボードを　のバージョンアップ！

時間帯によって別のメッセージを表示するようにしてみます

3800文字では絶対に入りきらないです・・・・

別のブログのＣＳＳの編集に・・・・

すでに使っている場合はその下に追加してください

分けすぎちゃっていますが・・・
これで時間によって別々のメッセージが表示されます
フリープラグインだけでは文字数の関係で絶対に出来なかったことです

・・で
フリープラグインには

一つ一ついちいち別のブログを作る必要はありません
すでにこの方法を使っている場合は別のブログのＣＳＳの下に付け加えていってください

ただ・・・
window.onload = function(){myT();}
この部分だけ注意です

window.onload命令は１つしか使えません
最後に出てきた一つだけが実行されます

・・・ので
もともとのフリープラグインがこうなっていた場合・・

↓すでにあるwindow.onload 命令の中に　myT()を加えるだけです

このように修正すれば以前のも新しく入れたスプリクトも動作します

フリープラグイン文字数無制限化極秘計画書2

フリープラグイン文字数無制限化極秘計画書1

新しくブログは作りましたか？

まずは現在のフリープラグインをメモ帳とかに保存しておいてから作業します

ようは・・・javascriptの外部ファイルを作ります

前の記事・・・・javascript 外部ファイル化　を参考にして下さい

記事中の赤字で書かれている部分を新しく作ったブログのＣＳＳの編集に移動させます

残った青字部分が本来のブログのフリープラグインに書きます

http://ファイルをアップしたところ/ファイル名.js　この部分に新しく作ったブログのCSSファイル名を入れます

たとえば今現在・・・

シャボンダマのブログパーツ、ヘッド画像のランダム、全ページにメッセージボード、記事下定型文

以上が入ったフリープラグインがあるとします

シャボンダマのブログパーツ（緑字）はすでに外部ファイルですから移せません

赤字部分を新しく作ったブログのＣＳＳの編集に貼り付けます

var myTm ='ここにタグを書いてください'
var myObj = document.getElementById('main');
myObj.innerHTML = ( '<div id="tme">'+ myTm + '</div>') + myObj.innerHTML;}
window.onload = function(){myT();}
// --></script>

//http://ameblo.jp/exlink/
function myF() {

この中で外部ファイル化できる部分は赤字部分です

var ranimg = new Array();
ranimg[0]="20090000/10/exlink/10/11/j/o0707070710123456789.jpg";
ranimg[1]="20090000/11/exlink/12/13/j/o0707070710111111111.jpg";
ranimg[2]="20090000/12/exlink/1c/2c/j/o0707070710121212121.jpg";
var mai = Math.floor(ranimg.length*Math.random());
ranimg = ranimg[Math.floor(mai)];
document.writeln('<style type="text/css">'+"\n"+''+"\n"+'</style>');

function myT() {

var myTm ='ここにタグを書いてください'
var myObj = document.getElementById('main');
myObj.innerHTML = ( '<div id="tme">'+ myTm + '</div>') + myObj.innerHTML;}

function myF() {

var myMe ='ここにタグを書いてください'
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>');}}}

↑新しいブログのＣＳＳの中はこうなります

↓赤字部分を移動させて残った部分・・・

// -->
</script>

window.onload = function(){myT();}
// --></script>

//http://ameblo.jp/exlink/

window.onload = function(){myF(),myT();}
// --></script>

ここから必要なのは緑と青字だけです

で、最終的なフリープラグイン・・・・

新しく作ったブログのＣＳＳファイルを読み込ませれば

フリープラグインの完成です

//http://ameblo.jp/exlink/
window.onload = function(){myF(),myT();}
// --></script>

これで今まで通りに動作するはずです・・・・・

実際には赤く色が付いているわけではありませんので
ドコが移せるのかが理解するまで難しいと思います・・・

くれぐれも現在のフリープラグインは保存してから行ってください

フリープラグイン文字数無制限化極秘計画書1

前の記事でみなさまに使っていただいて大丈夫そうなので？

記事を書きますが

途中までまったく同じですので

CSSの編集が出来ないスキンでCSSを使う

CSSの編集が出来ないスキンでCSSを使う 2

CSSの編集が出来ないスキンでCSSを使う 3

↑コレを読んで別のブログの用意をしておいてください

3の上から10何行目に　数字.CSS があります・・・メモ帳とかにコピーしてください

って～ところまでやってください

すでに上のＣＳＳの編集が出来ないスキンでＣＳＳを使うために別のブログを使っている方でも

それとは別のブログが必要になります

前の記事と今回の記事でわかる方はなんとなく察しが付いたかと思いますが・・・

やろうとしていることはjs外部ファイルの拡張子偽装(の逆)です

前の記事でjavascriptなはずなのになんでcssファイルなんだって気が付いた方は鋭かったんです

---------------------------------------------------------------------------------------------

フリープラグインに・・・

コレだけです

本来はこうでないとおかしいです↓

---------------------------------------------------------------------------------------------

アメブロでjsファイルを作れない以上は・・・・

.cssのファイルをjsファイルとして読み込んでもらいます

コレが出来ることは以前遊びでやっているときに発見しました

他にも中身がjsファイルなら.jpgとか.gifとかでも大丈夫です

でも・・・普通はやらないで下さい

やってもまったく意味がないことです

私が素人だからこんなこと思いついて遊んでいただけですから・・・

（あくまで中身がjsファイルでただ拡張子を変えただけの場合です）

肝心なのは・・・・

アメブロのＣＳＳの編集にjavascriptを書いて保存できるかだけでした

今のところは大丈夫のようですが・・・

もし保存できないのがあったらそのときは諦めてください

別のブログをJavaScriptの外部ファイルに使っちゃうよ～ってことで

すでに外部ファイル化されているブログパーツは残念ながら貼り付けることは出来ません

全ページにメッセージボードなんて・・・

この方法でしたら文字数を気にしないでどうどうと使えます

また・・・ここのブログのように時間によって挨拶を変えたりなんてもおもしろくないですか？

あいさつ文だけでなく全部を時間によって変えたりとかね・・・・

これも文字数を気にしなくてもいいからできることです・・・

でも・・・

まさか・・・使い道の無い拡張子偽装が・・・

役に立つときが来るなんて思ってもいませんでした

フリープラグイン文字数無制限化極秘計画書2 につづく