トップページ＞「リンク＆RSS」ブログパーツ

「リンク＆RSS」ブログパーツ

LTTBlogPart

「リンク＆RSS」ブログパーツは、ページ内のリンクを一覧表示するブログパーツです。さらにクリックするとリンク先ページの文章を抜粋して表示します。

また、RSSを設置しているサイトでは、RSS閲覧用のブックマークレットを配布できます。具体的には、RSSの取得用リンクが表示され、これをお気に入りに登録すれば、RSS閲覧用アプリをいつでもお気に入りから呼び出せるようになります。

対応ブラウザ

本アプリは、以下の最新ブラウザで動作確認済みです。インターネットエクスプローラー(IE)、クローム（Chrome）、ファイアフォックス(Firefox)、サファリ(Safari)、オペラ(Opera)。

設置方法

ブログやホームページに下記のタグを貼り付ければ設置完了です。

WEBページ貼付タグ

<div id="lttBP_Frame">LTTBlogPart</div><script src="http://www.linktracktool.com/javascript/lttBlogPartPublish.js" type="text/javascript"></script>

デザインのカスタマイズ

右上の例は、デザインをカスタマイズしてあります。同様にしたい場合には、以下のCSSも貼り付けてください。

#lttBP_Frame{ padding-left:3px; padding-right:3px; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; -o-border-radius:15px; -ms-border-radius:15px; background: linear-gradient( #F9F9F9, #EFEFEF); background: -moz-linear-gradient( #F9F9F9,#EFEFEF); background: -webkit-gradient(linear, left top, left bottom, from( #F9F9F9), to(#EFEFEF)); box-shadow: 0px 0px 2px 3px rgba(240,240,240,0.4); /* box-shadow: 0px 0px 3px 5px rgba(240,240,240,0.4); */ -moz-box-shadow: 0px 0px 2px 3px rgba(240,240,240,0.4); -webkit-box-shadow: 0px 0px 2px 3px rgba(240,240,240,0.4); -o-box-shadow: 0px 0px 2px 3px rgba(240,240,240,0.4); -ms-box-shadow: 0px 0px 2px 3px rgba(240,240,240,0.4); } #lttBP_Frame:hover{ transform: scale(1.3,1.3); animation: 'anime' 0.2s ease 1; -moz-transform: scale(1.3,1.3); -moz-animation: 'anime' 0.2s ease 1; -webkit-transform: scale(1.3,1.3); -webkit-animation: 'anime' 0.2s ease 1; -o-transform: scale(1.3,1.3); -o-animation: 'anime' 0.2s ease 1; -ms-transform: scale(1.3,1.3); -ms-animation: 'anime' 0.2s ease 1; } @keyframes 'anime' { 0% {transform: scale(1,1);} 100% {transform: scale(1.3,1.3);} } @-moz-keyframes 'anime' { 0% {-moz-transform: scale(1,1);} 100% {-moz-transform: scale(1.3,1.3);} } @-webkit-keyframes 'anime' { 0% {-webkit-transform: scale(1,1);} 100% {-webkit-transform: scale(1.3,1.3);} } @-o-keyframes 'anime' { 0% {-o-transform: scale(1,1);} 100% {-o-transform: scale(1.3,1.3);} } @-ms-keyframes 'anime' { 0% {-ms-transform: scale(1,1);} 100% {-ms-transform: scale(1.3,1.3);} } .lttBP_itemBase{ background: linear-gradient( #FFF, #F9F9F9); background: -moz-linear-gradient( #FFF,#F9F9F9); background: -webkit-gradient(linear, left top, left bottom, from( #FFF), to(#F9F9F9)); } .lttBP_itemHover{ background: linear-gradient( #555, #333); background: -moz-linear-gradient( #555,#333); background: -webkit-gradient(linear, left top, left bottom, from( #555), to(#333)); } .lttBP_itemOpenHover{ background: linear-gradient( #FFF, #F9F9F9); background: -moz-linear-gradient( #FFF,#F9F9F9); background: -webkit-gradient(linear, left top, left bottom, from( #FFF), to(#F9F9F9)); }

デザインをカスタマイズしたい場合には、以下のid,classを参考にして下さい。
ＩＤ：　lttBP_Frame, lttBP_lFrame, lttBP_cFrame, lttBP_hLine, lttBP_vLineMiddle, lttBP_vLineLeft, lttBP_vLineRight, lttBP_mLine, lttBP_lTextUp, lttBP_rTextUp, lttBP_rFrame, lttBP_footer,
ＣＬＡＳＳ：　lttBP_itemBase, lttBP_itemHover, lttBP_itemOpen, lttBP_itemOpenHover

既定サイズ： 幅は150px。高さは、RSSがある場合は317pxで、RSSがない場合は247pxです。

障害情報

2012年10月2日：　ページ内のリンク数が１３個に満たない場合に、リンク先ページの抜粋を表示することができないバグが見つかりました。

免責について

本プログラムを利用して発生した障害や損害に対して、弊社及び著作者はいかなる責任も負わないものとします。

テスト用リンク１　テスト用リンク２　テスト用リンク３　テスト用リンク４

上へ戻る