プラグイン位置変更タグ

cssに追加

<例>
#frame{
position:relative;
}
/* ----------------------------------------------------- */
/* ■ プラグイン配置 フリー （Blog Parts)　　　　　　 　 */
/* ----------------------------------------------------- */
#Blog-Parts1{
position: absolute;
top:180px;
z-index: 100;
left:170px;
}

pxのところは各自で調整してください


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

<div id="Blog-Parts1">～ブログパーツタグ～</div>


ブログパーツを複数位置変更したい場合は・・・・



#frame{
position:relative;
}
/* ----------------------------------------------------- */
/* ■ プラグイン配置 フリー （Blog Parts)　　　　　　 　 */
/* ----------------------------------------------------- */
#Blog-Parts1{
position: absolute;
top:180px;
z-index: 100;
left:170px;
}
#Blog-Parts2{
position: absolute;
top:180px;
z-index: 100;
left:170px;
}

1というところを2に変えたり、3に変えたりします

当然プラグインの方も・・・・・・

<div id="Blog-Parts2">～ブログパーツタグ～</div>

<div id="Blog-Parts3">～ブログパーツタグ～</div>

このようになります



ブログパーツ以外で、画像やリンク付き文字やリンク付き画像もできます

<div style="position: absolute;top:100px;z-index: 100;left:50px;">
<img src="画像のＵＲＬ"></div>

<div style="position: absolute;top:100px;z-index: 100;left:50px;">
<a href="リンク先のＵＲＬ"><img src="画像のＵＲＬ"></a></div>

<div style="position: absolute;top:100px;z-index: 100;left:50px;">
文字列</div>

<div style="position: absolute;top:100px;z-index: 100;left:50px;">
<a href="リンク先のＵＲＬ">文字列</a></div>

プラグインの位置を変えて、スキンを使いやすくしましょう♪♬


ランのカスタマイズ日記様から再配布させてもらいました