<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Web Design Byte &#187; design</title>
	<atom:link href="http://www.webdesignbyte.com/tag/design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.webdesignbyte.com</link>
	<description>Wed Design Resource for Web Designers &#038; Web Enthusiast</description>
	<lastBuildDate>Thu, 13 May 2010 07:28:17 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=abc</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>17 Free Dingbat Fonts for your Interface Design</title>
		<link>http://www.webdesignbyte.com/webdesign/16-free-dingbat-fonts-for-your-interface-design/</link>
		<comments>http://www.webdesignbyte.com/webdesign/16-free-dingbat-fonts-for-your-interface-design/#comments</comments>
		<pubDate>Sat, 05 Dec 2009 07:27:13 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Freebies]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[Dingbat]]></category>
		<category><![CDATA[font]]></category>
		<category><![CDATA[UI]]></category>

		<guid isPermaLink="false">http://www.webdesignbyte.com/?p=470</guid>
		<description><![CDATA[Operating a computer is quite easy nowadays. We all click our way through our desktops, we all know how to open our e-mail or how to save files in folders. Working with computers has become such a common practice that we barely realize how these actions are framed by metaphors.
If you are looking for a [...]]]></description>
			<content:encoded><![CDATA[<p>Operating a computer is quite easy nowadays. We all click our way through our desktops, we all know how to open our e-mail or how to save files in folders. Working with computers has become such a common practice that we barely realize how these actions are framed by metaphors.</p>
<p>If you are looking for a quick and easy fix for symbols or icons, using dingbat fonts can help you save lots of time. Dingbats are symbols and shapes that are created to describe fonts in the position designated for alphabetical or numerical characters. Remember to take extra care on your choice of symbol. They should be understandable and intuitive.</p>
<p>Here are 17 Dingbat fonts available for free. Get them for your next interface project!</p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><a href="http://www.learnphotoshopnow.com/a.php?a=nkraf"><br />
 <img src="http://www.learnphotoshopnow.com/affiliates/resources/01.gif" border="0" alt="" /></a></p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><strong>1. <a href="http://www.fontsquirrel.com/fonts/Symbol-Signs">Symbol Signs<br />
 </a><a href="http://www.fontsquirrel.com/fonts/Symbol-Signs"><img class="alignnone size-full wp-image-471" title="symbol signs" src="http://www.webdesignbyte.com/wp-content/uploads/2009/12/symbolsigns.jpg" alt="symbol signs" width="437" height="395" /></a></strong></p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><strong>2. <a href="http://www.fontsquirrel.com/fonts/Notice">Notice 1<br />
 </a><a href="http://www.fontsquirrel.com/fonts/Notice"><img class="alignnone size-full wp-image-472" title="notice1" src="http://www.webdesignbyte.com/wp-content/uploads/2009/12/notice1.jpg" alt="notice1" width="580" height="298" /></a></strong></p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><strong>3. <a href="http://www.fontsquirrel.com/fonts/Notice">Notice 2<br />
 </a><a href="http://www.fontsquirrel.com/fonts/Notice"><img class="alignnone size-full wp-image-473" title="notice2" src="http://www.webdesignbyte.com/wp-content/uploads/2009/12/notice2.jpg" alt="notice2" width="580" height="298" /></a></strong></p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><strong>4. <a href="http://www.dafont.com/travelcons.font">Travel Icons<br />
 </a><a href="http://www.dafont.com/travelcons.font"><img class="alignnone size-full wp-image-474" title="travel icons" src="http://www.webdesignbyte.com/wp-content/uploads/2009/12/travelicons.jpg" alt="travel icons" width="580" height="298" /></a></strong></p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><strong>5. <a href="http://www.dafont.com/symbolix.font">Symbolix<br />
 </a><a href="http://www.dafont.com/symbolix.font"><img class="alignnone size-full wp-image-475" title="symbolix" src="http://www.webdesignbyte.com/wp-content/uploads/2009/12/symbolix.jpg" alt="symbolix" width="580" height="298" /></a></strong></p>
<p><br class="spacer_" /></p>
<p>
<script type="text/javascript">// <![CDATA[
hopfeed_template="";
hopfeed_align='LEFT';
hopfeed_type='IFRAME';
hopfeed_affiliate_tid='nkraftextad';
hopfeed_affiliate='nkraf';
hopfeed_fill_slots='true';
hopfeed_height=120;
hopfeed_width=468;
hopfeed_cellpadding=5;
hopfeed_rows=1;
hopfeed_cols=2;
hopfeed_font='Verdana, Arial, Helvetica, Sans Serif';
hopfeed_font_size='9pt';
hopfeed_font_color='#292929';
hopfeed_border_color='#FFFFFF';
hopfeed_link_font_color='#800A0A';
hopfeed_link_font_hover_color='#800A0A';
hopfeed_background_color='#FFFFFF';
hopfeed_keywords='web design web development';
hopfeed_path='http://nkraf.hopfeed.com';
hopfeed_link_target='_blank';
// ]]&gt;</script><br />
<br />
<script src="http://nkraf.hopfeed.com/script/hopfeed.js" type="text/javascript"></script>
</p>
<p><br class="spacer_" /></p>
<p><strong>6. <a href="http://www.dafont.com/rally-symbols.font">Rally Symbols<br />
 </a><a href="http://www.dafont.com/rally-symbols.font"><img class="alignnone size-full wp-image-476" title="rally" src="http://www.webdesignbyte.com/wp-content/uploads/2009/12/rally.jpg" alt="rally" width="580" height="298" /></a></strong></p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><strong>7. <a href="http://www.dafont.com/siruca-pictograms.font">Siruca Pictograms<br />
 </a><a href="http://www.dafont.com/siruca-pictograms.font"><img class="alignnone size-full wp-image-477" title="sirucapictograms" src="http://www.webdesignbyte.com/wp-content/uploads/2009/12/sirucapictograms.jpg" alt="sirucapictograms" width="580" height="298" /></a></strong></p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><strong>8. <a href="http://www.dafont.com/ding-dongs.font">Ding Dongs<br />
 </a><a href="http://www.dafont.com/ding-dongs.font"><img class="alignnone size-full wp-image-478" title="dingdongs" src="http://www.webdesignbyte.com/wp-content/uploads/2009/12/dingdongs.jpg" alt="dingdongs" width="580" height="298" /></a></strong></p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><strong>9. <a href="http://www.dafont.com/zeichen-alt.font">Zeichen Hundert Alt<br />
 </a><a href="http://www.dafont.com/zeichen-alt.font"><img class="alignnone size-full wp-image-479" title="zeichenalt" src="http://www.webdesignbyte.com/wp-content/uploads/2009/12/zeichenalt.jpg" alt="zeichenalt" width="580" height="298" /></a></strong></p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><strong>10. <a href="http://www.dafont.com/roadsign.font">Road Signs<br />
 </a><a href="http://www.dafont.com/roadsign.font"><img class="alignnone size-full wp-image-480" title="roadsigns" src="http://www.webdesignbyte.com/wp-content/uploads/2009/12/roadsigns.jpg" alt="roadsigns" width="580" height="298" /></a></strong></p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><strong>11. <a href="http://www.dafont.com/warning-tables.font">Warning Tables<br />
 </a><a href="http://www.dafont.com/warning-tables.font"><img class="alignnone size-full wp-image-481" title="warningtables" src="http://www.webdesignbyte.com/wp-content/uploads/2009/12/warningtables.jpg" alt="warningtables" width="580" height="298" /></a></strong></p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><script type="text/javascript">
    hopfeed_template='';
    hopfeed_align='LEFT';
    hopfeed_type='IFRAME';
    hopfeed_affiliate_tid='';
    hopfeed_affiliate='nkraf';
    hopfeed_fill_slots='true';
    hopfeed_height='120';
    hopfeed_width='590';
    hopfeed_cellpadding='5';
    hopfeed_rows='1';
    hopfeed_cols='3';
    hopfeed_font='Verdana, Arial, Helvetica, Sans Serif';
    hopfeed_font_size='9pt';
    hopfeed_font_color='#232323';
    hopfeed_border_color='#FFFFFF';
    hopfeed_link_font_color='#800A41';
    hopfeed_link_font_hover_color='#800A41';
    hopfeed_background_color='#FFFFFF';
    hopfeed_keywords='illustrator graphics design';
    hopfeed_path='http://nkraf.hopfeed.com';
    hopfeed_link_target='_blank';
</script>
<script type="text/javascript" src='http://nkraf.hopfeed.com/script/hopfeed.js'></script>
</p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><strong>12. <a href="http://www.dafont.com/geotype.font">Geo Type<br />
 </a><a href="http://www.dafont.com/geotype.font"><img class="alignnone size-full wp-image-482" title="geotype" src="http://www.webdesignbyte.com/wp-content/uploads/2009/12/geotype.jpg" alt="geotype" width="580" height="298" /></a></strong></p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><strong>13. <a href="http://www.dafont.com/hazard.font">Hazard<br />
 </a><a href="http://www.dafont.com/hazard.font"><img class="alignnone size-full wp-image-483" title="hazard" src="http://www.webdesignbyte.com/wp-content/uploads/2009/12/hazard.jpg" alt="hazard" width="580" height="298" /></a></strong></p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><strong>14. <a href="http://www.dafont.com/cart-o-grapher.font">Cartographer<br />
 </a><a href="http://www.dafont.com/cart-o-grapher.font"><img class="alignnone size-full wp-image-484" title="cartographer" src="http://www.webdesignbyte.com/wp-content/uploads/2009/12/cartographer.jpg" alt="cartographer" width="580" height="298" /></a></strong></p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><strong>15. <a href="http://www.fontsquirrel.com/fonts/Glyphyx-One-NF">Glyphyx<br />
 </a><a href="http://www.fontsquirrel.com/fonts/Glyphyx-One-NF"><img class="alignnone size-full wp-image-485" title="glyphyx" src="http://www.webdesignbyte.com/wp-content/uploads/2009/12/glyphyx.jpg" alt="glyphyx" width="580" height="298" /></a></strong></p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><strong>16. <a href="http://www.dafont.com/pictogramz.font">Pictogramz<br />
 </a><a href="http://www.dafont.com/pictogramz.font"><img class="alignnone size-full wp-image-486" title="pictogramz" src="http://www.webdesignbyte.com/wp-content/uploads/2009/12/pictogramz.jpg" alt="pictogramz" width="580" height="298" /></a></strong></p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><strong>17. <a href="http://www.dafont.com/mostly-waves.font">Waves<br />
 </a><a href="http://www.dafont.com/mostly-waves.font"><img class="alignnone size-full wp-image-487" title="waves" src="http://www.webdesignbyte.com/wp-content/uploads/2009/12/waves.jpg" alt="waves" width="580" height="298" /></a></strong></p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><script type="text/javascript">
    hopfeed_template='';
    hopfeed_align='LEFT';
    hopfeed_type='IFRAME';
    hopfeed_affiliate_tid='';
    hopfeed_affiliate='nkraf';
    hopfeed_fill_slots='true';
    hopfeed_height='120';
    hopfeed_width='590';
    hopfeed_cellpadding='5';
    hopfeed_rows='1';
    hopfeed_cols='3';
    hopfeed_font='Verdana, Arial, Helvetica, Sans Serif';
    hopfeed_font_size='9pt';
    hopfeed_font_color='#232323';
    hopfeed_border_color='#FFFFFF';
    hopfeed_link_font_color='#800A41';
    hopfeed_link_font_hover_color='#800A41';
    hopfeed_background_color='#FFFFFF';
    hopfeed_keywords='illustrator graphics design';
    hopfeed_path='http://nkraf.hopfeed.com';
    hopfeed_link_target='_blank';
</script>
<script type="text/javascript" src='http://nkraf.hopfeed.com/script/hopfeed.js'></script>
</p>
]]></content:encoded>
			<wfw:commentRss>http://www.webdesignbyte.com/webdesign/16-free-dingbat-fonts-for-your-interface-design/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>12 examples of excellent blog post formatting and styling</title>
		<link>http://www.webdesignbyte.com/webdesign/12-examples-of-excellent-blog-post-formatting-and-styling/</link>
		<comments>http://www.webdesignbyte.com/webdesign/12-examples-of-excellent-blog-post-formatting-and-styling/#comments</comments>
		<pubDate>Mon, 30 Nov 2009 18:27:52 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[Blogspot]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[Formatting]]></category>
		<category><![CDATA[styling]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.webdesignbyte.com/?p=436</guid>
		<description><![CDATA[While front pages are usually the part of blogs that get showcased, blog design includes a lot of other details that can add to the overall look and appearance of the blog, not to mention usability. The pages of individual blog posts provide opportunities for design and styling in a number of different areas.
In this [...]]]></description>
			<content:encoded><![CDATA[<p>While front pages are usually the part of blogs that get showcased, blog design includes a lot of other details that can add to the overall look and appearance of the blog, not to mention usability. The pages of individual blog posts provide opportunities for design and styling in a number of different areas.</p>
<p>In this post we’ll look at a few aspects of blog posts and showcase some design elements that are used to make the post more helpful, inviting, or attractive.</p>
<p><br class="spacer_" /></p>

<p><br class="spacer_" /></p>
<p><strong><strong><strong>1. </strong></strong><a href="http://designreviver.com/general/the-50-best-premium-wordpress-themes/"><strong><strong>Design Reviver</strong><br />
 <strong> </strong></strong></a><strong><strong><a href="http://designreviver.com/general/the-50-best-premium-wordpress-themes/"><img class="alignnone size-full wp-image-437" title="Design Reviver" src="http://www.webdesignbyte.com/wp-content/uploads/2009/12/30.jpg" alt="Design Reviver" width="425" height="230" /></a></strong></strong></strong></p>
<p><strong><strong><strong> </strong></strong></strong>Design Reviver also includes a large lead image above the post title.<strong><strong><strong> </strong> </strong></strong></p>
<h3>Sub-Headers:</h3>
<p>Readability is obviously important to any blog in order to build an audience and encourage repeat visits. One of the best ways to improve readability in posts is to make use of sub-headers, and to have them styled effectively.</p>
<p><br class="spacer_" /></p>
<p><strong>2.</strong> <strong><a href="http://www.uxbooth.com/blog/creating-consistently-colorful-user-experiences-part-2-the-medium/"><strong>UX Booth<br />
 <strong> </strong></strong></a><strong><strong><a href="http://www.uxbooth.com/blog/creating-consistently-colorful-user-experiences-part-2-the-medium"><img class="alignnone size-full wp-image-438" title="UX Booth" src="http://www.webdesignbyte.com/wp-content/uploads/2009/12/31.jpg" alt="UX Booth" width="425" height="250" /></a></strong></strong></strong></p>
<p><strong><strong><strong> </strong></strong></strong>UX Booth uses different colors for h3 and h4 tags, which helps to visualize the flow or outline of the post.<strong><strong><strong> </strong></strong></strong></p>
<h3>End of Post Area/Promotion:</h3>
<p>At the end of posts and before the comments, many blogs are including things like buttons and links for social media voting, and calls to action that will encourage readers to subscribe.</p>
<p><br class="spacer_" /></p>
<p><strong>3. </strong><strong><a href="http://wellmedicated.com/lists/40-gorgeous-vintage-tobacco-advertisements/"><strong>Well Medicated</strong></a><br />
 <a href="http://wellmedicated.com/lists/40-gorgeous-vintage-tobacco-advertisements/"><img class="alignnone size-full wp-image-439" title="Well Medicated" src="http://www.webdesignbyte.com/wp-content/uploads/2009/12/17.jpg" alt="Well Medicated" width="425" height="310" /></a><br />
 </strong><br />
 Well Mediacated has an area for encouraging social media votes and an “about the author” section.</p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><strong>4. <strong><a href="http://www.tutorial9.net/photoshop/design-a-stylish-mail-icon-in-photoshop/"><strong>Tutorial9<br />
 <strong> </strong></strong></a><strong><strong><a href="http://www.tutorial9.net/photoshop/design-a-stylish-mail-icon-in-photoshop/"><img class="alignnone size-full wp-image-440" title="Tutorial9" src="http://www.webdesignbyte.com/wp-content/uploads/2009/12/15.jpg" alt="Tutorial9" width="425" height="360" /><br />
 </a></strong></strong></strong></strong></p>
<p>Tutorial9 posts start with a lead graphic and links for social media voting/sharing.</p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><strong>5. <strong><a href="http://www.creativetempest.com/graphic-design/kasper-ledet/"><strong>Creative Tempest<br />
 <strong> </strong></strong></a><strong><strong><a href="http://www.creativetempest.com/graphic-design/kasper-ledet/"><img class="alignnone size-full wp-image-441" title="Creative Tempest" src="http://www.webdesignbyte.com/wp-content/uploads/2009/12/26.jpg" alt="Creative Tempest" width="425" height="363" /></a></strong></strong></strong></strong></p>
<p>Above posts on the Creative Tempest is a large lead image.</p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><strong>6. <strong><a href="http://www.viget.com/inspire/fix-it-fast-rapid-ie6-debugging/"><strong>Viget Inspire<br />
 <strong> </strong></strong></a><strong><strong><a href="http://www.viget.com/inspire/fix-it-fast-rapid-ie6-debugging/"><img class="alignnone size-full wp-image-442" title="Viget Inspire" src="http://www.webdesignbyte.com/wp-content/uploads/2009/12/9.jpg" alt="Viget Inspire" width="425" height="200" /></a></strong></strong></strong></strong><a href="http://www.viget.com/inspire/fix-it-fast-rapid-ie6-debugging/"></a></p>
<p>Viget Inspire also uses uppercase styling, and if you click through to this post you will see that their use of sub-headers and bold text helps to make the post scannable.</p>
<p><br class="spacer_" /></p>
<p><script type="text/javascript">
    hopfeed_template='';
    hopfeed_align='LEFT';
    hopfeed_type='IFRAME';
    hopfeed_affiliate_tid='';
    hopfeed_affiliate='nkraf';
    hopfeed_fill_slots='true';
    hopfeed_height='120';
    hopfeed_width='590';
    hopfeed_cellpadding='5';
    hopfeed_rows='1';
    hopfeed_cols='3';
    hopfeed_font='Verdana, Arial, Helvetica, Sans Serif';
    hopfeed_font_size='9pt';
    hopfeed_font_color='#232323';
    hopfeed_border_color='#FFFFFF';
    hopfeed_link_font_color='#800A41';
    hopfeed_link_font_hover_color='#800A41';
    hopfeed_background_color='#FFFFFF';
    hopfeed_keywords='wordpress blogging content';
    hopfeed_path='http://nkraf.hopfeed.com';
    hopfeed_link_target='_blank';
</script>
<script type="text/javascript" src='http://nkraf.hopfeed.com/script/hopfeed.js'></script>
</p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><strong>7. <strong><a href="http://anidea.com/strategy/objectivist/"><strong>ANidea<br />
 <strong> </strong></strong></a><strong><strong><a href="http://anidea.com/strategy/objectivist/"><img class="alignnone size-full wp-image-443" title="ANidea" src="http://www.webdesignbyte.com/wp-content/uploads/2009/12/5.jpg" alt="ANidea" width="425" height="271" /></a></strong></strong></strong></strong></p>
<p>ANidea’s appraoch is pretty unique. Each post has a lead image that appears above the right sidebar, and just below that is a list of related posts.</p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><strong>8. <strong><a href="http://webdesignledger.com/tools/10-super-useful-tools-for-choosing-the-right-color-palette"><strong>Web Design Ledger<br />
 <strong> </strong></strong></a><strong><strong><a href="http://webdesignledger.com/tools/10-super-useful-tools-for-choosing-the-right-color-palette"><img class="alignnone size-full wp-image-444" title="Web Design Ledger" src="http://www.webdesignbyte.com/wp-content/uploads/2009/12/20.jpg" alt="Web Design Ledger" width="425" height="457" /></a></strong></strong></strong></strong></p>
<p>Above each post on Web Design Ledger is a lead image. Between the image and the post title is a comment count, date of publication and category link.</p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><strong>9. <strong><a href="http://realityequation.net/downtown-hefei-luzhou-kaoya"><strong>Reality Equation<br />
 <strong> </strong></strong></a><strong><strong><a href="http://realityequation.net/downtown-hefei-luzhou-kaoya"><img class="alignnone size-full wp-image-445" title="Reality Equation" src="http://www.webdesignbyte.com/wp-content/uploads/2009/12/22.jpg" alt="Reality Equation" width="425" height="200" /></a></strong></strong></strong></strong></p>
<p>Reality Equation has a colorful theme, and the purple sub-headers fit well with the approach of the design and they look nice.</p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><strong>10. <strong><a href="http://www.gomediazine.com/tutorials/illustrator/draft-create-vector-art-twitter-icon-character-adobe-illustrator/"><strong>GoMediaZine<br />
 <strong> </strong></strong></a><strong><strong><a href="http://www.gomediazine.com/tutorials/illustrator/draft-create-vector-art-twitter-icon-character-adobe-illustrator/"><img class="alignnone size-full wp-image-446" title="GoMediaZine" src="http://www.webdesignbyte.com/wp-content/uploads/2009/12/7.jpg" alt="GoMediaZine" width="425" height="300" /></a></strong></strong></strong></strong></p>
<p>GoMediaZine has a dark, textured area with social media icons and links, as well as related posts and subscription options.</p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><strong>11. <strong><a href="http://mac.appstorm.net/roundups/business/financial-software-for-mac-7-great-apps/"><strong>AppStorm<br />
 <strong> </strong></strong></a><strong><strong><a href="http://mac.appstorm.net/roundups/business/financial-software-for-mac-7-great-apps/"><img class="alignnone size-full wp-image-449" title="AppStorm" src="http://www.webdesignbyte.com/wp-content/uploads/2009/12/19.jpg" alt="AppStorm" width="425" height="282" /></a></strong></strong></strong></strong></p>
<p>AppStorm uses a box that contains two simple lists for related posts and popular posts.</p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><strong>12. <strong><a href="http://www.carbonsugar.com/design/the-ultimate-fw-board-tuning-guide/"><strong>Carbon Sugar<br />
 <strong> </strong></strong></a><strong><strong><a href="http://www.carbonsugar.com/design/the-ultimate-fw-board-tuning-guide/"><img class="alignnone size-full wp-image-451" title="Carbon Sugar" src="http://www.webdesignbyte.com/wp-content/uploads/2009/12/291.jpg" alt="Carbon Sugar" width="425" height="235" /></a></strong></strong></strong></strong></p>
<p>Carbon Sugar includes two large areas for voting and for subscribing.</p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><script type="text/javascript">
    hopfeed_template='';
    hopfeed_align='LEFT';
    hopfeed_type='IFRAME';
    hopfeed_affiliate_tid='';
    hopfeed_affiliate='nkraf';
    hopfeed_fill_slots='true';
    hopfeed_height='120';
    hopfeed_width='590';
    hopfeed_cellpadding='5';
    hopfeed_rows='1';
    hopfeed_cols='3';
    hopfeed_font='Verdana, Arial, Helvetica, Sans Serif';
    hopfeed_font_size='9pt';
    hopfeed_font_color='#232323';
    hopfeed_border_color='#FFFFFF';
    hopfeed_link_font_color='#800A41';
    hopfeed_link_font_hover_color='#800A41';
    hopfeed_background_color='#FFFFFF';
    hopfeed_keywords='wordpress blogging content';
    hopfeed_path='http://nkraf.hopfeed.com';
    hopfeed_link_target='_blank';
</script>
<script type="text/javascript" src='http://nkraf.hopfeed.com/script/hopfeed.js'></script>
</p>
]]></content:encoded>
			<wfw:commentRss>http://www.webdesignbyte.com/webdesign/12-examples-of-excellent-blog-post-formatting-and-styling/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
