フリープラグイン文字数無制限化極秘計画書2 | アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!

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

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


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

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


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

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

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


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

<script type="text/javascript" src="http://ファイルをアップしたところ/ファイル名.js"></script >

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



たとえば今現在・・・

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

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


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

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


<script type="text/javascript" src="http://logstar.realworld.jp/js/base004.js"></script>
<script type="text/javascript" src="http://logstar.realworld.jp/js/yui/build/yahoo-dom-event/yahoo-dom-event.js"></script>
<script type="text/javascript" src="http://logstar.realworld.jp/js/yui/build/animation/animation-min.js"></script>
<script type="text/javascript" src="http://logstar.realworld.jp/js/ext.js"></script>
<script type="text/javascript" src="http://logstar.realworld.jp/js/scrolling_img-min.js"></script>
<!--[if lte IE 6]>
<script type="text/javascript" src="http://logstar.realworld.jp/js/supersleight-min.js"></script>
<![endif]-->
<script type="text/javascript" src="http://logstar.realworld.jp/js/feltesse.js"></script>


<script type="text/javascript">
<!--
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"+'#header{background:url("http://stat.ameba.jp/user_images/' + ranimg +'") no-repeat; background-position:center;}'+"\n"+'-->'+"\n"+'</style>');
// -->
</script>

<script language="javascript"><!--
//http://ameblo.jp/exlink/
function myT() {

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

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

<script language="javascript"><!--

//http://ameblo.jp/exlink/
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>');}}}
window.onload = function(){myF(),myT();}
// --></script>



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


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"+'#header{background:url("http://stat.ameba.jp/user_images/' + ranimg +'") no-repeat; background-position:center;}'+"\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>');}}}


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



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

<script type="text/javascript" src="http://logstar.realworld.jp/js/base004.js"></script>
<script type="text/javascript" src="http://logstar.realworld.jp/js/yui/build/yahoo-dom-event/yahoo-dom-event.js"></script>
<script type="text/javascript" src="http://logstar.realworld.jp/js/yui/build/animation/animation-min.js"></script>
<script type="text/javascript" src="http://logstar.realworld.jp/js/ext.js"></script>
<script type="text/javascript" src="http://logstar.realworld.jp/js/scrolling_img-min.js"></script>
<!--[if lte IE 6]>
<script type="text/javascript" src="http://logstar.realworld.jp/js/supersleight-min.js"></script>
<![endif]-->
<script type="text/javascript" src="http://logstar.realworld.jp/js/feltesse.js"></script>


<script type="text/javascript">
<!--


// -->
</script>

<script language="javascript"><!--
//http://ameblo.jp/exlink/



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

<script language="javascript"><!--

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


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


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



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

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

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


<script type="text/javascript" src="http://新しく作ったブログのCSSファイル.css"></script >

<script type="text/javascript" src="http://logstar.realworld.jp/js/base004.js"></script>
<script type="text/javascript" src="http://logstar.realworld.jp/js/yui/build/yahoo-dom-event/yahoo-dom-event.js"></script>
<script type="text/javascript" src="http://logstar.realworld.jp/js/yui/build/animation/animation-min.js"></script>
<script type="text/javascript" src="http://logstar.realworld.jp/js/ext.js"></script>
<script type="text/javascript" src="http://logstar.realworld.jp/js/scrolling_img-min.js"></script>
<!--[if lte IE 6]>
<script type="text/javascript" src="http://logstar.realworld.jp/js/supersleight-min.js"></script>
<![endif]-->
<script type="text/javascript" src="http://logstar.realworld.jp/js/feltesse.js"></script>

<script language="javascript"><!--

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



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

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

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