どうもー、リーダーのskyguildこと三上です。
今日は久しぶりにフロントエンドネタを。
最近当ブログ、リニューアルしたのですが、外部リンク(別窓で開く)を表すアイコン画像があります。
こういうの → サンプル
今回は、この別窓アイコンの実装方法と、ついでにGoogleAnalyticsのイベントトラッキングを設置する方法をご紹介します。
リンクの右側にアイコン画像を表示
aタグに「blank_link」というclassをつけて、背景画像としてアイコンをCSSで指定します。
(記事本文内(div.entryBody)だけに適用)
div.entryBody a.blank_link{
background:url(../images/front/setucocms/icn_entry_blank_link.png) no-repeat 100% 0;
padding-right: 20px;
}







