最新情報

  • 2024/02/26
    ブログを更新しました。
    2018/04/30
    冷やし中華...じゃなかった、Twitterはじめました。

このサイトに関して



当サイトご利用上の注意

  • 2019/04/14現在、コメント欄にURLを書く場合は、「https」や「http」はNGワードに設定しているので、それを外すか、例えば「h ttps」の様に書いて下さい。
    メールアドレスの入力が求められる場合、とりあえずメールアドレスの形をしていれば(@の前は適当でも)OKです。

    コメントは承認無しで掲載されますが、ココログの仕様で投稿されたコメントが画面に反映されるのにはしばらく時間が掛かります。ご了承下さい。



    このブログの趣旨など。コメント欄はゲストブックとしてご利用下さい。


    記事についてご不明な点などはメールでは回答しかねますので、各記事のコメント欄にお願いします。






    ** ツイログ/Twilog **

特設コーナー

  • Banner_wuhanvirus2

    banner_kunimori01


















外部サイト(その他)

  • 台湾の名前で東京オリンピック参加を!署名活動


    憲法改正を実現する1,000万人ネットワーク 美しい日本の憲法をつくる国民の会









管理人ポータル

大師小同窓会関連












  • 画像を提供、あるいはオリジナル写真を貸して下さる方は管理人までご連絡ください。


我が町!大師の情報

  • 大師の歴史・町名の由来

各種ノウハウ集



私家版スクラップブック

  • ブログ主の個人的スクラップブック集です。

    100円ショップの木箱やディスプレイケースなどを利用したドールハウスのまとめページです。

    メンテナンス中のため一時アクセスを制限しています。

友達の輪・お薦めSHOP

  • CHITIのボディデザイン
    魅せるボディデザイン/カラダ作りの本質とは!?
    川崎市在住のインストラクターが近隣のスポーツ施設や公園・ご自宅でのパーソナルトレーニング受け付けます。




    かわさき楽大師

    ファッション・雑貨の店 「+R」

    ヘアーサロンE'(イーダッシュ)


« 【衆議院選】他党名義で選挙に出て選挙後は再結集を目論む民進党 | トップページ | 【プロ野球】2017年10月、11月のプロ野球日程・テレビ中継まとめ »

2017/10/21

【ブログの楽しみ方】リンク先の説明をポップアップ表示する方法【ココログ】

ブログ記事の中で特定の文字にリンクを貼ることはよくありますが、リンクにマウスポインターを重ねたときに説明文をポップアップさせる方法を説明します。

 

下はサンプルです。

 

Cocolog_title01

 

このように表示されたら閲覧者にとって分かりやすいだけでなく、ブログ記事上には表示されていなくても、実際の記事には、ポップアップされた文言も書かれているので、Googleなどの検索の対象になり、アクセスアップにもつながります。

 

 

 

 

「title」プロパティ

説明文をポップアップさせるには、記事編集画面を「HTMLの編集」に切り替えて、HTMLタグに「title」プロパティを書き加えるだけです。

 

記事中の文字にリンクを貼ると、

 

詳しい経緯はこちらの記事をお読み下さい。

「HTMLタグ」に切り替えると...

down_arrow

詳しい経緯は<a href="http://daishi100.cocolog-nifty.com/blog/2017/05/post-55ce.html">こちらの記事</a>をお読み下さい。

 

<a>というHTMLタグの中に「href="リンク先のURL"」という要素(プロパティ)が書かれています。これに更に、「title="説明文"」プロパティを書き加えるだけです。

プロパティとプロパティの間には半角スペースを入れて下さい。

 

詳しい経緯は<a href="http://daishi100.cocolog-nifty.com/blog/2017/05/post-55ce.html" title="ブログ記事『【加計学園問題】5分で分かる“真実の”加計学園を巡る経緯』">こちらの記事</a>をお読み下さい。

再び「記事の作成」に切り替えると...

down_arrow

詳しい経緯はこちらの記事をお読み下さい。

 

見た目は変わりませんが、マウスポインターを下線が引かれている「こちらの記事」に重ねると、「ブログ記事『【加計学園問題】5分で分かる“真実の”加計学園を巡る経緯』」という文字がポップアップします。

 

以下は過去の記事にも書きましたが、

 

「target="_blank"」プロパティで別タブ(別ウィンドウ)でリンク先を開く

 

詳しい経緯は<a href="http://daishi100.cocolog-nifty.com/blog/2017/05/post-55ce.html" title="ブログ記事『【加計学園問題】5分で分かる“真実の”加計学園を巡る経緯』" target="_blank" >こちらの記事</a>

再び「記事の作成」に切り替えると...

down_arrow

詳しい経緯はこちらの記事をお読み下さい。

 

クリックすると別タブ(ブラウザの設定によっては別ウィンドウ)で開きます。

 

「title」プロパティで画像の説明をポップアップさせる

「title」プロパティは画像でも使用できます。

 

20161109_manaka

 

画像を記事内に挿入すると、自動的に「title="画像のファイル名"」がプロパティとして記述されるので、「画像のファイル名」部分を書き換えるだけです。

 

 

 

 


 

« 【衆議院選】他党名義で選挙に出て選挙後は再結集を目論む民進党 | トップページ | 【プロ野球】2017年10月、11月のプロ野球日程・テレビ中継まとめ »

コメント

コメントを書く

(ウェブ上には掲載しません)

« 【衆議院選】他党名義で選挙に出て選挙後は再結集を目論む民進党 | トップページ | 【プロ野球】2017年10月、11月のプロ野球日程・テレビ中継まとめ »

counter since 2018/12/25

  • Flag Counter

    FLAG Counterのロゴをクリックすると、更に詳しい分析結果が表示されます。
    ココログのアクセス解析よりは少ない数字になるようです。
サイト内検索
ココログ最強検索 by 暴想
2024年11月
          1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30

sponsored link


ドールハウス工作おすすめ参考図書

カテゴリー

無料ブログはココログ