<?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>Diatasawam &#187; layout</title>
	<atom:link href="http://www.diatasawam.com/tag/layout/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.diatasawam.com</link>
	<description>Informasi bagi mereka yang awam internet</description>
	<lastBuildDate>Sat, 12 Jun 2010 17:00:20 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>15 Situs Penyedia Template Blogger Gratis</title>
		<link>http://www.diatasawam.com/15-situs-penyedia-template-blogger-gratis/</link>
		<comments>http://www.diatasawam.com/15-situs-penyedia-template-blogger-gratis/#comments</comments>
		<pubDate>Tue, 23 Feb 2010 16:55:34 +0000</pubDate>
		<dc:creator>Rieka</dc:creator>
				<category><![CDATA[Review]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[blogger]]></category>
		<category><![CDATA[layout]]></category>
		<category><![CDATA[template]]></category>

		<guid isPermaLink="false">http://www.diatasawam.com/?p=1759</guid>
		<description><![CDATA[Jika Anda sudah bosan dengan tampilan blog Anda di <a href="http://blogger.com" target="_blank">Blogger</a> dan merasa tidak puas dengan pilihan template yang disediakan Blogger, Anda bisa menggunakan desain template buatan pihak ketiga yang tersedia secara gratis. ]]></description>
			<content:encoded><![CDATA[<p><img class="aligncenter size-full wp-image-1777" src="http://www.diatasawam.com/wp-content/uploads/2010/02/bloggerapplications.jpg" alt="" width="438" height="175" /></p>
<p>Jika Anda sudah bosan dengan tampilan blog Anda di <a href="http://blogger.com" target="_blank">Blogger</a> dan merasa tidak puas dengan pilihan template yang disediakan Blogger, Anda bisa menggunakan desain template buatan pihak ketiga yang tersedia secara gratis. Jika Anda melakukan pencarian dengan Google, Anda akan dengan mudah menemukan situs-situs penyedia template blogger tersebut. Pada artikel kali ini, Diatasawam merekomendasikan 15 situs yang menyediakan template blogger dengan kualitas bagus secara gratis&#8230;.</p>
<p>Untuk menggunakan template dari pihak ketiga ini, terlebih dahulu Anda harus mendownload file template yang disediakan situs-situs tersebut. Beberapa situs menyertakan file &#8220;readme.txt&#8221; yang berisikan petunjuk penggunaan template pada file yang Anda download tadi. Selanjutnya Anda akan mengupload file .xml ke dalam akun Blogger Anda. Tata cara pengunggahan ini ada pada artikel <a href="http://www.diatasawam.com/mengubah-template-blogspot/" target="_blank">Mengubah Template Blogspot</a> yang lalu.</p>
<h4>1. <a href="http://www.bloggerthemes.net" target="_blank">Blogger Themes</a></h4>
<p><a href="http://www.bloggerthemes.net" target="_blank"><img class="aligncenter size-full wp-image-1760" src="http://www.diatasawam.com/wp-content/uploads/2010/02/bloggertemplates1.jpg" alt="" width="438" height="129" /></a></p>
<h4>2. <a href="http://www.bloggertemplatesblog.com/" target="_blank">Blogger Templates Blog</a></h4>
<p><a href="http://www.bloggertemplatesblog.com/" target="_blank"><img class="aligncenter size-full wp-image-1761" src="http://www.diatasawam.com/wp-content/uploads/2010/02/bloggertemplates2.jpg" alt="" width="438" height="129" /></a></p>
<h4>3. <a href="http://www.bloggerstyles.com/" target="_blank">Blogger Styles</a></h4>
<p><a href="http://www.bloggerstyles.com/" target="_blank"><img class="aligncenter size-full wp-image-1762" src="http://www.diatasawam.com/wp-content/uploads/2010/02/bloggertemplates3.jpg" alt="" width="438" height="129" /></a></p>
<h4>4. <a href="http://btemplates.com/" target="_blank">BTemplates</a></h4>
<p><a href="http://btemplates.com/" target="_blank"&gt;<img class="aligncenter size-full wp-image-1763" src="http://www.diatasawam.com/wp-content/uploads/2010/02/bloggertemplates4.jpg" alt="" width="438" height="129" /></a></p>
<h4>5. <a href="http://themecraft.net/" target="_blank">Theme Craft</a></h4>
<p><a href="http://themecraft.net/" target="_blank"><img class="aligncenter size-full wp-image-1764" src="http://www.diatasawam.com/wp-content/uploads/2010/02/bloggertemplates5.jpg" alt="" width="438" height="129" /></a></p>
<h4>6. <a href=" http://www.hookupyourblog.com/" target="_blank">Hook Up Your Blog</a></h4>
<p><a href=" http://www.hookupyourblog.com/" target="_blank"><img class="aligncenter size-full wp-image-1765" src="http://www.diatasawam.com/wp-content/uploads/2010/02/bloggertemplates6.jpg" alt="" width="438" height="129" /></a></p>
<h4>7. <a href="http://www.deluxetemplates.net/" target="_blank">Deluxe Templates</a></h4>
<p><a href="http://www.deluxetemplates.net/" target="_blank"><img class="aligncenter size-full wp-image-1766" src="http://www.diatasawam.com/wp-content/uploads/2010/02/bloggertemplates7.jpg" alt="" width="438" height="129" /></a></p>
<h4>8. <a href="http://www.bloggertemplatesfree.com/" target="_blank">Blogger Templates Free</a></h4>
<p><a href="http://www.bloggertemplatesfree.com/" target="_blank"&gt;<img class="aligncenter size-full wp-image-1767" src="http://www.diatasawam.com/wp-content/uploads/2010/02/bloggertemplates8.jpg" alt="" width="438" height="129" /></a></p>
<h4>9. <a href="http://www.bloggerblogtemplates.com/" target="_blank">Blogger Blog Templates</a></h4>
<p><a href="http://www.bloggerblogtemplates.com/" target="_blank"><img class="aligncenter size-full wp-image-1768" src="http://www.diatasawam.com/wp-content/uploads/2010/02/bloggertemplates9.jpg" alt="" width="438" height="129" /></a></p>
<h4>10. <a href=" http://www.blogcrowds.com/resources/blogger-templates/" target="_blank">Blog Crowds</a></h4>
<p><a href=" http://www.blogcrowds.com/resources/blogger-templates/" target="_blank"><img class="aligncenter size-full wp-image-1769" src="http://www.diatasawam.com/wp-content/uploads/2010/02/bloggertemplates10.jpg" alt="" width="438" height="129" /></a></p>
<h4>11. <a href="http://www.zoomtemplate.com/search/label/Blogger%20Templates" target="_blank">Zoom Template</a></h4>
<p><a href="http://www.zoomtemplate.com/search/label/Blogger%20Templates" target="_blank"><img class="aligncenter size-full wp-image-1770" src="http://www.diatasawam.com/wp-content/uploads/2010/02/bloggertemplates11.jpg" alt="" width="438" height="129" /></a></p>
<h4>12. <a href="http://blogtemplate4u.com/category/blogger-template" target="_blank">Blog Template 4 U</a></h4>
<p><a href="http://blogtemplate4u.com/category/blogger-template" target="_blank"><img class="aligncenter size-full wp-image-1771" src="http://www.diatasawam.com/wp-content/uploads/2010/02/bloggertemplates12.jpg" alt="" width="438" height="129" /></a></p>
<h4>13. <a href="http://chicablogger.com/category/blogger-templates/" target="_blank">Chica Blogger</a></h4>
<p><a href="http://chicablogger.com/category/blogger-templates/" target="_blank"><img class="aligncenter size-full wp-image-1772" src="http://www.diatasawam.com/wp-content/uploads/2010/02/bloggertemplates13.jpg" alt="" width="438" height="129" /></a></p>
<h4>14. <a href="http://blogger-templates.blogspot.com/" target="_blank">Blogger-Templates</a></h4>
<p><a href="http://blogger-templates.blogspot.com/" target="_blank"&gt;<img class="aligncenter size-full wp-image-1773" src="http://www.diatasawam.com/wp-content/uploads/2010/02/bloggertemplates14.jpg" alt="" width="438" height="129" /></p>
<h4>15. <a href="http://all-blogspot-templates.blogspot.com/" target="_blank">All Blogspot Templates</a></h4>
<p><a href="http://all-blogspot-templates.blogspot.com/" target="_blank"><img class="aligncenter size-full wp-image-1774" src="http://www.diatasawam.com/wp-content/uploads/2010/02/bloggertemplates15.jpg" alt="" width="438" height="129" /></a></p>
<p>Mungkin Anda punya referensi yang lain?<br />
Silahkan berbagi informasinya di kolom komentar&#8230; ^^</p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-enjoy">
<ul class="socials">
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=15+Situs+Penyedia+Template+Blogger+Gratis+-+http://tinyurl.com/ybo5g5n&amp;source=shareaholic" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://www.diatasawam.com/15-situs-penyedia-template-blogger-gratis/&amp;t=15+Situs+Penyedia+Template+Blogger+Gratis" rel="nofollow" class="external" title="Share this on Facebook">Share this on Facebook</a>
		</li>
		<li class="shr-googlebuzz">
			<a href="http://www.google.com/buzz/post?url=http://www.diatasawam.com/15-situs-penyedia-template-blogger-gratis/&amp;imageurl=" rel="nofollow" class="external" title="Post on Google Buzz">Post on Google Buzz</a>
		</li>
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://www.diatasawam.com/15-situs-penyedia-template-blogger-gratis/&amp;title=15+Situs+Penyedia+Template+Blogger+Gratis" rel="nofollow" class="external" title="Share this on del.icio.us">Share this on del.icio.us</a>
		</li>
		<li class="shr-stumbleupon">
			<a href="http://www.stumbleupon.com/submit?url=http://www.diatasawam.com/15-situs-penyedia-template-blogger-gratis/&amp;title=15+Situs+Penyedia+Template+Blogger+Gratis" rel="nofollow" class="external" title="Stumble upon something good? Share it on StumbleUpon">Stumble upon something good? Share it on StumbleUpon</a>
		</li>
		<li class="shr-comfeed">
			<a href="http://www.diatasawam.com/15-situs-penyedia-template-blogger-gratis/feed" rel="nofollow" class="external" title="Subscribe to the comments for this post?">Subscribe to the comments for this post?</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>

<img src="http://www.diatasawam.com/?ak_action=api_record_view&id=1759&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.diatasawam.com/15-situs-penyedia-template-blogger-gratis/feed/</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>Menjelajahi Tampilan Baru Facebook</title>
		<link>http://www.diatasawam.com/menjelajahi-tampilan-baru-facebook/</link>
		<comments>http://www.diatasawam.com/menjelajahi-tampilan-baru-facebook/#comments</comments>
		<pubDate>Mon, 15 Feb 2010 06:10:55 +0000</pubDate>
		<dc:creator>Rieka</dc:creator>
				<category><![CDATA[Review]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[layout]]></category>

		<guid isPermaLink="false">http://www.diatasawam.com/?p=1702</guid>
		<description><![CDATA[Bersamaan dengan peringatan ulang tahunnya yang ke-6 tanggal 4 Februari lalu, <a href="http://www.facebook.com" target="_blank">Facebook </a>melakukan perubahan besar-besaran terhadap tampilannya. Facebook menyederhanakan tata letak menu dengan mengelompokkannya berdasarkan kategori. Well, jika dibandingkan desain yang terdahulu, tampilan Facebook kali ini bisa dikatakan yang paling baik.]]></description>
			<content:encoded><![CDATA[<p><img class="aligncenter size-full wp-image-901" src="http://www.diatasawam.com/wp-content/uploads/2009/07/facebook.jpg" alt="" width="438" height="175" />Bersamaan dengan peringatan ulang tahunnya yang ke-6 tanggal 4 Februari lalu, <a href="http://www.facebook.com" target="_blank">Facebook </a>melakukan perubahan besar-besaran terhadap tampilannya. Facebook menyederhanakan tata letak menu dengan mengelompokkannya berdasarkan kategori. Well, jika dibandingkan desain yang terdahulu, tampilan Facebook kali ini bisa dikatakan yang paling baik.</p>
<p>Secara umum, tampilan menu Facebook dibagi dalam 3 kelompok seperti gambar berikut ini:</p>
<p><img class="aligncenter size-full wp-image-1711" src="http://www.diatasawam.com/wp-content/uploads/2010/02/fbnewlayout1.jpg" alt="" width="438" height="175" />Pada kelompok pertama, Anda akan melihat 3 menu (<strong>Friend Requests</strong>, <strong>Messages</strong>, dan <strong>Notificatons</strong>) yang terletak di sebelah kanan logo Facebook. Yang pertama adalah menu Friend Request, Anda bisa langsung mengetahui Friend request terbaru disini..</p>
<p><img class="aligncenter size-full wp-image-1712" src="http://www.diatasawam.com/wp-content/uploads/2010/02/fbnewlayout2.jpg" alt="" width="438" height="116" />Selanjutnya ada menu <strong>Messages</strong>. Jika dulu kita baru bisa mengetahui judul dan pengirim pesan setelah masuk ke menu Inbox. Kini Anda tidak perlu pergi ke halaman baru, karena pada menu <strong>Messages </strong>sekarang Anda bisa melihat siapa yang mengirim pesan terbaru dan judulnya dari halaman utama.</p>
<p><img class="aligncenter size-full wp-image-1713" src="http://www.diatasawam.com/wp-content/uploads/2010/02/fbnewlayout3.jpg" alt="" width="438" height="116" />Menu <strong>Notifications</strong> pada tampilan yang lama ada di pojok kanan bawah disebelah kotak menu <strong>Chat</strong>. Karena sekarang lokasinya ada di atas, lebih enak dilihat menurut saya.. :p</p>
<p><img class="aligncenter size-full wp-image-1714" src="http://www.diatasawam.com/wp-content/uploads/2010/02/fbnewlayout4.jpg" alt="" width="438" height="116" /></p>
<p>Sekarang kita masuk ke kelompok kedua, disini juga ada 3 bagian yaitu menu utama, aplikasi dan <em>chat</em>. Persis dibawah gambar <strong>Profile Picture</strong>, Anda akan menemukan menu utama. Sama seperti yang dulu, <strong>News Feed</strong> berfungsi untuk melihat berita terbaru dari teman Anda. <strong>Messages</strong> sama fungsinya dengan tombol cepatnya yang ada di kelompok pertama. Daftar acara dan siapa yang berulang tahun bisa Anda lihat dari menu <strong>Events</strong>. Sementara itu, video kini disatukan ke dalam menu <strong>Photos</strong>. Susunan foto dan video serta tombol unggah disini terasa lebih simpel. Terakhir ada menu <strong>Friends</strong>, daftar pengelompokkan teman ada di menu ini.</p>
<p><img class="aligncenter size-full wp-image-1716" src="http://www.diatasawam.com/wp-content/uploads/2010/02/fbnewlayout6.jpg" alt="" width="438" height="247" /></p>
<p>Selanjutnya Anda akan menemukan kelompok menu aplikasi. Semua aplikasi Facebook yang Anda gunakan akan disusun disini. Yang baru adalah menu <strong>Games</strong>, disini Anda dapat melihat daftar Games yang Anda dan teman Anda ikuti. Bahlan Anda juga bisa tahu kapan teman Anda terakhir memainkan Games terakhir. Dibawah menu aplikasi, Anda bisa melihat daftar teman yang sedang <em>online. </em>Meski daftarnya ada di bagian kiri, kotak<em> chatting</em> tetap akan muncul di bagian kanan bawah seperti tampilan lama.</p>
<p><img class="aligncenter size-full wp-image-1710" src="http://www.diatasawam.com/wp-content/uploads/2010/02/fbnewlayout7.jpg" alt="" width="438" height="247" /></p>
<p>Kelompok ketiga adalah kelompok menu yang berkaitan langsung dengan pengaturan akun Anda. Mengubah daftar teman, mengatur tampilan dan privasi dapat Anda lakukan disini. Yang baru dari kelompok ini adalah adanya menu <strong>Credits Balance</strong>. Menu ini berguna bagi mereka yang melakukan transaksi dengan fasilitas aplikasi Facebook seperti memasang iklan atau transaksi pada aplikasi games.</p>
<p><img class="aligncenter size-full wp-image-1715" src="http://www.diatasawam.com/wp-content/uploads/2010/02/fbnewlayout5.jpg" alt="" width="438" height="276" /></p>
<p>Saya suka dengan tampilan Facebook yang sekarang, bagaimana dengan Anda? <img src='http://www.diatasawam.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-enjoy">
<ul class="socials">
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=Menjelajahi+Tampilan+Baru+Facebook+-+http://tinyurl.com/ybjlynp&amp;source=shareaholic" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://www.diatasawam.com/menjelajahi-tampilan-baru-facebook/&amp;t=Menjelajahi+Tampilan+Baru+Facebook" rel="nofollow" class="external" title="Share this on Facebook">Share this on Facebook</a>
		</li>
		<li class="shr-googlebuzz">
			<a href="http://www.google.com/buzz/post?url=http://www.diatasawam.com/menjelajahi-tampilan-baru-facebook/&amp;imageurl=" rel="nofollow" class="external" title="Post on Google Buzz">Post on Google Buzz</a>
		</li>
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://www.diatasawam.com/menjelajahi-tampilan-baru-facebook/&amp;title=Menjelajahi+Tampilan+Baru+Facebook" rel="nofollow" class="external" title="Share this on del.icio.us">Share this on del.icio.us</a>
		</li>
		<li class="shr-stumbleupon">
			<a href="http://www.stumbleupon.com/submit?url=http://www.diatasawam.com/menjelajahi-tampilan-baru-facebook/&amp;title=Menjelajahi+Tampilan+Baru+Facebook" rel="nofollow" class="external" title="Stumble upon something good? Share it on StumbleUpon">Stumble upon something good? Share it on StumbleUpon</a>
		</li>
		<li class="shr-comfeed">
			<a href="http://www.diatasawam.com/menjelajahi-tampilan-baru-facebook/feed" rel="nofollow" class="external" title="Subscribe to the comments for this post?">Subscribe to the comments for this post?</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>

<img src="http://www.diatasawam.com/?ak_action=api_record_view&id=1702&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.diatasawam.com/menjelajahi-tampilan-baru-facebook/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Mengubah Template Blogspot</title>
		<link>http://www.diatasawam.com/mengubah-template-blogspot/</link>
		<comments>http://www.diatasawam.com/mengubah-template-blogspot/#comments</comments>
		<pubDate>Mon, 25 Jan 2010 16:20:23 +0000</pubDate>
		<dc:creator>Bimo</dc:creator>
				<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[blogger]]></category>
		<category><![CDATA[layout]]></category>

		<guid isPermaLink="false">http://www.diatasawam.com/?p=1592</guid>
		<description><![CDATA[Ada kalanya mungkin Anda jenuh dengan template tampilan blog Anda di </span><a href="http://www.blogger.com" target="_blank">Blogspot</a><span>. Selain memilih template yang disediakan Blogspot, Anda juga bisa menggantinya dengan buatan pihak ketiga. Pada artikel kali ini kami memaparkan kepada Anda bagaimana cara mengubah template blog di Blogspot.]]></description>
			<content:encoded><![CDATA[<p class="MsoNormal"><span><img class="aligncenter size-full wp-image-1242" src="http://www.diatasawam.com/wp-content/uploads/2009/10/bloggerfeatures.jpg" alt="" width="438" height="175" /></span><span>Ada kalanya mungkin Anda jenuh dengan template tampilan blog Anda di </span><a href="http://www.blogger.com" target="_blank">Blogspot</a><span>. Selain memilih template yang disediakan Blogspot, Anda juga bisa menggantinya dengan buatan pihak ketiga. Pada artikel kali ini kami memaparkan kepada Anda bagaimana cara mengubah template blog di Blogspot.</span></p>
<h4><span>Langkah 1</span></h4>
<p class="MsoNormal"><span>Setelah Anda login ke Blogger, Anda akan masuk ke halaman Dasbor. Untuk mengubah tampilan, klik tombol <strong>Tata Letak</strong> yang ada di sisi kanan bagian keterangan blog Anda.</span></p>
<p class="MsoNormal"><span><img class="aligncenter size-full wp-image-1593" src="http://www.diatasawam.com/wp-content/uploads/2010/01/gambar1.png" alt="gambar1" width="438" height="119" /><br />
</span></p>
<h4><span>Langkah 2</span></h4>
<p class="MsoNormal">
<p class="MsoNormal"><span>Anda akan masuk ke tampilan editor elemen halaman, lalu klik tab <strong>Pilih Template Baru.</strong> </span></p>
<p class="MsoNormal"><span><img class="aligncenter size-full wp-image-1630" src="http://www.diatasawam.com/wp-content/uploads/2010/01/10.png" alt="10" width="438" height="168" /><br />
</span></p>
<p class="MsoNormal"><span>Ada 16 <em>template</em> standar blogspot yang dapat dipilih. Untuk memilih kita hanya perlu mengklik bulatan di samping nama <em>template</em> di bagian bawah tiap contoh tampilannya. Untuk melihat tampilan tersebut di blog kita, klik <strong>pratayang template</strong> maka akan muncul jendela baru yang menampilkan blog kita dengan template yang kita pilih.</span></p>
<p class="MsoNormal"><span><img class="aligncenter size-full wp-image-1631" src="http://www.diatasawam.com/wp-content/uploads/2010/01/11.png" alt="11" width="438" height="331" /><br />
</span></p>
<p class="MsoNormal"><span>Setelah kita yakin dengan <em>template</em> pilihan, kita kembali ke jendela awal dan klik tombol <strong>SIMPAN TEMPLATE</strong>. Maka akan muncul tampilan seperti gambar berikut</span></p>
<p class="MsoNormal"><span><img class="aligncenter size-full wp-image-1632" src="http://www.diatasawam.com/wp-content/uploads/2010/01/12.png" alt="12" width="438" height="193" /><br />
</span></p>
<p class="MsoNormal"><em><span>Template</span></em><span> telah tersimpan, untuk melihat hasilnya klik <strong>Lihat Blog</strong>.</span></p>
<h4><span>Langkah 3</span></h4>
<p><span>Jika kita tidak menemukan tampilan yang sesuai keinginan kita, ada cara lain yaitu mencari tampilan yang disediakan secara gratis oleh pihak ketiga. Caranya,  klik tab <strong>Edit HTML </strong>pada menu <strong>Tata Letak</strong>. </span></p>
<p class="MsoNormal"><span><img class="aligncenter size-full wp-image-1595" src="http://www.diatasawam.com/wp-content/uploads/2010/01/gambar3.png" alt="gambar3" width="438" height="356" /><br />
</span></p>
<p class="MsoNormal"><span>Sebelum Anda mengubah tampilan blog Anda, akan lebih baik jika Anda simpan dahulu tampilan blog Anda yang sekarang. Hal ini dibutuhkan jika ada kesalahan dalam kode tampilan blog Anda yang baru, Anda telah memiliki kode untuk mengembalikannya seperti sebelumnya. Untuk mem-<em>backup</em> template, Anda klik <strong>Download Template Lengkap</strong>, maka kode <em>template</em> Anda saat ini akan tersimpan dalam sebuah file dengan format *.xml pada folder Anda.</span></p>
<h4><span>Langkah 4</span></h4>
<p class="MsoNormal"><span>Sekarang Anda perlu memilih kode template untuk diunggah dari <em>harddisk</em> ke editor Blogspot. Anda bisa mendapatkan banyak kode-kode gratis yang disediakan di beberapa situs penyedia template blogger gratis. Contohnya dari situs <a href="http://www.templates-blogger.com/">http://www.templates-blogger.com/</a></span></p>
<p class="MsoNormal"><span>Pada situs tersebut terdapat file template dengan format *.xml, simpan file yang Anda suka. Untuk mengunggah file tadi ke Blogger, klik tombol <strong>Choose File</strong>, maka akan keluar tampilan seperti berikut.</span></p>
<p class="MsoNormal"><span><img class="aligncenter size-full wp-image-1596" src="http://www.diatasawam.com/wp-content/uploads/2010/01/gambar4.png" alt="gambar4" width="438" height="318" /><br />
</span></p>
<p class="MsoNormal"><span>Untuk memilih file, Anda cukup klik ganda pada nama file yang diinginkan atau dengan mengklik nama file lalu klik tombol <strong>open</strong>. Maka Anda akan kembali ke halaman <strong>Edit HTML</strong>, klik <strong>Unggah</strong> untuk mengunggah file tadi.</span></p>
<h4><span>Langkah 5</span></h4>
<p class="MsoNormal"><span>Setelah Anda unggah, seringkali terjadi kasus seperti pada gambar berikut</span></p>
<p class="MsoNormal"><span><img class="aligncenter size-full wp-image-1597" src="http://www.diatasawam.com/wp-content/uploads/2010/01/gambar5.png" alt="gambar5" width="438" height="276" /><br />
</span></p>
<p class="MsoNormal"><span>Hal ini terjadi karena <em>widget </em>(atau fasilitas tambahan dari tampilan) blog lama Anda tidak sesuai dengan tampilan yang baru, sehingga informasi yang Anda miliki tidak dapat ditampilkan. Hal ini tidak jadi masalah karena berikutnya Anda dapat menambahkannya kembali secara manual, contoh dapat dilihat pada posting </span><a href="http://www.diatasawam.com/mengubah-layout-dan-elemen-halaman-blog-di-blogger/">Mengubah Layout dan Elemen Halaman Blog di Blogger</a><span>. </span></p>
<h4><span>Langkah 6</span></h4>
<p class="MsoNormal"><span>Klik <strong>Konfirmasi dan Simpan</strong>, dan pengubahan tampilan blog Anda telah berhasil. Kemudian klik <strong>Lihat Blog</strong> untuk melihat tampilan baru blog Anda.</span></p>
<p class="MsoNormal"><span>Selamat mencoba!</span></p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-enjoy">
<ul class="socials">
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=Mengubah+Template+Blogspot+-+http://tinyurl.com/ybmbbtc&amp;source=shareaholic" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://www.diatasawam.com/mengubah-template-blogspot/&amp;t=Mengubah+Template+Blogspot" rel="nofollow" class="external" title="Share this on Facebook">Share this on Facebook</a>
		</li>
		<li class="shr-googlebuzz">
			<a href="http://www.google.com/buzz/post?url=http://www.diatasawam.com/mengubah-template-blogspot/&amp;imageurl=" rel="nofollow" class="external" title="Post on Google Buzz">Post on Google Buzz</a>
		</li>
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://www.diatasawam.com/mengubah-template-blogspot/&amp;title=Mengubah+Template+Blogspot" rel="nofollow" class="external" title="Share this on del.icio.us">Share this on del.icio.us</a>
		</li>
		<li class="shr-stumbleupon">
			<a href="http://www.stumbleupon.com/submit?url=http://www.diatasawam.com/mengubah-template-blogspot/&amp;title=Mengubah+Template+Blogspot" rel="nofollow" class="external" title="Stumble upon something good? Share it on StumbleUpon">Stumble upon something good? Share it on StumbleUpon</a>
		</li>
		<li class="shr-comfeed">
			<a href="http://www.diatasawam.com/mengubah-template-blogspot/feed" rel="nofollow" class="external" title="Subscribe to the comments for this post?">Subscribe to the comments for this post?</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>

<img src="http://www.diatasawam.com/?ak_action=api_record_view&id=1592&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.diatasawam.com/mengubah-template-blogspot/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Mengubah Tampilan Multiply</title>
		<link>http://www.diatasawam.com/mengubah-tampilan-multiply/</link>
		<comments>http://www.diatasawam.com/mengubah-tampilan-multiply/#comments</comments>
		<pubDate>Mon, 04 Jan 2010 16:22:21 +0000</pubDate>
		<dc:creator>Ulin</dc:creator>
				<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[layout]]></category>
		<category><![CDATA[multiply]]></category>

		<guid isPermaLink="false">http://www.diatasawam.com/?p=1513</guid>
		<description><![CDATA[Setelah membuat akun di <a href="http://multiply.com">http://multiply.com/</a>, Anda dapat mengkustomisasi tampilan akun Anda agar terlihat lebih indah sesuai dengan keinginan Anda. Disini Anda bisa mengubah tema tampilan dengan beragam pilihan<em> themes</em> dan menyusun tata letak dari konten.]]></description>
			<content:encoded><![CDATA[<p><img class="aligncenter size-full wp-image-1516" src="http://www.diatasawam.com/wp-content/uploads/2010/01/multiplyfeatures.jpg" alt="" width="438" height="175" /><br />
Setelah membuat akun di <a href="http://multiply.com">http://multiply.com/</a>, Anda dapat mengkustomisasi tampilan akun Anda agar terlihat lebih indah sesuai dengan keinginan Anda. Disini Anda bisa mengubah tema tampilan dengan beragam pilihan<em> themes</em> dan menyusun tata letak dari konten.</p>
<p>Berikut adalah tahapan-tahapannya :</p>
<h4>Langkah 1</h4>
<p>Sign in di <a href="http://multiply.com">http://multiply.com/</a> dan Anda akan masuk ke halaman<strong> Inbox</strong>. Jika Anda ingin memasang foto profil terlebih dahulu klik <strong>Set your headshot</strong>, sementara  jika ingin langsung mengubah tampilan, klik <strong>Customize your site</strong> (tulisan yang diberi lingkaran merah).</p>
<p><img class="aligncenter size-full wp-image-1517" src="http://www.diatasawam.com/wp-content/uploads/2010/01/kostumisasimultiply1.jpg" alt="" width="438" height="256" /></p>
<h4>Langkah 2</h4>
<p>Kemudian akan muncul halaman yang berisikan berbagai pilihan <em>themes</em> seperti berikut:</p>
<p><img class="aligncenter size-full wp-image-1518" src="http://www.diatasawam.com/wp-content/uploads/2010/01/kostumisasimultiply2.jpg" alt="" width="438" height="256" /></p>
<p>Pilih <em>themes</em> sesuai keinginan Anda, sebagai contoh kita pilih <em>themes</em> dengan judul <strong>Retro</strong>.</p>
<h4>Langkah 3</h4>
<p>Kini akun Multiply Anda telah berubah tampilannya sesuai dengan <em>themes </em>pilihan Anda. Untuk mengubah susunan konten yang ditampilkan, klik tulisan <strong>Customize my site</strong> yang ada pada menu sebelah kiri</p>
<p><img class="aligncenter size-full wp-image-1519" src="http://www.diatasawam.com/wp-content/uploads/2010/01/kostumisasimultiply3.jpg" alt="" width="438" height="305" /></p>
<h4>Langkah 4</h4>
<p>Kini Anda akan melihat kotak untuk masing-masing jenis konten. Di setiap kotak ada tombol <strong>Move</strong> untuk memindahkan, <strong>Hide</strong> untuk menyembunyikan dan <strong>Edit</strong> untuk mengatur isinya.<br />
<img class="aligncenter size-full wp-image-1520" src="http://www.diatasawam.com/wp-content/uploads/2010/01/kostumisasimultiply4.jpg" alt="" width="438" height="404" /><br />
Misal kita ingin memindahkan letak konten <strong>Blog</strong> seperti panah yang ditunjukkan pada gambar di atas.Klik tombol <strong>Move</strong> pada kolom konten blog, dan tarik ke daerah yang Anda inginkan.</p>
<h4>Langkah 5</h4>
<p>Kini susunan konten pada akun Multiply Anda menjadi  seperti berikut:<br />
<img class="aligncenter size-full wp-image-1521" src="http://www.diatasawam.com/wp-content/uploads/2010/01/kostumisasimultiply5.jpg" alt="" width="438" height="404" /></p>
<p>Anda juga dapat mengedit konten dari halaman website anda.Misal Anda ingin menambahkan biodata diri, maka klik <strong>Edit </strong>pada kolom sidebar (yang ditunjuk tanda panah). </p>
<h4>Langkah 6</h4>
<p>Selanjutnya akan muncul jendela yang meminta Anda untuk menuliskan kata-kata yang ingin Anda tampilkan di halaman depan akun Multiply Anda.<br />
<img class="aligncenter size-full wp-image-1522" src="http://www.diatasawam.com/wp-content/uploads/2010/01/kostumisasimultiply6.jpg" alt="" width="438" height="404" /><br />
Jika sudah diisi klik <strong>Save</strong>.</p>
<h4>Langkah 7</h4>
<p>Jika Anda sudah puas dengan pilihan tema dan susunan tampilannya, klik <strong>Done</strong> (yang diberi lingkaran merah).<br />
<img class="aligncenter size-full wp-image-1523" src="http://www.diatasawam.com/wp-content/uploads/2010/01/kostumisasimultiply7.jpg" alt="" width="438" height="404" /></p>
<h4>Langkah 8</h4>
<p>Kini tampilan akun Anda sudah cantik dan siap untuk diisi dengan berbagai konten&#8230;.<br />
<img class="aligncenter size-full wp-image-1524" src="http://www.diatasawam.com/wp-content/uploads/2010/01/kostumisasimultiply8.jpg" alt="" width="438" height="404" /><br />
Selamat mencoba&#8230;</p>
<p>Semoga berhasil.. <img src='http://www.diatasawam.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-enjoy">
<ul class="socials">
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=Mengubah+Tampilan+Multiply+-+http://tinyurl.com/ydlgdj7&amp;source=shareaholic" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://www.diatasawam.com/mengubah-tampilan-multiply/&amp;t=Mengubah+Tampilan+Multiply" rel="nofollow" class="external" title="Share this on Facebook">Share this on Facebook</a>
		</li>
		<li class="shr-googlebuzz">
			<a href="http://www.google.com/buzz/post?url=http://www.diatasawam.com/mengubah-tampilan-multiply/&amp;imageurl=" rel="nofollow" class="external" title="Post on Google Buzz">Post on Google Buzz</a>
		</li>
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://www.diatasawam.com/mengubah-tampilan-multiply/&amp;title=Mengubah+Tampilan+Multiply" rel="nofollow" class="external" title="Share this on del.icio.us">Share this on del.icio.us</a>
		</li>
		<li class="shr-stumbleupon">
			<a href="http://www.stumbleupon.com/submit?url=http://www.diatasawam.com/mengubah-tampilan-multiply/&amp;title=Mengubah+Tampilan+Multiply" rel="nofollow" class="external" title="Stumble upon something good? Share it on StumbleUpon">Stumble upon something good? Share it on StumbleUpon</a>
		</li>
		<li class="shr-comfeed">
			<a href="http://www.diatasawam.com/mengubah-tampilan-multiply/feed" rel="nofollow" class="external" title="Subscribe to the comments for this post?">Subscribe to the comments for this post?</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>

<img src="http://www.diatasawam.com/?ak_action=api_record_view&id=1513&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.diatasawam.com/mengubah-tampilan-multiply/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Membuat &#8220;Read More&#8221; pada Tampilan Blogspot</title>
		<link>http://www.diatasawam.com/membuat-read-more-pada-tampilan-blogspot/</link>
		<comments>http://www.diatasawam.com/membuat-read-more-pada-tampilan-blogspot/#comments</comments>
		<pubDate>Wed, 04 Nov 2009 00:08:22 +0000</pubDate>
		<dc:creator>Bimo</dc:creator>
				<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[blogger]]></category>
		<category><![CDATA[layout]]></category>

		<guid isPermaLink="false">http://www.diatasawam.com/?p=1323</guid>
		<description><![CDATA[Mungkin Anda pernah tidak puas dengan tampilan blog Anda karena halaman depan blog Anda di <a href="http://www.blogger.com" target="_blank">Blogspot</a> menampilkan keseluruhan isi posting yang panjang. Untuk mengatasinya Anda bisa meringkas tampilan dengan memberikan tombol ‘read more’ atau ‘baca selengkapnya’ pada posting.]]></description>
			<content:encoded><![CDATA[<div class="sampleimg"><img class="aligncenter size-full wp-image-1242" src="http://www.diatasawam.com/wp-content/uploads/2009/10/bloggerfeatures.jpg" alt="" width="438" height="175" /></div>
<p>Mungkin Anda pernah tidak puas dengan tampilan blog Anda karena halaman depan blog Anda di <a href="http://www.blogger.com" target="_blank">Blogspot</a> menampilkan keseluruhan isi posting yang panjang. Untuk mengatasinya Anda bisa meringkas tampilan dengan memberikan tombol ‘read more’ atau ‘baca selengkapnya’ pada posting. Sehingga pada halaman depan blog Anda hanya akan ditampilkan sebagian isi tulisan saja.</p>
<p>Dengan asumsi bahwa pengguna Blogspot telah menggunakan template Blogger yang baru (bukan template klasik), berikut ini saya mencoba memaparkan cara untuk meringkas tampilan halaman depan blogspot dengan menggunakan Read More.</p>
<h4>Langkah 1</h4>
<p>Setelah Anda login ke Blogger, Anda akan masuk ke halaman <strong>Dasbor</strong>. Untuk mengubah tampilan, klik tombol <strong>Tata Letak</strong> yang ada di sisi kanan bagian keterangan blog Anda, kemudian klik tab <strong>Edit HTML</strong>. Jangan lupa mencontreng opsi <strong>Expand Template Widget</strong>.</p>
<div class="sampleimg"><img class="aligncenter size-full wp-image-1335" src="http://www.diatasawam.com/wp-content/uploads/2009/11/readmore1.jpg" alt="" width="438" height="251" /></div>
<h4>Langkah 2</h4>
<p><span>Cari kode </span><span>&lt;div class=&#8217;post-body&#8217;&gt; atau &lt;div class=&#8217;post-body entry-content&#8217;&gt; , untuk mempermudah pencarian pilih menu edit pada browser lalu klik Find in Page, ketikkan kode tersebut lalu klik </span><em>next</em><span>.</span></p>
<div class="sampleimg"><img class="aligncenter size-full wp-image-1336" src="http://www.diatasawam.com/wp-content/uploads/2009/11/readmore2.jpg" alt="" width="438" height="216" /></div>
<p class="MsoNormal" align="left"><span>Lalu <em>Copy</em></span><span> kode HTML di bawah ini kemudian <em>paste</em> di bawah kode tadi</span></p>
<blockquote>
<p class="MsoNormal" align="left"><span>&lt;b:if cond=&#8217;data:blog.pageType == &#8220;item&#8221;&#8216;&gt;<br />
&lt;style&gt;.fullpost{display:inline;}&lt;/style&gt;<br />
&lt;p&gt;&lt;data:post.body/&gt;&lt;/p&gt;<br />
&lt;b:else/&gt;<br />
&lt;style&gt;.fullpost{display:none;}&lt;/style&gt; </span></p></blockquote>
<p class="MsoNormal" align="left"><span>Kemudian lihat kebagian bawah sehingga terlihat kode </span><span>&lt;p&gt;&lt;data:post.body/&gt;&lt;/p&gt; , <em>co</em></span><em><span>py</span></em><span> kode HTML di bawah ini kemudian <em>paste</em> di bawah kode tadi</span></p>
<blockquote><p>&lt;a expr:href=&#8217;data:post.url&#8217;&gt;Read More&#8230;&#8230;&lt;/a&gt;</p>
<p>&lt;/b:if&gt;<span><br />
</span></p></blockquote>
<p>Kemudian klik tombol bertuliskan <strong>Save Template</strong>.</p>
<p class="MsoNormal"><span> </span></p>
<h4>Langkah 3</h4>
<p class="MsoNormal" align="left"><span>Berikutnya klik menu </span><strong>Pengaturan</strong><span> dan pilih tab </span><strong>Forma</strong><strong>t</strong><span>. <span> </span>Pada layar kosong disamping tulisan <strong> Templat Entri</strong>, isi text kode :</span><span> </span></p>
<blockquote>
<p class="MsoNormal" align="left"><span> <span>&lt;div class=&#8221;fullpost&#8221;&gt;</span><span> </span></span></p>
<p class="MsoNormal" align="left"><span><br />
&lt;/div&gt;</span><span> </span></p></blockquote>
<p class="MsoNormal" align="left">
<div class="sampleimg"><img class="aligncenter size-full wp-image-1338" src="http://www.diatasawam.com/wp-content/uploads/2009/11/readmore4.jpg" alt="" width="438" height="141" /></div>
<p class="MsoNormal"><span> </span></p>
<p class="MsoNormal"><span>Klik<strong> Simpan Setelan</strong>.</span></p>
<h4>Langkah 4</h4>
<p class="MsoNormal"><span>Untuk memposting artikel, klik menu <strong>Posting</strong>, pilih tab Entri Baru. Pada jendela pengisian tulisan, ada pilihan Tulis dan Edit HTML. Anda klik Edit HTML maka pada layar akan tampak kode yang telah Anda buat pada bagian format.</span></p>
<div class="sampleimg"><img src="http://www.diatasawam.com/wp-content/uploads/2009/11/readmore3.jpg" alt="" title="" width="438" height="294" class="aligncenter size-full wp-image-1337" /></div>
<p class="MsoNormal"><span><span>Letakkan tulisan yang akan anda muat di halaman depan blog di atas kode </span><span><span lang="IN">&lt;div class=&#8221;fullpost&#8221;&gt;</span></span><span><span>dan letakkan tulisan yang anda ‘sembunyikan’ di halaman depan blog pada bagian di antara kode tersebut dan </span></span><span><span lang="IN">&lt;/div&gt;</span></span><span><span>.</span></span></span></p>
<div class="sampleimg"><img class="aligncenter size-full wp-image-1339" src="http://www.diatasawam.com/wp-content/uploads/2009/11/readmore5.jpg" alt="" width="438" height="285" /></div>
<p class="MsoNormal">
<h4>Langkah 5</h4>
<p>Setelah selesai menulis, klik <strong>Terbitkan Entri</strong>. Lalu lihat hasilnya pada blog Anda.</p>
<div class="sampleimg"><img class="aligncenter size-full wp-image-1340" src="http://www.diatasawam.com/wp-content/uploads/2009/11/readmore6.jpg" alt="" width="438" height="220" /></div>
<p>Jika Anda telah memiliki banyak posting sebelumnya, maka Anda terpaksa mengubah satu per satu postingan anda dengan cara ini. Memang butuh kesabaran untuk melakukannya, tapi yakinlah bahwa blog Anda akan tampak bagus dan ringkas setelah Anda melakukan cara ini.</p>
<p>Selamat mencoba!</p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-enjoy">
<ul class="socials">
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=Membuat+%22Read+More%22+pada+Tampilan+Blogspot+-+http://tinyurl.com/yckd5dz&amp;source=shareaholic" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://www.diatasawam.com/membuat-read-more-pada-tampilan-blogspot/&amp;t=Membuat+%22Read+More%22+pada+Tampilan+Blogspot" rel="nofollow" class="external" title="Share this on Facebook">Share this on Facebook</a>
		</li>
		<li class="shr-googlebuzz">
			<a href="http://www.google.com/buzz/post?url=http://www.diatasawam.com/membuat-read-more-pada-tampilan-blogspot/&amp;imageurl=" rel="nofollow" class="external" title="Post on Google Buzz">Post on Google Buzz</a>
		</li>
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://www.diatasawam.com/membuat-read-more-pada-tampilan-blogspot/&amp;title=Membuat+%22Read+More%22+pada+Tampilan+Blogspot" rel="nofollow" class="external" title="Share this on del.icio.us">Share this on del.icio.us</a>
		</li>
		<li class="shr-stumbleupon">
			<a href="http://www.stumbleupon.com/submit?url=http://www.diatasawam.com/membuat-read-more-pada-tampilan-blogspot/&amp;title=Membuat+%22Read+More%22+pada+Tampilan+Blogspot" rel="nofollow" class="external" title="Stumble upon something good? Share it on StumbleUpon">Stumble upon something good? Share it on StumbleUpon</a>
		</li>
		<li class="shr-comfeed">
			<a href="http://www.diatasawam.com/membuat-read-more-pada-tampilan-blogspot/feed" rel="nofollow" class="external" title="Subscribe to the comments for this post?">Subscribe to the comments for this post?</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>

<img src="http://www.diatasawam.com/?ak_action=api_record_view&id=1323&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.diatasawam.com/membuat-read-more-pada-tampilan-blogspot/feed/</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
	</channel>
</rss>

