4.4 読者でブログがつながる「あわせて読みたい」
Doblogに「あわせて読みたい」を貼り付ける方法
※「あわせて読みたい」で表示されるタグ（HTMLコード）は<a href="http://awasete.com/show.phtml?u=http%3A%2F%2Fwww.doblog.com%2Fweblog%2Fmyblog% 2F84526%2F"><img src="http://img.awasete.com/image.phtml?u=http%3A%2F% 2Fwww.doblog.com%2Fweblog%2Fmyblog%2F84526%2F" width="160" height="140" alt="あわせて読みたいブログパーツ " border="0"></a>
ですが、説明する際に分かり易いように、上記のように色分けをしました。
説明に出て来る“色”は、上の例のタグの色と対応していると考えて下さい。
また、色の付いている部分は、それぞれ異なりますので、上の例のタグを使わないように注意して下さい。
※利用するタグは標準版 (横160 x 縦140) です。
１．トップページにニックネームをパスワードを入力し、ログインをします。
そして、左側にある「マイメニュー」の中の「リンク設定」をクリックします。
２．「サイト名」には「このblogとあわせて読みたい」などと入力します。
そして、「URL」には、赤の部分のタグを入力し、「登録」をクリックします。
３．右下にある「設定保存」をクリックします。
そして、左側の「管理メニュー」の中の「デザインカスタマイズ」をクリックします。
４．テキストエリアの中に「メニュー」と書かている所があるので、そこを見つけます。
そして、
.menu {width : 185px ;
float : left ;
}
となっているところの“}”の後に、
○メニューの上部に貼り付ける場合○
padding-top : 150px ;
background-image : url("緑の部分のタグ") ;
background-repeat : no-repeat ;
background-position : top ;
○メニューの下部に貼り付ける場合○
padding-bottom : 150px ;
background-image : url("緑の部分のタグ") ;
background-repeat : no-repeat ;
background-position : bottom ;
を入力し、「設定保存」をクリックして完成です。
（タグの入力を忘れないように気を付けて下さい。
また、「プレビュー」で確認するのも良いかもしれません。）
投稿者 mizuki : 2008年06月17日 16:52
