2010年03月15日

Blogプルダウン式リンク集の設置(LDblog編)

blogにプルダウン形式のリンク集(私はおもにblog内の記事に対するメニュウーに使っています)を設置する方法を紹介します。(livedoor blog編)

プルダウンリンク集1まず、ブログ設定からブログパーツの設定の画面を表示。










プルダウンリンク集2リンク集を挿入したい部分に、freeスペースを追加。










プルダウンリンク集3えんぴつマーク「ブログパーツの詳細を設定します」をクリック。

個別設定で下記のソースを挿入します。






挿入ソース


<select onchange="location.href = this.options[selectedIndex].value" style="width:170px;" >
<option value="">ウインド内お題目
<option value=http://blog.ground-line.com>リンク名
</select>


をコピー&ペースト

個別の設定

style="width:170px;" >の数字を変更すると、ウインドーのワイドサイズが変更できます。プレビューを参考に自分の好きなサイズに変更してください。

<option value="">ウインド内お題目
ウインド内お題目の内容を変更すると選択ウインドーの最初に見える文字が設定できます。私はリンク集の説明文をそ記入しています。

<option value=http://blog.ground-line.com>リンク名
http://blog.ground-line.com を変更してリンク先を指定。
リンク名 の内容を変更してリンク先のお題目を記入します。

リンク先を増やす場合は、

<select onchange="location.href = this.options[selectedIndex].value" style="width:170px;" >
<option value="">ウインド内お題目
<option value=http://blog.ground-line.com>リンク名
<option value=http://blog.ground-line.com>リンク名2
<option value=http://blog.ground-line.com>リンク名3</select>

<option value=http://blog.ground-line.com>リンク名
を改行・ペースト・リンク変更リンク先はついかできます。

「保存するをクリック」これで、個別設定は終了です。

ブログパーツの設定にもどって、名前の編集をしてから。

「ブログに反映する」をクリックで終了です。








トラックバックURL

コメントする

名前
 
  絵文字
 
 
top-page

記事のカテゴリー
豆知識 (建築)
豆知識(体・食)
豆知識(その他)