BlogPeople のリンクリスト.

スクリプトで貼り付けなければならないので,スクリプトが使えないブログではリンク形式でしか貼り付けられないのですが.

それを無理やりスクリプトで貼り付けましたよ~ (^^;

 

貼り付け方は,track feed の設置もこれと同じなのですが.

My Clip の表示設定(Pro)で,Clipフォーマットの中に,

JavaScriptを入れてしまう...というものです.(^^;

入れる位置は,My Clip のソースの前か後.

エンコーディングの設定は,どちらもEUC-JP.

貼り付け方はこれで終わり.

 

ブログに表示されているMy Clipの下に ,

リンクリストが表示されます.

My Clip のソースの前でも後でも位置は同じ.

 

ところが.リンクリストは,My Clip のようにタグを書き加えて,装飾することができないんですよ~!

うちのサイトでは装飾するのに,リンクリストに出力されるクラスの設定を加え,なんとか形にしました......

 

Blog People のリンクリストの

「表示形式の設定」の「詳細設定」6.リンク出力形式で

<DIV>タグ形式を選択すると,

 

<div class="blogpeople-main">
<p>
<span class="blogpeople-linklist">リンクリスト名</span><br>

リンク

リンク

</p>

</div>

<div class="blogpeople-powered-by">Blog People へのリンク</div>

と出力されるので,

アメーバの,「デザインと機能」のCSS編集で,

.blogpeople-main

.blogpeople-linklist

.blogpeople-powered-by

の3つのクラスを書き込んで,装飾を設定するというもの.

使っているスキンにある既存のクラスや設定は使えないので

CSSがある程度,使える人向き...だと思います.(^^;

 

ちなみに...

うちのサイトのスキンは「スター&ムーン」ですが.

以下のクラスをCSS編集で書き加えてあります.

表示の具合が微妙でとってもめんどう...かも.

 

.blogpeople-main {
margin-top: 20px;
margin-bottom: 0px;
text-align: left;
}
.blogpeople-linklist {
padding-left: 16px;
padding-top: 3px;
padding-bottom: 3px;
border-bottom: 1px solid #3399CC;
background: url(http://nwimg.ameblo.jp/p_skin/star_moon/img/icon2.gif ) no-repeat 4px 5px;
color: #3399CC;
font-size:12px;
font-weight: bold;
width: 165px;
}
div.blogpeople-main p {
padding: 0px 7px 20px;
}
div.blogpeople-main p:first-line {
line-height: 400%;
}
.blogpeople-powered-by {
margin-top: -10px;
padding: 0px;
}