2012年1月11日水曜日

What's New を作成し、掲載する

What's New などfeedで読み込んだ情報を掲載する方法です。
方法は以下のとおり
  • レイアウト>ガジェットの追加>HTML/Javascript を選ぶ
  • タイトルに whatsnew css 、コンテンツに下にあるsampleコードを入力して保存する
  • 同じく、ガジェット追加でフィードを選び、タイトルに whatsnew feed そして読み込むfeedのURLを登録して保存する
  • レイアウトで whatsnew css の下に whatsnew を配置して保存する
以上でBloggerの設定は終了です。

読み込むフィードは、ブログ(店長日記ほか)など更新頻度が高いフィードを指定します。


////////////////// whatsnew css  Sample HTML ////////////////

<style>
#Feed1 li {
  list-style-image: url(*****.png);
 list-style-position: inside;
  text-indent: -3px;
}

</style>
<table width=540 cellpadding=0 cellspacing=0>
<tr><td><img src="*****whatsnew.png" /></td></tr>
<tr bgcolor=#487235><td height=3></td></tr></table>

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

Feed1はガジェットの.idです。テンプレート>HTMLの編集 で確認できます。.idの設定でfeedガジェットのデザインを設定できます。
******には 画像が保存してあるサーバURLが入ります
その他の太字は適当に変更してください


位置を調整するときはmarginで調整する margin: -50px 0 0 0  ;の場合は上に50px分移動します





0 コメント: