Doblogに「あわせて読みたい」を貼り付ける方法[4.4 読者でブログがつながる「あわせて読みたい」]
(2008-06-17 16:52:15) by usa


※「あわせて読みたい」で表示されるタグ(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) です。


1.トップページにニックネームをパスワードを入力し、ログインをします。
  そして、左側にある「マイメニュー」の中の「リンク設定」をクリックします。

<画像:1.jpg>


2.「サイト名」には「このblogとあわせて読みたい」などと入力します。
  そして、「URL」には、赤の部分のタグを入力し、「登録」をクリックします。

<画像:2.jpg>


3.右下にある「設定保存」をクリックします。
  そして、左側の「管理メニュー」の中の「デザインカスタマイズ」をクリックします。

<画像:3.jpg>


4.テキストエリアの中に「メニュー」と書かている所があるので、そこを見つけます。
  そして、

.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 ;

  を入力し、「設定保存」をクリックして完成です。
  (タグの入力を忘れないように気を付けて下さい。
   また、「プレビュー」で確認するのも良いかもしれません。)

<画像:4.jpg>
コメント投稿
次の記事へ >
< 前の記事へ
TOPへ戻る

Powered by
MT4i 3.0.8