2006年10月10日

サイドバーをカスタマイズ

カスタムプラグインだと表示するだけでタイトルとか枠とかが入らないので、「プロフィール」や「最近のコメントと同じように表示するようにしてみた。



「デザイン」変更画面から「トップページ」の中から以下の部分を見つけます。

<div id="links">
<%PluginList%>
</div>


<%PluginList%>と</div>の間にタグを入れます。


<!-- 追加プラグイン -->     「<!--」と「-->」に囲まれた文字は表示されません。
<div class="sidetitle">   タイトルのスタイルシートを呼び出します。
タイトル                    題名を入れます。
</div>                タグを閉じる
<div class="side">      サイドメニューのスタイルを呼び出します。
                         枠とか背景の設定はスタイルシートで行います。

カスタムプラグイン用のタグを記入します。

</div>                タグを閉じる

枠の中で、真ん中に表示したいときは
<div class="side" ALIGN="center">
と記入します。
<DIV style="text-align:center">
も同じですが、</div>をもう一つ追加します。

タグの閉じ忘れ、特に<div ○○○・・・>が重なったときの終了タグ</div>に注意が必要です。
表示が崩れたときは、確認してみてください。

下は今話題の「やわらか戦車」のBlogプラグインです。

<!-- やわらか戦車 -->
<DIV class="sidetitle">
やわらか戦車
</DIV>
<DIV class="side">
<DIV style="text-align:center">
<script type="text/javascript" charset="euc-jp" src="http://image.blog.anime.livedoor.com/plugin/js/yawaraka_bph.js"></script>
</DIV>
</DIV>


「個別記事」や「アーカイブ」に表示させたいときにも同じ場所を探してタグを記入してみてください。


この記事へのトラックバックURL

http://macky.saitamania.net/t987