> > おちゃのこネットにWhat's New!を組み込む

2012年1月15日日曜日

おちゃのこネットにWhat's New!を組み込む


おちゃのこネットにWhat's New などfeedで読み込んだ情報を掲載する方法です。

＞＞　おちゃのこネットではなく、Blogger上のサイト（公式サイト、ブログ、良くある質問など）に組み込む場合　

方法は以下のとおり
  • FeedBurner - Google にアクセスし、webmaster@****.comのgoogleアカウントでログインする
  • ”新しいフィードを登録！”にて ブログの更新情報ラベルのfeedのURL　http://blog.＊＊＊.com/feeds/posts/default/-/Latest%20News )　を入力して、”次へ”をクリックする ＊＊＊にはブログのURLを入力する を入力して、”次へ”をクリックする
  • 適当に情報を入力して、登録を完了させる
  • feedBurnerのMYフィード　に戻り、登録したフィードをクリックする
  • 集客支援　＞　バズ・ブースト　をクリックする
  • バズ・ブーストのフィード設定を以下のとおりに設定して、”有効にする”をクリックする
    • 最新何記事まで表示:　５件　あとでHTMLにて設定可能です  
    • リンク先表示方法  　同じウィンドウで開く　を選ぶ
    •  フィード名を表示　チェックをしない
    •  faviconの表示  チェックをしない
    •  記事の所有者を表示します　チェックをしない
    •  記事内容を表示　チェックしない
    •  記事発行日を表示　 チェックをしない 　
    •  ポッドキャストのリンクを表示　 チェックをしない
    •  フィードへのリンクを表示　 チェックをしない
  • クリック後、フォーム内のコードをコピーする
  • 次におちゃのこネットの設定をします

    【注意】　リストのアイコン のURLを入力してください。　非表示の場合は　url(... )の部分を　none に変更する
    読み込むフィードは、ブログ（店長日記ほか）など更新頻度が高いフィードを指定します。
//////////////////　whatsnew css  Sample HTML ////////////////


<style>

#creditfooter {
display: none;
}


#whatsnew .feedburnerFeedBlock li {
  list-style-image: url(http://www.*****.com/icon-allow-latestnews.jpg);
  list-style-position: outside;
  text-indent: 0px;
  margin-bottom: 5px;
}


#whatsnew .feedburnerFeedBlock ul {
margin: 0px 10px 0px 0px;
padding: 5px;
}


</style>

<table width=540 cellpadding=0 cellspacing=0>
<tr><td><img src="http://www.＊＊＊＊＊.com/whatsnew.png" /></td></tr>
<tr bgcolor=#487235><td height=2></td></tr></table><div class="feedburnerFeedBlock" id="whatsnew">
<script src="http://feeds.feedburner.com/＊＊＊＊＊＊?format=sigpro" type="text/javascript" ></script><noscript><p>Subscribe to RSS headline updates from: <a href="http://feeds.feedburner.com/ ＊＊＊＊＊＊ "></a><br/>Powered by FeedBurner</p> </noscript>
</div>
<p></p>

//////////////////////////////////////////////////////////////

whatsnewはcssの.idです。.idを指定することによりこのfeedにのみ、このCSSが適用されます
******と＋＋＋＋＋には　画像が保存してあるサーバURLが入ります
その他の太字は適当に変更してください。