<?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>Optimise Blogger &#187; list style</title>
	<atom:link href="http://anawia.com/tag/list-style/feed" rel="self" type="application/rss+xml" />
	<link>http://anawia.com</link>
	<description>Langkah Optimis Seorang Blogger</description>
	<lastBuildDate>Mon, 06 Sep 2010 16:56:53 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Membuat nomor urut list style menarik pada sidebar</title>
		<link>http://anawia.com/membuat-nomor-urut-list-style-menarik-pada-sidebar.html</link>
		<comments>http://anawia.com/membuat-nomor-urut-list-style-menarik-pada-sidebar.html#comments</comments>
		<pubDate>Thu, 24 Dec 2009 09:22:14 +0000</pubDate>
		<dc:creator>webmaster</dc:creator>
				<category><![CDATA[Tutorial blogger]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[list style]]></category>
		<category><![CDATA[popular post]]></category>
		<category><![CDATA[setting]]></category>

		<guid isPermaLink="false">http://anawia.com/?p=585</guid>
		<description><![CDATA[Maaf sebelumnya kalau penulisan judul pada posting ini dirasakan kurang mengena dengan isinya. Karena jujur bahwa saya kebingungan ketika akan memilih judul untuk posting ini. Sebagai seorang blogger kita secara tidak langsung dituntut untuk memiliki blog yang bagus, beda dari yang lain walaupun hal tersebut hanya berlaku bagi sebagian orang saja. Dalam suatu blog tentu [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://i47.tinypic.com/ip8g1y.jpg" alt="list style" align="left" />Maaf sebelumnya kalau penulisan judul pada posting ini dirasakan kurang mengena dengan isinya. Karena jujur bahwa saya kebingungan ketika akan memilih judul untuk posting ini.</p>
<p>Sebagai seorang blogger kita secara tidak langsung dituntut untuk memiliki blog yang bagus, beda dari yang lain walaupun hal tersebut hanya berlaku bagi sebagian orang saja.<span id="more-585"></span></p>
<p>Dalam suatu blog tentu tidak lepas dari element sidebar. Dan dalam sidebar itu sendiri biasanya terdapat resent post, random artikel, atau juga resent comment. Nah pada menu tersebut biasanya ada yang diurut berdasarkan nomor urutnya, atau juga menggunakan titik saja, bahkan ada yang tidak ada list style sama sekali. Untuk lebih jelasnya lihat daftar berikut ini.</p>
<blockquote><p>Urutan posting awal blog anawia.com</p>
<ol>
<li>Posting pertama bukan utama</li>
<li>Belajar seo para pemula</li>
<li>Suka duka selama bloging</li>
<li>Seorang blogger tak akan kehabisan posting</li>
</ol>
</blockquote>
<p>Seperti dalam daftar diatas, list style yang digunakan adalah nomor. Coba perhatikan pula contoh berikut ini</p>
<blockquote><p>Beberapa kontes seo tahun 2009</p>
<ul>
<li>Belajar seo para pemula</li>
<li>Stop dreaming start action</li>
<li>Kenali dan kunjungi objek wisata di pandeglang</li>
<li>Kerja keras adalah energy kita</li>
</ul>
</blockquote>
<blockquote><p>Beberapa kontes seo tahun 2009</p>
<ul style="list-style-type: lower-roman;">
<li>Belajar seo para pemula</li>
<li>Stop dreaming start action</li>
<li>Kenali dan kunjungi objek wisata di pandeglang</li>
<li>Kerja keras adalah energy kita</li>
</ul>
</blockquote>
<blockquote><p>Beberapa kontes seo tahun 2009</p>
<ul style="list-style-type: lower-alpha;;">
<li>Belajar seo para pemula</li>
<li>Stop dreaming start action</li>
<li>Kenali dan kunjungi objek wisata di pandeglang</li>
<li>Kerja keras adalah energy kita</li>
</ul>
</blockquote>
<p>Nah terlihat jelas dari  keempat contoh diatas menggunakan list-style yang berbeda. ada yang menggunakan angka, titik dan abjad sebagai list-stylenya. list-style tersebut juga dapat digunakan untuk mengurutkan daftar sahabat yang bertukar link dengan kita seperti pada blog ini di <a href="http://anawia.com/tukaran-link">link exchange.<br />
</a><br />
bagaimana cara membuatnya?</p>
<p>Secara sederhana kode html yang dipakai pada list style adalah sebagai berikut.</p>
<blockquote><p><code>list-style-type: decimal;<br />
list-style-type: disc;<br />
list-style-type: circle;<br />
list-style-type: square;<br />
list-style-type: lower-roman;<br />
list-style-type: upper-roman;<br />
list-style-type: lower-alpha;<br />
list-style-type: upper-alpha;<br />
list-style-type: none;</code></p></blockquote>
<p>kode-kode diatas dapat kita gunakan dengan mudah caranya adalah sebagai berikut:<br />
Mari kita lihat kode html dari suatu daftar semacam daftar teman tukaran link</p>
<blockquote><p>Beberapa kontes seo tahun 2009</p>
<p><code>&lt;ul&gt;</code></p>
<p>&lt;li&gt;Belajar seo para pemula&lt;/li&gt;</p>
<p>&lt;li&gt;Stop dreaming start action&lt;/li&gt;</p>
<p>&lt;li&gt;Kenali dan kunjungi objek wisata di pandeglang&lt;/li&gt;</p>
<p>&lt;li&gt;Kerja keras adalah energy kita&lt;/li&gt;</p>
<p>&lt;/ul&gt;</p></blockquote>
<p>Pada kode Ul yang berkedip diataslah kita memasang kode style nya. sehingga dari contoh diatas bila kita pasang kodenya menjadi seperti ini.</p>
<blockquote><p>Beberapa kontes seo tahun 2009</p>
<p>&lt;ul style=&#8221;list-style-type: lower-alpha;&#8221;&gt;</p>
<p>&lt;li&gt;Belajar seo para pemula&lt;/li&gt;</p>
<p>&lt;li&gt;Stop dreaming start action&lt;/li&gt;</p>
<p>&lt;li&gt;Kenali dan kunjungi objek wisata di pandeglang&lt;/li&gt;</p>
<p>&lt;li&gt;Kerja keras adalah energy kita&lt;/li&gt;</p>
<p>&lt;/ul&gt;</p></blockquote>
<p>dan setelah kita coba lihat jika kode tersebut kita pasang menjadi seperti ini</p>
<blockquote><p>Beberapa kontes seo tahun 2009</p>
<ul style="list-style-type: lower-alpha;">
<li>Belajar seo para pemula</li>
<li>Stop dreaming start action</li>
<li>Kenali dan kunjungi objek wisata di pandeglang</li>
<li>Kerja keras adalah energy kita</li>
</ul>
</blockquote>
<p>Nah bagaimana hasilnya bagus bukan setelah daftar kontes diatas diurut  berdasarkan abjad atau lower alpha.  Untuk menggantinya menjadi diurut dengan nomor atau yang lain, tinggal diubah kodenya berdasarkan daftar diatas.<br />
Maaf kalau dari tutorial diatas ada yang tidak dimengerti. karena hanya ini yang bisa saya tulis.<br />
udah dulu nulis posting kali ini soalnya mau instirahet capek juga. <img src='http://anawia.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<b>Kata kunci terkait artikel ini:</b><small><b><a href="http://anawia.com/membuat-nomor-urut-list-style-menarik-pada-sidebar.html" title="arti sidebar">arti sidebar</a></b>, <b><a href="http://anawia.com/membuat-nomor-urut-list-style-menarik-pada-sidebar.html" title="list style">list style</a></b>, <b><a href="http://anawia.com/membuat-nomor-urut-list-style-menarik-pada-sidebar.html" title="list-style">list-style</a></b>, <b><a href="http://anawia.com/membuat-nomor-urut-list-style-menarik-pada-sidebar.html" title="pengertian sidebar pada blog">pengertian sidebar pada blog</a></b>, <b><a href="http://anawia.com/membuat-nomor-urut-list-style-menarik-pada-sidebar.html" title="list-style-type">list-style-type</a></b>, <b><a href="http://anawia.com/membuat-nomor-urut-list-style-menarik-pada-sidebar.html" title="membuat style blogger">membuat style blogger</a></b>, <b><a href="http://anawia.com/membuat-nomor-urut-list-style-menarik-pada-sidebar.html" title="membuat nomor posting blog">membuat nomor posting blog</a></b>, <b><a href="http://anawia.com/membuat-nomor-urut-list-style-menarik-pada-sidebar.html" title="lengkap urut dan singkat merupakan syarat membuat">lengkap urut dan singkat merupakan syarat membuat</a></b>, <b><a href="http://anawia.com/membuat-nomor-urut-list-style-menarik-pada-sidebar.html" title="pengertian sidebar">pengertian sidebar</a></b>, <b><a href="http://anawia.com/membuat-nomor-urut-list-style-menarik-pada-sidebar.html" title="cara memberi list pada sidebar">cara memberi list pada sidebar</a></b>, <b><a href="http://anawia.com/membuat-nomor-urut-list-style-menarik-pada-sidebar.html" title="cache:Lq3F98U2VcMJ:anawia com/arti-kedutan-mata html pengertian membaca majalah">cache:Lq3F98U2VcMJ:anawia com/arti-kedutan-mata html pengertian membaca majalah</a></b>, <b><a href="http://anawia.com/membuat-nomor-urut-list-style-menarik-pada-sidebar.html" title="membuat nomor pada posting">membuat nomor pada posting</a></b>, <b><a href="http://anawia.com/membuat-nomor-urut-list-style-menarik-pada-sidebar.html" title="bagaimana cara membuat icon facebook berada pada sidebar di blog">bagaimana cara membuat icon facebook berada pada sidebar di blog</a></b>, <b><a href="http://anawia.com/membuat-nomor-urut-list-style-menarik-pada-sidebar.html" title="pengertian list">pengertian list</a></b>, <b><a href="http://anawia.com/membuat-nomor-urut-list-style-menarik-pada-sidebar.html" title="membuat list judul pada blog">membuat list judul pada blog</a></b>, <b><a href="http://anawia.com/membuat-nomor-urut-list-style-menarik-pada-sidebar.html" title="membuat list judul di sidebar">membuat list judul di sidebar</a></b>, <b><a href="http://anawia.com/membuat-nomor-urut-list-style-menarik-pada-sidebar.html" title="membuat list di blog">membuat list di blog</a></b>, <b><a href="http://anawia.com/membuat-nomor-urut-list-style-menarik-pada-sidebar.html" title="membuat list blog">membuat list blog</a></b>, <b><a href="http://anawia.com/membuat-nomor-urut-list-style-menarik-pada-sidebar.html" title="membuat list posting blogger">membuat list posting blogger</a></b>, <b><a href="http://anawia.com/membuat-nomor-urut-list-style-menarik-pada-sidebar.html" title="membuat menu suka facebook di sidebar blogger">membuat menu suka facebook di sidebar blogger</a></b>, <b><a href="http://anawia.com/membuat-nomor-urut-list-style-menarik-pada-sidebar.html" title="membuat no urut html">membuat no urut html</a></b>, <b><a href="http://anawia.com/membuat-nomor-urut-list-style-menarik-pada-sidebar.html" title="membuat nomor dengan html">membuat nomor dengan html</a></b>, <b><a href="http://anawia.com/membuat-nomor-urut-list-style-menarik-pada-sidebar.html" title="membuat nomor di html">membuat nomor di html</a></b>, <b><a href="http://anawia.com/membuat-nomor-urut-list-style-menarik-pada-sidebar.html" title="MEMBUAT NOMOR DI POSTING">MEMBUAT NOMOR DI POSTING</a></b>, <b><a href="http://anawia.com/membuat-nomor-urut-list-style-menarik-pada-sidebar.html" title="membuat nomor di sidebar">membuat nomor di sidebar</a></b></small><!-- SEO SearchTerms Tagging 2 plugin took 5.044 ms -->]]></content:encoded>
			<wfw:commentRss>http://anawia.com/membuat-nomor-urut-list-style-menarik-pada-sidebar.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
