お気に入りに追加ボタンとメンバーのブログ更新状況を表示

トップページに、お気に入りに追加ボタンとHP作成勉強会メンバーの最近のブログ更新状況を表示させるようにしました。

まず、メモ帳を起動(「スタート」→「プログラム」→「アクセサリ」→「メモ帳」)し、以下のタグを貼り付けて、デスクトップに「favorite.js」と名前を付けて保存。

function addBookmark(title,url) {
if (window.sidebar) {
window.sidebar.addPanel(title, url,"");
} else if( document.all ) {
window.external.AddFavorite( url, title);
} else if( window.opera && window.print ) {
return true;
}
}

<!–
rssmikle_url="http://r.hatena.ne.jp/ncci/rss";
rssmikle_frame_width="180";
rssmikle_frame_height="280";
rssmikle_target="_blank";
rssmikle_font_size="12";
rssmikle_border="on";
rssmikle_css_url="";
rssmikle_title="on";
rssmikle_title_bgcolor="#99676b";
rssmikle_title_color="#FFFFFF";
rssmikle_title_bgimage="";
rssmikle_item_bgcolor="#FFFFFF";
rssmikle_item_bgimage="";
rssmikle_item_title_length="20";
rssmikle_item_title_color="#666666";
rssmikle_item_border_bottom="on";
rssmikle_item_description="on";
rssmikle_item_description_length="40";
rssmikle_item_description_color="#666666";
rssmikle_item_description_tag="off";
rssmikle_item_podcast="icon";
//–>

「ファイルのアップロード」で、このファイルをアップロード。

 

メンバーのブログ更新状況を表示するために、「メインメニュー」→「テンプレート」→「メインページ」の中で、(<div id="beta-inner" class="pkg">)の後に、以下のタグを貼り付けて、保存と再構築。 

<script src="favorite.js" type="text/javascript"></script>
<!– start feedwind code –>
<script type="text/javascript" src="http://feed.mikle.com/js/rssmikle.js"></script>
<div style="font-size:10px; text-align:right;">
<a href="http://feed.mikle.com/" target="_blank" style="color:#CCCCCC;">RSS表示パーツ</a>
<!–利用規約に従ってページ内に必ずリンクを表示してください–>
</div>
<!– end feedwind code –>

次に、お気に入りに追加ボタンを設置するために、「メインメニュー」→「テンプレート」→「メインページ」と「アーカイブ」→「エントリー・アーカイブ」・「カテゴリー・アーカイブ」・「日付アーカイブ」の中で、(<MTEntryIfTagged>)の前に、以下のタグを貼り付けて、保存と再構築。

<div style="font-size: 10px; text-align: right;"><script src="http://www.miyazaki-cci.or.jp/nichinan/blog/favorite.js" type="text/javascript"></script><input type="button" value="お気に入りに追加する" onClick="addBookmark(document.title, location.href);"></div>

↓下のように表示されます。

 

※これはMT(ムーバブルタイプ)の場合のお話です。