忍者ブログ

CusblO

忍者ブログテンプレートカスタマイズ ブログテンプレートCSS/HTMLカスタマイズ覚書 忍者用ブログテンプレート作成中

HOME[PR]リンクカスタマイズリンクに説明文を表示させるカスタマイズ

[PR]

11/22(Fri)  YESR2024

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

リンクに説明文を表示させるカスタマイズ

04/01(Thu)  YESR2010

リンク文字ヤ画像にマウスが触れたときに説明文が表示することができる
  HTMLのみカスタマイズ
<BODY>内
文字リンクの場合:半角スペース1つ付けて
title=”表示させたい文章を記入”
リンクタグ
<a href="サイトURL" title="表示させたい文章を記入">リンクタイトル</a>

画像リンクの場合
alt="表示させたい文章を記入"
<a href="サイトURL" alt="表示させたい文章を記入"><IMG SRC="画像URL"></a>

SEOを気にするなら特にこういったことが重要になってくる
これを各タイトルをカスタマイズして搭載するのがベスト

MTなどではこういったことができるが
忍者などでは仕様にない



ので
せめて文字や画像に付けておきたい

画像はリンク用でなくても付けておくべき

リンクのない画像に説明文
3種類

かものはしくんでーす①<img src="aa.jpg" alt="代替文" title="説明文">
②<img src="aa.jpg" alt="代替文">
③<img src="aa.jpg" title="説明文">

①が好ましいが しつこそうなら②か③

JAVA指定カスタマイズ
 
<head> から </head>に
 
<script language="JavaScript">
<!--
function setLinkMsg(msg) {
document.getElementById("linkmsg").innerHTML = msg
}
function resetLinkMsg() {
document.getElementById("linkmsg").innerHTML = ""
}
 
-->
</script>
 
<body> から </body>のリンクに

<a href="リンク先URL" onmouseover="setLinkMsg('説明文');" onmouseout="resetLinkMsg();">コンテンツ名または画像</a>
 
メッセージを出したい箇所に
<span id="linkmsg"></span>

拍手

PR

この記事にコメントする

お名前
タイトル
文字色
メールアドレス
URL
コメント
パスワード   Vodafone絵文字 i-mode絵文字 Ezweb絵文字
 管理人だけに表示

この記事へのトラックバック

この記事にトラックバックする:

リンクタグをカスタマイズ« HOME »時間タグ

最新コメント
[04/23 管理人]

最新トラックバック

Yurapisは、Twitterとmyspace同期中

ブログ:
ネーム:
かすぽ
趣味:
美しい・綺麗なものの鑑賞
自己紹介:
CusBloスタート:2010.03.07
3月16日1作目完成とどうじに愛猫天使記念日

最近自分が引っ込み思案と知った。
フリーかつ手動作成まっしぐら中

素材配布サイト様へ:リンク漏れが有る場合以下の専用ページにコメントください



Copyright (C) CusblO
TEMPLATE by CusBlo
     忍者ブログ [PR]
 | 管理 | 新記事