<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet href="http://feeds.feedburner.com/~d/styles/rss2full.xsl" type="text/xsl" media="screen"?><?xml-stylesheet href="http://feeds.feedburner.com/~d/styles/itemcontent.css" type="text/css" media="screen"?><rss 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" version="2.0">

<channel>
	<title>Divland.com:เรียนรู้วิธีเขียน CSS หลักการ เครื่องมือ ในการเขียน CSS เทคนิคต่างๆ เทมเพลต CSS ฟรี และเรื่องราวหลากหลายของคนทำเว็บ เช่น php , javascript</title>
	
	<link>http://www.divland.com/blog</link>
	<description>The miracle land of inspiration</description>
	<pubDate>Sun, 16 Nov 2008 04:09:50 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.6</generator>
	<language>en</language>
			<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" href="http://feeds.feedburner.com/divland" type="application/rss+xml" /><feedburner:emailServiceId xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0">874938</feedburner:emailServiceId><feedburner:feedburnerHostname xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0">http://www.feedburner.com</feedburner:feedburnerHostname><item>
		<title>เวิร์ดเพรสธีม บทที่ 4 : Header Template</title>
		<link>http://www.divland.com/blog/2008/11/16/create-your-wordpress-theme-lesson4/</link>
		<comments>http://www.divland.com/blog/2008/11/16/create-your-wordpress-theme-lesson4/#comments</comments>
		<pubDate>Sun, 16 Nov 2008 04:09:50 +0000</pubDate>
		<dc:creator>Divland's prince</dc:creator>
		
		<category><![CDATA[Wordpress]]></category>

		<category><![CDATA[theme wordpress]]></category>

		<category><![CDATA[ธีม]]></category>

		<category><![CDATA[เวิร์ดเพรส]]></category>

		<guid isPermaLink="false">http://www.divland.com/blog/?p=324</guid>
		<description><![CDATA[ในบทที่แล้วผมได้บอกการติดตั้งธีม และ แนะนำให้รู้จัก php เล็กน้อย สำหรับวันนี้เราจะต่อกันในเรื่องของ php กันอีกนิด และ เรียนรู้วิธีแสดงชื่อบล็อกของเรา
โปรดจำไว้ว่า อย่าคัดลอกโค้ดที่ผมเตรียมไว้ให้ไปใช้นะครับ ให้คุณพิมพ์เอง อย่างน้อยมันจะช่วยให้จำขึ้นใจไงล่ะครับ
ขั้นตอนที่ 1ไปที่โฟลเดอร์ธีมของคุณ ในโฟลเดอร์นั้นจะต้องมีไฟล์ index.php และ style.css
โค้ดข้างในไฟล์ index.php และ style.css จะต้องเหมือนกับ index.txtและ style.txt
ขั้นตอนที่ 2

เปิดหน้าต่างเว็บเบราเซอร์ขึ้นมา ไปที่เว็บ wordpress ของคุณ ภาพที่ปรากฏอยู่ตรงหน้าคุณจะต้องเป็นหน้าจอว่างเปล่านะครับ เพราะว่าธีมที่เราทำไว้ครั้งที่แล้วเราไม่ได้ใส่ให้มันแสดงผลอะไรเลย
กลับไปที่ธีมโฟลเดอร์ จากนั้นเปิดไฟล์ index.php ขึ้นมา

มาถึงขั้นตอนนี้ สิ่งที่เราเพิ่งทำเสร็จไปก็คือ เปิด โฟลเดอร์ธีม, เว็บเบราเซอร์ และ index.php ขึ้นมา

ขั้นตอนที่ 3
ไปที่ไฟล์ index.php แล้วให้พิมพ์ &#60;?php bloginfo(’name’); ?&#62; ไว้ระหว่างแท็ก &#60;body&#62; และ &#60;/body&#62; แล้วกด save
กลับไปที่เว็บเบราเซอร์ กดปุ่มรีเฟรช หรือ F5 [...]]]></description>
		<wfw:commentRss>http://www.divland.com/blog/2008/11/16/create-your-wordpress-theme-lesson4/feed/</wfw:commentRss>
		</item>
		<item>
		<title>เวิร์ดเพรสธีม บทที่ 3 : สร้าง index.php</title>
		<link>http://www.divland.com/blog/2008/11/03/create-your-wordpress-theme-lesson3/</link>
		<comments>http://www.divland.com/blog/2008/11/03/create-your-wordpress-theme-lesson3/#comments</comments>
		<pubDate>Mon, 03 Nov 2008 07:04:11 +0000</pubDate>
		<dc:creator>Divland's prince</dc:creator>
		
		<category><![CDATA[Wordpress]]></category>

		<category><![CDATA[theme wordpress]]></category>

		<category><![CDATA[ทำธีม]]></category>

		<category><![CDATA[ธีม]]></category>

		<guid isPermaLink="false">http://www.divland.com/blog/?p=326</guid>
		<description><![CDATA[สร้าง index.php เป็นบทที่สามของชุดการสอนสร้างธีมเวิร์ดเพลส
ถึงเวลาแล้วที่จะพักเรื่องทฤษฏีไว้ แล้วมาเริ่มลงมือปฏิบัติจริงกัน ในบทนี้คุณจะได้ยุ่งกับโค้ดของเวิร์ดเพลสเล็กน้อย ตอนนี้คุณควรติดตั้งเวิร์ดเพลสไว้ในคอมพิวเตอร์คุณได้แล้วนะครับ เพราะว่าการใช้บล็อกออนไลน์จะไม่สะดวกในการลองรัน
ขั้นตอนที่ 1 : สร้างโฟลเดอร์ธีม
ไปที่โฟลเดอร์ธีมของเวิร์ดเพลส ซึ่งมันควรจะอยู่ที่  wp-content/themes และ ตั้งชื่อโฟลเดอร์ใหม่ในโฟลเดอร์ themes ว่า &#8220;tutorial&#8221;
ขั้นตอนที่ 2 : สร้างไฟล์ index.php และ style.css
เปิดโปรแกรม dreamweaver หรือ โปรแกรมจัดการตัวหนังสือ(text editor)ที่คุณชื่นชอบ
คัดลอกโค้ดต่อไปนี้ ไป paste ที่หน้าโปรแกรม text editor ของคุณ




&#60;!DOCTYPE html PUBLIC &#34;-//W3C//DTD XHTML 1.0 Transitional//EN&#34; &#34;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&#34;&#62;


&#60;html xmlns=&#34;http://www.w3.org/1999/xhtml&#34;&#62;


&#60;head profile=&#34;http://gmpg.org/xfn/11&#34;&#62;


&#160;


&#60;title&#62;&#60;?php bloginfo&#40;&#8216;name&#8217;&#41;; ?&#62;&#60;?php wp_title&#40;&#41;; ?&#62;&#60;/title&#62;


&#160;


&#60;meta http-equiv=&#34;Content-Type&#34; content=&#34;&#60;?php bloginfo(&#8217;html_type&#8217;); ?&#62;; charset=&#60;?php bloginfo(&#8217;charset&#8217;); ?&#62;&#34; /&#62;


&#60;meta [...]]]></description>
		<wfw:commentRss>http://www.divland.com/blog/2008/11/03/create-your-wordpress-theme-lesson3/feed/</wfw:commentRss>
		</item>
		<item>
		<title>เวิร์ดเพรสธีม บทที่ 2 : ไฟล์เทมเพลท</title>
		<link>http://www.divland.com/blog/2008/10/28/create-your-wordpress-theme-lesson2/</link>
		<comments>http://www.divland.com/blog/2008/10/28/create-your-wordpress-theme-lesson2/#comments</comments>
		<pubDate>Mon, 27 Oct 2008 22:45:53 +0000</pubDate>
		<dc:creator>Divland's prince</dc:creator>
		
		<category><![CDATA[Wordpress]]></category>

		<category><![CDATA[theme wordpress]]></category>

		<category><![CDATA[ทำธีม]]></category>

		<category><![CDATA[ธีม เวิร์ดเพลส]]></category>

		<guid isPermaLink="false">http://www.divland.com/blog/?p=328</guid>
		<description><![CDATA[(Template Files and Templates)
ไฟล์เทมเพลทและเทมเพลท เป็นบทที่สองของชุดการสอนสร้างธีมเวิร์ดเพลส หากคุณยังไม่ได้อ่านบทที่ 1 เพื่อให้เข้าใจตรงกันในเรื่องของคำศัพท์ที่ใช้ จึงควรกลับไปอ่านบทที่ 1 ก่อนครับ
ในบทนี้จะช่วยให้คุณคุ้นเคยและมีความเข้าใจเกี่ยวกับ ไฟล์เทมเพลท, เทมเพลท, และโครงสร้างของแต่ละหน้า(page) มากยิ่งขึ้น
สิ่งหนึ่งที่ควรจำไว้คือ แต่ละหน้า(page)ของบล็อกคุณประกอบไปด้วยไฟล์เทมเพลทหลาย ๆ ไฟล์ ข้างล่างนี้คือตัวอย่างหน้าแรกของบล็อก

ในตัวอย่างข้างต้น หน้าแรกประกอบไปด้วยไฟล์เทมเพลท 4 ไฟล์ : header, index, sidebar, และ footer

ไฟล์เทมเพลทของส่วนหัว(header) :

blog’s title และ description อยู่ในส่วนหัวของบล็อกเพื่ออธิบายบล็อก ซึ่งจะมีเหมือน ๆ กันทุกหน้า
ไฟล์เทมเพลทของอินเด็กซ์(index) :
ในส่วนนี้ประกอบไปด้วย ชื่อโพส(post title), เนื้อหา(ข้อความ และรูปภาพ), และ ส่วนอธิบายโพส(post meta data) ซึ่งก็คือ ข้อมูลเกี่ยวกับแต่ละโพส เช่น ผู้แต่ง, วันที่เผยแพร่, ประเภท, จำนวนคอมเม้นท์

ไฟล์เทมเพลทของเมนูด้านข้าง(sidebar) :
ในส่วนนี้ประกอบไปด้วย รายการลิงค์ไปยังเว็บไซท์ต่าง ๆ, [...]]]></description>
		<wfw:commentRss>http://www.divland.com/blog/2008/10/28/create-your-wordpress-theme-lesson2/feed/</wfw:commentRss>
		</item>
		<item>
		<title>เวิร์ดเพรสธีม บทที่ 1 : เกริ่นนำ</title>
		<link>http://www.divland.com/blog/2008/10/19/create-your-wordpress-theme-lesson1/</link>
		<comments>http://www.divland.com/blog/2008/10/19/create-your-wordpress-theme-lesson1/#comments</comments>
		<pubDate>Sun, 19 Oct 2008 16:54:55 +0000</pubDate>
		<dc:creator>Divland's prince</dc:creator>
		
		<category><![CDATA[Wordpress]]></category>

		<category><![CDATA[theme wordpress]]></category>

		<category><![CDATA[ทำธีม]]></category>

		<category><![CDATA[ธีม เวิร์ดเพลส]]></category>

		<guid isPermaLink="false">http://www.divland.com/blog/?p=330</guid>
		<description><![CDATA[บทความนี้เป็นบทแรกของการสอนสร้างเวิร์ดเพลสธีม ผมจะไม่สอนทุกอย่างในครั้งเดียว แต่จะแบ่งออกเป็นบท ๆ (ไม่อยากอัดแน่นเกินไป) อนึ่งสิ่งที่ผมจะสอนนี้ไม่อาจจะเป็นบทความอ้างอิงได้ หมายความว่าผมจะสอนคุณไปทีละขั้น แต่ถ้าหากคุณต้องการเอกสารอ้างอิงก็สามารถอ่านได้จากเอกสารของเวิร์ดเพลสเอง ซึ่งมีให้ทุกอย่าง
บทนี้ประกอบไปด้วย

กฏง่าย ๆ (Basic Rules)
คำศัพท์ที่ควรรู้(Lingo)
ลำดับชั้นของไฟล์(Hierarchy)

กฏง่าย ๆ (Basic Rules)

กฏข้อที่ 1 : ปิดทุกแท็ก(tag) ที่คุณเปิดมันไว้

วิธีปิดแท็กที่ผิด ผิดเพราะอะไรนะหรือ : วางแท็กปิด ul ไว้ผิดลำดับ แท็กทุกแท็กจะอยู่ในเครื่องหมาย &#8220;&#60;&#8221; และ &#8220;&#62;&#8221;  เครื่องหมาย &#8220;/&#8221; ใส่ไว้เพื่อระบุว่าแท็กนั้น ๆ เป็นแท็กปิด ในตัวอย่างข้างต้นผมใช้ ul (unordered list) และ li(list item) แท็ก โปรดสังเกตวิธีการวาง &#60;li&#62;&#60;/li&#62; จะต้องอยู่ใน &#60;ul&#62;&#60;/ul&#62; ซึ่งเรียกว่าการวางแบบซ้อน (nesting)

กฏข้อที่ 2 : ทุก ๆ ธีม(theme) จะต้องประกอบไปด้วย อย่างน้อย [...]]]></description>
		<wfw:commentRss>http://www.divland.com/blog/2008/10/19/create-your-wordpress-theme-lesson1/feed/</wfw:commentRss>
		</item>
		<item>
		<title>เบราเซอร์ใหม่ Google chrome(กูเกิล โครม)</title>
		<link>http://www.divland.com/blog/2008/09/03/new-browser-google-chrome/</link>
		<comments>http://www.divland.com/blog/2008/09/03/new-browser-google-chrome/#comments</comments>
		<pubDate>Wed, 03 Sep 2008 07:05:21 +0000</pubDate>
		<dc:creator>Divland's prince</dc:creator>
		
		<category><![CDATA[Webmaster talks]]></category>

		<category><![CDATA[browser]]></category>

		<category><![CDATA[google chrome]]></category>

		<category><![CDATA[กูเกิล โครม]]></category>

		<guid isPermaLink="false">http://www.divland.com/blog/?p=289</guid>
		<description><![CDATA[ เปิดให้ดาวน์โหลดมาทดลองใช้กันได้แล้วครับ กูเกิล โครม เบราเซอร์ จากกูเกิล ซึ่งตอนนี้ยังเป็นตัว beta อยู่ แต่ในอนาคตอาจมีผู้ใช้เยอะ จนผมต้องทำเว้บให้ support เจ้าตัวนี้ด้วยก็ได้ เท่าที่ทดลองใช้ดู ก็เปิดหน้าด้วย divland ได้ปกติดีครับ ช่องเสิชกับช่อง address bar เป็นช่องเดียวกัน menu bar ไม่มี หรือมีแต่หาไม่เจอไม่รู้ เดี๋ยวลองใช้สักพัก ถ้ามีไรน่าสนใจใหม่ๆจะมาบอกแล้วกันครับ ทดลองโหลดไปใช้กันที่นี่ครับ ดีไม่ดียังไงบอกกันมั่งเน้ออ

ดาวน์โหลด google chrome
คุณสมบัติต่างๆของ google chrome ภาษาไทย 
http://tools.google.com/chrome/intl/th/features.html
การ์ตูน Google Chrome ภาคภาษาไทย ตอนที่ 1 - ความเสถียร การทดสอบ และสถาปัตยกรรมมัลติโปรเซส
การ์ตูน Google Chrome ภาคภาษาไทย ตอนที่ 2 - ความเร็ว: WebKit และ V8
การ์ตูน Google [...]]]></description>
		<wfw:commentRss>http://www.divland.com/blog/2008/09/03/new-browser-google-chrome/feed/</wfw:commentRss>
		</item>
		<item>
		<title>การควบคุม CSS ด้วย javascript อย่างง่าย</title>
		<link>http://www.divland.com/blog/2008/08/02/javascript-control-css/</link>
		<comments>http://www.divland.com/blog/2008/08/02/javascript-control-css/#comments</comments>
		<pubDate>Sat, 02 Aug 2008 04:57:17 +0000</pubDate>
		<dc:creator>Divland's prince</dc:creator>
		
		<category><![CDATA[CSS techniques]]></category>

		<category><![CDATA[control css]]></category>

		<category><![CDATA[getElementByID]]></category>

		<category><![CDATA[javascipt]]></category>

		<category><![CDATA[toggle]]></category>

		<guid isPermaLink="false">http://www.divland.com/blog/?p=271</guid>
		<description><![CDATA[เมื่อเราเขียน CSS มาจนถึงระดับหนึ่งแล้ว เราจะพบว่า CSS ก็คือการตกแต่งหน้าตาเว็บไซต์ ให้สวยงาม เป็นการแสดงผลเท่านั้น เหมือน HTML ไม่สามารถโต้ตอบกับผู้ใช้ได้เหมือน php asp เราจะทำอย่างไรหากต้องการให้ หน้าตาเว็บไซต์ ถูกกำหนดโดยผู้ใช้ เลือกสีกรอบได้ คลิกแล้วเปลี่ยนกรอบได้ ฟังดูน่าสนใจใช่มั้ยล่ะครับ
ในกรณีนี้ เราจะใช้ จาวาสคริป เข้ามาช่วยควบคุม  ลองมาดูตัวอย่าง การทำ Toggle อย่างง่ายกันครับ
เริ่มต้นเรามี HTML ดังนี้



&#60;h2&#62;Menu&#60;/h2&#62;


&#60;div id=&#34;abc&#34; style=&#34;display:none&#34;;&#62;


submenu


submenu


&#60;/div&#62;



เราจะเขียน javascript เพื่อเปลี่ยน style ของ div ดังนี้




&#60;script type=&#34;text/javascript&#34;&#62;


function toggle&#40;obj&#41; &#123;


&#160; &#160; &#160; &#160; var el = document.getElementById&#40;obj&#41;;


&#160; &#160; &#160; &#160; if &#40; el.style.display != &#8216;none&#8217; [...]]]></description>
		<wfw:commentRss>http://www.divland.com/blog/2008/08/02/javascript-control-css/feed/</wfw:commentRss>
		</item>
		<item>
		<title>ทำปุ่มเมนู CSS ขอบมนโดยใช้รูปเดียว</title>
		<link>http://www.divland.com/blog/2008/07/03/css-menu-button-with-one-image/</link>
		<comments>http://www.divland.com/blog/2008/07/03/css-menu-button-with-one-image/#comments</comments>
		<pubDate>Thu, 03 Jul 2008 08:22:42 +0000</pubDate>
		<dc:creator>Divland's prince</dc:creator>
		
		<category><![CDATA[CSS techniques]]></category>

		<category><![CDATA[button]]></category>

		<category><![CDATA[menu]]></category>

		<guid isPermaLink="false">http://www.divland.com/blog/?p=264</guid>
		<description><![CDATA[ ก่อนที่ผมจะรู้จัก CSS นั้น การทำปุ่มเมนูในรูปแบบนี้ นั้นต้องใช้ รูป ถึง 3 รูปเลยทีเดียว คือ รูปขอบด้านซ้าย รูปพื้นที่ตรงกลาง และรูปขอบมนด้านขวา แต่ตอนนี้เราสามารถใช้ CSS ช่วยโดยใช้รูปเพียงรูปเดียว ประหยัดเวลา ประหยัดแบนวิธ ใช้ง่าย ในทุกที่ ยืดได้ แม้ ประโยคจะยาว ลองมาดูวิธีกันครับ

Image

ด้านบนนี้คือตัวอย่างรูป ที่เราจะใช้กัน แต่ผมจะไม่บอกวิธีการทำรูปนะครับ ดาวน์โหลด .psd ไปศึกษาหรือปรับเปลี่ยนกันดูเองนะครับ menubutton.psd

Concept

คอนเซปคือ เราจะใส่แบ็คกราวด์ ใน แท็ก a จัดชิดขวา และจะใส่รูปเดียวกัน ที่ แท็ก span แล้วจัดชิดซ้าย ง่ายๆ แค่นี้เอง มาดู HTML และ CSS กัน
HTML



&#60;ul class=&#34;blue&#34;&#62;


&#60;li&#62;&#60;a class=&#34;current&#34; title=&#34;home&#34; href=&#34;#&#34;&#62;home&#60;/a&#62;&#60;/li&#62;


&#60;li&#62;&#60;a title=&#34;products&#34; href=&#34;#&#34;&#62;products&#60;/a&#62;&#60;/li&#62;


&#60;li&#62;&#60;a title=&#34;blog&#34; [...]]]></description>
		<wfw:commentRss>http://www.divland.com/blog/2008/07/03/css-menu-button-with-one-image/feed/</wfw:commentRss>
		</item>
		<item>
		<title>แนวทางการดีไซน์บล็อกยุคใหม่</title>
		<link>http://www.divland.com/blog/2008/06/12/how-to-blog-design/</link>
		<comments>http://www.divland.com/blog/2008/06/12/how-to-blog-design/#comments</comments>
		<pubDate>Thu, 12 Jun 2008 05:56:21 +0000</pubDate>
		<dc:creator>Divland's prince</dc:creator>
		
		<category><![CDATA[Web design]]></category>

		<category><![CDATA[blog design]]></category>

		<category><![CDATA[how to]]></category>

		<category><![CDATA[บล็อก]]></category>

		<category><![CDATA[ออกแบบบล็อก]]></category>

		<guid isPermaLink="false">http://www.divland.com/blog/?p=263</guid>
		<description><![CDATA[
.post-263 img{margin:15px 0; display:block}

ในการออกแบบบล็อก จะสังเกตได้ว่าการออกแบบส่วนประกอบต่าง ๆ จะมีความแตกต่างกัน ในบทความนี้ผมจะแยกส่วนประกอบพวกนี้ออกเป็น 9 ส่วน หากคุณให้ความสนใจในแต่ละส่วนมากเท่าไหร่ ภาพรวมของบล็อกที่ออกมาจะดูดีมากเท่านั้น

ส่วนหัว(Header)
ส่วนเนื้อหา(Content Area)
เมนูหลัก(Primary Navigation)
เมนูรอง(Secondary Navigation)
หัวเรื่อง(Headlines)
ส่วนแสดงความคิดเห็น(Comments)
ส่วนท้ายของบทความ(Post’s Footer)
ส่วนท้ายของบล็อก(Footer)
โฆษณา(Advertisements)

1.ส่วนหัว(Header)

ส่วนหัวเป็นส่วนที่ผู้เยี่ยมชมส่วนใหญ่จะเห็นเป็นส่วนแรก เมื่อเข้ามาในบล็อกของคุณ และเป็นส่วนที่สำคัญที่สุด มันเป็นสิ่งเดียวที่จะแยก ให้เห็นถึงความแตกต่างระหว่างบล็อกของคุณกับบล็อกอื่น ๆ นับล้านบล็อก เป็นสิ่งที่แสดงถึงเอกลักษณ์ของบล็อกคุณเพื่อให้เกิดการจดจำ จากที่กล่าวมาแสดงให้เห็นว่าทำไมส่วนหัวจึงสำคัญมากที่สุด ในบรรดากระบวนการออกแบบบล็อก แม้แต่คนที่ไม่ให้ความสนใจกับการออกแบบบล็อกสักเท่าไหร่ แต่เขาก็ให้ความสำคัญกับส่วนหัวมาก

ตัวอย่างส่วนหัวที่ดี
1. Octwelve


Octwelve เป็นตัวอย่างที่ดีของการใช้ตัวอักษรที่สวยงาม ในส่วนหัวเพื่อทำให้ส่วนหัวแตกต่างจากส่วนอื่น ๆ ของบล็อกอย่างเห็นได้ชัด และยังทำให้คุณรู้ว่าบล็อกนี้มีเนื้อหาเกี่ยวกับอะไร

2. Cult foo


ผมชอบส่วนหัวของ Cultfoo ตรงที่รูปภาพทะลุออกมาจากกรอบ ที่เดิมทีจะเป็นกรอบโค้งและกรอบเหลี่ยม การออกแบบแบบนี้เรียกร้องความสนใจให้บล็อกได้เป็นอย่างดีทีเดียว


3. Darkmotion


จุดเด่นของ darkmotion คือ การออกแบบส่วนหัวที่ได้อารมณ์มาก ดูแล้วสนุกสนานรื่นเริง

วิธีทำให้การออกแบบส่วนหัวออกมาดูดี

ถ้าผมจะออกแบบบล็อกสักอัน สิ่งแรกที่ผมจะทำคือส่วนหัว เพราะ มันเป็นสิ่งที่กำหนดแนวทางในการออกแบบส่วนอื่น ๆ ของบล็อก ดังนั้น ก่อนจะออกแบบส่วนหัวคุณจะต้องตอบให้ได้ก่อนว่า อะไรที่สื่อให้เห็นถึงความเป็นตัวตนของบล็อกคุณ หรือพูดง่าย ๆ ก็คือ [...]]]></description>
		<wfw:commentRss>http://www.divland.com/blog/2008/06/12/how-to-blog-design/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Street Fighter IV:action trailer</title>
		<link>http://www.divland.com/blog/2008/06/02/street-fighter-iv-action-trailer/</link>
		<comments>http://www.divland.com/blog/2008/06/02/street-fighter-iv-action-trailer/#comments</comments>
		<pubDate>Mon, 02 Jun 2008 07:49:30 +0000</pubDate>
		<dc:creator>Divland's prince</dc:creator>
		
		<category><![CDATA[Webmaster talks]]></category>

		<category><![CDATA[animation]]></category>

		<category><![CDATA[street fighter]]></category>

		<category><![CDATA[trailer]]></category>

		<guid isPermaLink="false">http://www.divland.com/blog/2008/06/02/street-fighter-iv-action-trailer/</guid>
		<description><![CDATA[มาดูกราฟฟิคเอนิเมชั่นสวยๆ จาก Street Fighter IV กัน สุดยอดเกมส์ ที่น้อยคนที่จะไม่รู้จัก ผมเล่นมาตั้งแต่เด็กๆเลย ตั้งแต่ ภาค 2 ตู้เกมส์โน่น มี 2 คลิปครับ ดูกันเลย
Street Fighter IV: A New Beginning


Street Fighter IV: Chun Li vs. C. Viper

]]></description>
		<wfw:commentRss>http://www.divland.com/blog/2008/06/02/street-fighter-iv-action-trailer/feed/</wfw:commentRss>
		</item>
		<item>
		<title>ทำ SEO ให้ URL โดยใช้ Mod_Rewrite</title>
		<link>http://www.divland.com/blog/2008/05/14/seo-url-mod-rewrite-htaccess/</link>
		<comments>http://www.divland.com/blog/2008/05/14/seo-url-mod-rewrite-htaccess/#comments</comments>
		<pubDate>Wed, 14 May 2008 03:41:17 +0000</pubDate>
		<dc:creator>Divland's prince</dc:creator>
		
		<category><![CDATA[Tip &amp; Trick]]></category>

		<category><![CDATA[htaccess]]></category>

		<category><![CDATA[mod rewrite]]></category>

		<category><![CDATA[SEO]]></category>

		<category><![CDATA[Tip and Trick]]></category>

		<category><![CDATA[url สั้น]]></category>

		<category><![CDATA[แปลง url]]></category>

		<guid isPermaLink="false">http://www.divland.com/blog/2008/05/14/seo-url-mod-rewrite-htaccess/</guid>
		<description><![CDATA[Mod_Rewrite คืออะไร?
Mod_Rewrite คือการแปลง URL ที่ดูยากให้อยู่ในรูปแบบที่เราต้องการ เพื่อประโยชน์หลายด้าน (ซึ่งจะกล่าวถึงต่อไป) และการแปลงเพื่อประโยชน์ด้าน SEO ก็เป็นอีกอันนึงที่มีการนำเอา Mod_Rewrite มาใช้ เพราะเรารู้กันดีว่า Search Engine ไม่ค่อยชอบ pages ที่เป็น dynamic ที่มี query string ยาวเฟื๊อย
ตัวอย่าง URL ที่ยาว และซับซ้อน
โค้ด:
http://www.site.com/viewcatalog.asp?category=hats&#38;prodID=53
เมื่อผ่านการแปลง เราสามารถทำให้สั้นลงได้ดังนี้
โค้ด:
http://www.site.com/catalog/hats/53/
เริ่มทำ Mod_Rewrite
บาง Server ไม่สามารถจะทำ Mod_Rewrite ได้เนื่องจากไม่ได้ติดตั้ง Module Mod_Rewrite ดังนั้นถ้าเราจำเป็นต้องใช้ Mod_Rewrite ก็ต้องตรวจสอบดีๆก่อนเช่า host
.htaccess ไฟล์สำคัญในการทำ Mod_Rewrite
เราจะใช้ไฟล์นี้ในการกำหนด Rule ของการทำ Mod_Rewrite
เริ่มต้นด้วยคำสั่ง
 RewriteEngine on
เพื่อเปิดการทำงาน เขียนไว้ในบรรทัดแรกสุดของไฟล์
ต่อไปจะเป็นการนำเอา Mod_Rewrite ไปให้งาน ซึ่งผมจะเริ่มด้วยตัวอย่างง่ายๆ และเขียน Rewrite Rule ง่ายก่อน แล้วก็ยกตัวอย่างต่อไปเรื่อยๆนะครับ

ใช้ Mod_Rewrite [...]]]></description>
		<wfw:commentRss>http://www.divland.com/blog/2008/05/14/seo-url-mod-rewrite-htaccess/feed/</wfw:commentRss>
		</item>
	</channel>
</rss>
