FeedBunerの最新記事(Recent Posts)ガジェットのクレジット画像が気に入らない【Blogger Gadget】part3

機能的には全く問題ありませんので導入したい方は過去記事をどうぞ…

 FeedBunerの最近の投稿のRSS配信が停止した場合の対処方法と設置のTips

「FeedBuner」Recent Posts

「FeedBuner」の「BuzzBoost」機能には…

随分と長い間お世話になりましたが…

クレジット画像が「Recent Posts」には…

漏れ無く付いていますから…

どうにも「credit footer」が不満だったんです

「HTML」の静的コンテンツ画像は…

ほぼ…「CSS Sprites」と「Base64」で読み込んでいますが…

 ブログにページャーは必要か？…という考察とデザイン変更中のアレコレ


唯一の例外が…「FeedBuner」のクレジット画像でしたから…

かなり悩みましたが…冷静に考えてみれば…

検索エンジンからの来訪者にとっての重要度は…

1. 関連する投稿（Related Posts）
2. 人気の投稿（Popular Posts）
3. 最近の投稿（Recent Posts）

…の順じゃないか との結論に至り…更には…この画像一つのために…

「Page Speed Performance」的には…

「Serve static content from a cookieless domain」
「Minimize DNS lookups」

…などなどと叱られる 訳ですから尚更です…

「Feed」ガジェット

ならば…最近の投稿（Recent Posts）は…

5件で充分だろうし…何より…

Blogger 内で完結する訳ですから…ベストではありませんがベターな選択として…

基本の…「Feed」ガジェットに変更して…

「FeedBuner」の方は…今回の大カスタマイズで削除しました…

複数サイトの運営者にとっても他の運営サイトの更新情報を載せるのに…

丁度良いサイズじゃないかと思われます…

CSS を弄りたい方用に…出力される HTML の構造を書いておきます…

「Feed」ガジェットの出力される HTML の構造　(クリックで HTML が開閉)

<div class="widget Feed" id="Feed1">
<h2>ガジェットタイトル</h2>
<div class="widget-content" id="Feed1_feedItemListDisplay">
<ul>
<li><span class="item-title"><a href="投稿 URL" target="_self">投稿タイトル</a></span></li>
<li><span class="item-title"><a href="投稿 URL" target="_self">投稿タイトル</a></span></li>
<li><span class="item-title"><a href="投稿 URL" target="_self">投稿タイトル</a></span></li>
<li><span class="item-title"><a href="投稿 URL" target="_self">投稿タイトル</a></span></li>
<li><span class="item-title"><a href="投稿 URL" target="_self">投稿タイトル</a></span></li>
</ul>
</div>
</div>

黃文字部分の数字は固有の半角数字ですので…

複数サイトの CSS をコピペで書くと反映されずに…あれれ

…ってな事になりかねませんから注意 して下さいな…(￣ー￣) 邪笑®

Tips Header Sidebar Main Footer Current-Label : Universal