2011/05/11

Blogger 「最近の投稿」カスタマイズメモ


管理が楽なので、フィードのガジェットを利用して手軽に。
idとかにcssを追加していく感じ。
ガジェット部分
<b:widget id='Feed1' locked='false' title='' type='Feed'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<h2><data:title/></h2>
<div class='widget-content recent' expr:id='data:widget.instanceId + "_feedItemListDisplay"'>
<span style='filter: alpha(25); opacity: 0.25;'>
<a expr:href='data:feedUrl'><data:loadingMsg/></a>
</span>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

CSS
#Feed1 .recent ul { margin:0!important; padding:0!important;}
#Feed1 .recent li{
padding:10px 0;border-bottom:1px solid #ddd;border-right:2px solid #ccc;margin-bottom:2px;
background: url(http://4.bp.blogspot.com/_lxBSX0YJV58/Sr5skprFsnI/AAAAAAAAAXE/Wq9wbEt9x-o/s1600/arrow_icon.png) 0 8px no-repeat;
list-style-type: none;
margin: 0 0 5px;
padding-left: 20px;}

http://blog.takasun.net/2011/08/blogger.html
http://naminorito.blogspot.com/2009/05/blogger.html