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
0 *:
コメントを投稿