柴犬 けんたの日記 Part2

柴犬 けんたの日記 Part2

画像を使ってリンクする




リンク

  リンクを別窓で開けたい。ランキングサイトのバナーが別窓で開けばいいのに・・・なんて思ったらこれ。

 今は、大体のランキングサイトで別窓であけるソースがあるからそっちを使うといいね。

 <A href="リンクURL" ><IMG src="画像のアドレス" border="0"></A>

 ターゲットの種類
  target="_blank" 新しいウィンドウで開きます
  target なし 同じページで開きます
  target="_top" 全てのフレームを解除して画面全体を表示
  target="_self" 同じウィンドウ(フレーム)に表示
  target="_parent" 親フレームに表示します。
  target="フレーム名" フレームから別フレームに表示します


 楽天ブログは、動画の貼り付けが限られている

 リンクで動画を使うのが一番だから、基本は上と同じだな。

 テモちゃん!!画像借りてるね~(*^o^*)/~
 本の宣伝だよ~。


<a href="http://plaza.rakuten.co.jp/chuuko1234/" target="_blank"><img src="http://image.space.rakuten.co.jp/lg01/83/0000647683/62/imgd367f920zik9zj.jpeg" alt="WANだふるテモ" border="0"></a><br>なにわの下町 犬日記

 リンクの構文はこれで、OK!!

このように、表示されて、クリックすると指定のぺージやサイトが表示される。


WANだふるテモ
なにわの下町 犬日記




 前半のかっこの中は、リンク先を指定する。
 <a href="動画サイトの動画表示したいアドレス" target="_blank">
           ↑↓
     http://plaza.rakuten.co.jp/chuuko1234/ 

 動画サイトの動画表示したいアドレスは、アドレス欄に表示されるよね。

 コぺピで入れ替え。

 後半の<img src="http://image.space.rakuten.co.jp/lg01/83/0000647683/62/imgd367f920zik9zj.jpeg" alt="WANだふるテモ" border="0"></a>は、ブログに表示させる画像。好きな画像のアドレスを入れる。

 http://image.space.rakuten.co.jp/lg01/83/0000647683/62/imgd367f920zik9zj.jpegのところを入れ替えるんだよ。

 画像のタグをそのまま使ってはりつけるのが楽だね。<img src="http://~.jpeg">だよ。

 最後を</a>で閉めるのを忘れないでね。

 これで、画像をクリックすると、目的のとこを表示できるよ。

 最初の構文の通りにできたら完成だ。

 <br>なにわの下町 犬日記 のところは、画像に題名などつけたいときに使えばいいよ。なくても問題ない。

 頑張ってみてね^^

 参考までに、僕の動画だよ。クリックしてみてね。

 これは、フォト蔵 


<center>
<a href="http://photozou.jp/photo/show/180337/26050994" target="_blank"><img src="http://art8.photozou.jp/pub/337/180337/photo/17591060.gif" alt="アップー" width="448" height="336" style="border:0" /></a><br>けんたの言い訳</center>




アップー
けんたの言い訳



 こっちは、FlipClip というサイト。
 個々のサイトは、下のタグが発行されて、そのままブログに貼り付けできるので、最近の動画はこちらを使っているよ。


<a href="http://www.flipclip.net/clips/edc0449b061baf3a7b9aa643211b3fbe/popup" title="FlipClip - 忍び寄る影" target="flclpopup"><img src="http://www.flipclip.net/thumbs/clip/ngyoshiaki/edc0449b061baf3a7b9aa643211b3fbe.jpg" alt="忍び寄る影" border="0" width="174" /></a>



忍び寄る影



次は、スクロールだよ。 スクロールバーを活用してみた











© Rakuten Group, Inc.
X
Mobilize your Site
スマートフォン版を閲覧 | PC版を閲覧
Share by: