さぶろクリエイトブログ

ちわ。

うちのブログには、なんか時々突発的にアクセス多い日があります。


有名サイトとかにリンク貼られたとかだといいんですが、アクセス元を調べても特に見つからないので、ブラウザをよそおったBotとかがアクセスしてるんでしょうか。普段のアクセス数は50くらいなのに、エントリも書かずに急に500になると、なんか工作してると勘違いされそうでイヤだ・・・(￣□ ￣||　みなさんは、こんなことあります？

さて、ネタも尽きつつある昨今、HTML直にいじれる人には全く役にたたない情報ですが、ソラマメサイドバーの拡張の小ネタについて書いてみます。うちのサイドバーには、一見ソラマメの標準のサイドバーパーツに見えるけど、実はカスタマイズで作っている部分があります。（デザインをカスタマイズしているという意味ではなく、サイドバー画面にないプラグインをカスタマイズで作っているという意味です）


サイドバー画面に「公開ツール」「チュートリアル動画」のプラグインは見あたりませんよね。実は、カスタムプラグイン1に、divタグを直に書いて作っています。



HTMLはこちら。これを、ブログ環境設定画面の、カスタムプラグイン1に書いています。ポイントは、「sidetitle」「side」「sidebody」のクラスで、これを指定すると他のサイドバープラグインと同じ外観になってくれます。

<div class="tool">

    <div class="sidetitle">

    公開ツール

    </div>

    <div class="side">

        <div class="sidebody">

            <a href="http://sabro.slmame.com/e30094.html">

                <img src="//img01.tec29.com/usr/sabro/lslsyntaxhighlighttool.png" alt="LSL色付けツール" />

            </a>

            <br />

            <a class="aside" href="http://sabro.slmame.com/e30094.html">LSL色付けツール</a>

            <br />

            <br />

            <a href="http://sabro.slmame.com/e162193.html">

                <img src="//img01.tec29.com/usr/sabro/bvheffectortool.png" alt="bvhアニメーションデータエフェクター" />

            </a>

            <br />

            <a class="aside" href="http://sabro.slmame.com/e162193.html">bvhアニメーション<br />データエフェクター</a>

        </div>

    </div>

    <div class="sidetitle">

        チュートリアル動画

    </div>

    <div class="side">

        <div class="sidebody">

            <a href="http://sabro.slmame.com/e112371.html">

                <img src="//img01.tec29.com/usr/sabro/brendertutorialvideo.png" alt="Blender" />

            </a>

            <br />

            <a class="aside" href="http://sabro.slmame.com/e112371.html">Blender</a>

            <br />

            <br />

            <a href="http://sabro.slmame.com/e138126.html">

                <img src="//img01.tec29.com/usr/sabro/qavimatortutorialvideo.png" alt="QAvimator" />

            </a>

            <br />

            <a class="aside" href="http://sabro.slmame.com/e138126.html">QAvimator</a>

        </div>

    </div>

</div>

この方法なら、いくらでも標準デザインのプラグインを増やせますね(^^)