피드버너 부즈부스트 (FeedBurner BuzzBoost) 글 목록 꾸미기 예제

원래 페이지로 가기


[부즈부스트의 원래 모습]

[부즈부스트에 스타일을 주어 꾸민 예제]


[위 예제의 실제 스타일 코드]

<style>
div.feedburnerFeedBlock {
width: 100%;
height: auto;
border: 1px solid #cccccc;
background: #ffe;
padding: 0px 0px 0px 0px;
margin: 0px;
font-family: Verdana, arial, sans;
font-size: 1.0em;
overflow: auto;
}

div.feedburnerFeedBlock p.feedTitle {
font-size: 1.2em;
font-weight: bold;
color: orange;
margin-left: 20px;
}

div.feedburnerFeedBlock p.feedTitle a {
color: orange;
}

div.feedburnerFeedBlock li {
color: #86C041;
}

div.feedburnerFeedBlock ul li {
background: #FDEA9D;
margin: 0px 0px 0px 0px;
padding:5px 5px 5px 10px;
border: 1px dashed orange;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

div.feedburnerFeedBlock ul li a {
color: green;
}

div  #creditfooter {
display:none;
}
</style>

<script src="http://feeds.feedburner.com/Howways2-javascript?format=sigpro" type="text/javascript">
</script>
<noscript>
<p>Subscribe to RSS headline updates from: <a href="http://feeds.feedburner.com/Howways2-javascript"></a><br/>Powered by FeedBurner</p>
</noscript>