PC,Adroid,自転車,津軽三味線などについてのブログです

2011年9月28日水曜日

ブログ改造:リンク先を別窓で開く

今回のブログの改造は、「リンク先を別窓で開く」です。

bloggerの場合、写真を貼るとき、多のサイトなどへのリンクを貼るとき、「同じ窓で開くか別窓で開くか」を選択できません。必ず同じ窓で開かれてしまいますが、別窓で開いてほしいときもあります。(追記:新しいdynamic viewテンプレートでは別窓で開きました)

そこで、別窓で開く方法ですが、HTMLを直接編集する方法しかわかってません。ハイパーリンク(?)をフックして操作・・とか・・うーん・全然わからないので・・今回は、HTML
を毎回!編集する!という原始的な方法を述べてみます。
(記事のHTMLを表示‥編集する方法は「ここ」を参照ください)

記事をHTMLで表示させて調べてみると、写真も記事リンクも基本的には同じでした。HTML表現上は共に以下の構文から始まっています。

<a href="http://URL"

URLの部分は、具体的な例としては、
写真なら、       <a href="http://www.myspace.com/pic/tatami.jpg"
リンク先サイトなら  <a href="http://tatami2002.blogspot.com"
とか記述されているわけです。

それぞれ、URLのあとに、表示色だとか、いろんなオプションが続いているわけですが、
別窓で開きたい場合はURL以後は知らんぷり、そのままでいいので、ここでは無視します。

さて、方法ですが、URLの後に
target='_blank'
を挿入してやればそれでおしまいです。
<a href="http://URL" target='_blank' .......続きはそのまま手を付けない
となります。

上の例で言えば、
<a href="http://www.myspace.com/pic/tatami.jpg" target='_blank' ....続きはそのまま 
<a href="http://tatami2002.blogspot.com" target='_blank' .....続きはそのまま


となります。要するに、target='_blank' を挿入するだけです。(ちなみにHTMLではダブルクオテーション(")、シングルクオテーション(')、どっち使ってもいいみたいです。)

以下の写真とリンクは上を適用して別窓で開くサンプルです。
   




「要するにどうすればいいか? target='_blank'<a href="http://URL"の後に挿入すれば良い」


とわかったわけですが、それをどう実現するか?その具体的方法は様々だと思います。

知恵があれば、知識と技術があれば、処理したい全対象にたいして自動変換させられると思いますが、私はそういう知識と技術がないので・・原始的に1つ1つ指定、修正です・・シクシク(そのうち、事前指定、一括修正できるようになる日も来るでしょう)


では、例によって、これから過去記事のリンクを別窓で開く作業に入ります。
ごきげんよう

0 件のコメント:

コメントを投稿