リンクをクリックすると秘密のメッセージが見れるHTML

スポンサーリンク

リンクをクリックしてもらうと、
秘密のメッセージが表示できるようにする方法を知っていますか?

 

単純な方法なんですけど、
けっこう探してみないと分からない方法だったので
ここで紹介します♪

 

そしてこの機能をどのような事に使うのか?

例えば・・・

スポンサーリンク

実際に体験してみよう!!

 

文章で読んでみてもわからないと思うので実際に体験してみてください。

 

なぞなぞ初級編から参照問題

通るときには閉まって、通らないときには開いているものは何?

☟ここをクリックすると・・・

☟ここに答えが現れます。

・・・

・・・

・・・

どうでしたか?

 

一度、人気ブログランキングに飛ばされてしまったかもしれませんが、
元々のこのページにはちゃんと答えが表示されていたでしょう?

 

表示させる方法は教えてgooで学びました

 

教えてgooのコメントを参照させていただいたので、
私の説明がいらない方はこちらのベストアンサーに選ばれたNo2の方を参考にしてみてください。

 

リンクをクリックすると文字が表示される方法がわかりやすく書かれていますヽ(*´∀`)ノ

 

ただし、この方法だとリンク先と隠れ文字を同時に表示させる事ができないのです(´-ω-`)

 

まずはヘッダー内に入力しよう!!

 

ワードプレスなら
「ダッシュボード」→「テーマの編集」→「header.php」を開いて、

</head>の上に

をコピペして「ファイルを更新」しましょう。

 

記事中で使おう!!

 

ヘッダー内の入力が終わったら、あとは本文内やウィジェット内などに
HTMLを入力するだけです。

kaku2の部分の数字を変えれば1ページ内で何個もこんなリンクを作る事ができます。

 

このリンクの使い道

 

上記したサンプルのように人気ランキングに誘導する方法にも使えますが、

href=”▲▲リンク先URL▲▲” と target=”_blank” を消して

と書き換えればリンク先に飛ぶこともないですから、

 

応用次第で

謎解きゲーム
深層心理診断
理解力確認

のようなサイトを作る時にも活用できそうですヽ(*´∀`)ノ

 

サイトー
実際にこのタグを利用して、クリックしてくれた人にだけ特別なファイルを配布している方もいました。

活用方法は色々ですから、自分なりの使い方を見つけてくださいヽ(*´∀`)ノ

ブログランキングに参加しています。

共感できればクリックお願いしますm(_ _)m

コメントを残す

*