<?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>Belajar ngeBlog &#187; Dasar Dasar Blogspot</title>
	<atom:link href="http://www.belajarngeblog.com/category/blogspot/dasar-dasar-blogspot/feed" rel="self" type="application/rss+xml" />
	<link>http://www.belajarngeblog.com</link>
	<description>Belajar ngeBlog, Blogspot, Wordpress, SEO dan Bisnis Internet</description>
	<lastBuildDate>Sun, 23 Aug 2009 06:10:30 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Tutorial Blogspot : Cara Menambahkan Label Pada Posting</title>
		<link>http://www.belajarngeblog.com/cara-menambahkan-label-pada-posting</link>
		<comments>http://www.belajarngeblog.com/cara-menambahkan-label-pada-posting#comments</comments>
		<pubDate>Tue, 23 Sep 2008 19:44:59 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Dasar Dasar Blogspot]]></category>
		<category><![CDATA[Blogspot]]></category>
		<category><![CDATA[Blogspot Basic]]></category>

		<guid isPermaLink="false">http://www.belajarngeblog.com/?p=37</guid>
		<description><![CDATA[Label pada Blogspot bisa juga dikatakan sebagai kategori dari artikel yang dibuat, label ini memudahkan kita dan juga pembaca untuk mengelompokkan artikel berdasarkan bidang atau jenis tertentu. Untuk menambahkan label atau membuat label ini caranya sangat mudah, ada beberapa cara yang bisa digunakan untuk membuat label ini. Cara Membuat Label di Blogspot Cara pertama yaitu [...]]]></description>
			<content:encoded><![CDATA[<p>Label pada Blogspot bisa juga dikatakan sebagai kategori dari artikel yang dibuat, label ini memudahkan kita dan juga pembaca untuk mengelompokkan artikel berdasarkan bidang atau jenis tertentu.</p>
<p>Untuk menambahkan label atau membuat label ini caranya sangat mudah, ada beberapa cara yang bisa digunakan untuk membuat label ini.<br />
<span id="more-37"></span></p>
<h3>Cara Membuat Label di Blogspot</h3>
<p>Cara pertama yaitu melalui lembar <a href="http://belajar-yok.blogspot.com/2007/05/cara-penggunaan-editor-blogspot.html"> editor</a>, setiap kali membuat artikel baru kita bisa langsung menambahkan label pada artikel tersebut. Yaitu melalui kotak yang tersedia dibagian bawah editor Blogspot, lihat gambar dibawah ini :</p>
<p><a href="http://www.belajarngeblog.com/wp-content/uploads/2008/09/label-blogspot-1.jpg"><img class="alignnone size-full wp-image-38" title="label-blogspot-1" src="http://www.belajarngeblog.com/wp-content/uploads/2008/09/label-blogspot-1.jpg" alt="" width="400" height="26" /></a></p>
<p align="left">Isikanlah label sesuai dengan yang dikehendaki, satu artikel bisa mempunyai beberapa label sekaligus jika memang saling berhubungan. Hal ini membuat artikel tersebut akan muncul disetiap label yang diberikan padanya.</p>
<p align="left">Cara kedua yaitu melalui halaman <span style="text-decoration: underline;"><span style="color: #0000ff;">Edit  Posts,</span></span> yaitu halaman yang menampilkan seluruh artikel yang pernah kita buat. Dari halaman ini kita bisa mengatur pemberian atau penghapusan lebal pada beberapa artikel sekaligus.</p>
<p align="left"><img class="alignnone size-full wp-image-39" title="label-blogspot-2" src="http://www.belajarngeblog.com/wp-content/uploads/2008/09/label-blogspot-2.jpg" alt="" width="400" height="219" /></p>
<p align="left">Cara menambahkan label yaitu dengan cara: 1) pilih file-file yang akan diberi label, 2) pilih label yang akan ditambahkan melalui ComboBox, untuk menambahkan label yang belum terdapat pada ComboBox ini dengan cara memilih <strong>New Label &#8230;</strong> maka akan mucul kotak dialog yang meminta  menginputkan nama label yang baru.</p>
<p align="left">Artikel yang sudah mempunyai label akan terlihat disebelah kanan dari judul artikel, label tersebut berupa tulisan berwana hijau. Untuk menghapus label pada artikel yang bersangkutan caranya juga sama, yaitu dengan memilih file kemudian pilih nama label yang akan dihapus.</p>
<h3>Menempatkan Label di SideBar</h3>
<p align="left">Agar pengunjung bisa mengakses label tersebut, kita perlu menempatkan element label pada Layout Blog. Jika kamu belum mengetahui cara menempatkan element label di layout, berikut penjelasannya. Masuk kehalaman Template, lalu pada bagian sidebar (samping) klik pada link yang bertuliskan <span style="text-decoration: underline;"> <span style="color: #0000ff;"><strong>Add Page Element</strong></span></span>.</p>
<p align="left"><img class="alignnone size-full wp-image-40" title="label-blogspot-4" src="http://www.belajarngeblog.com/wp-content/uploads/2008/09/label-blogspot-4.jpg" alt="" width="201" height="103" /></p>
<p align="left"><span class="fullpost"><span id="fullpost">Lalu pada layar <strong>Choose New Page Element</strong> pilih element Label, dengan cara  mengklik pada Tulisan ADD TO BLOG.</span></span></p>
<p align="left"><img class="alignnone size-full wp-image-41" title="label-blogspot-5" src="http://www.belajarngeblog.com/wp-content/uploads/2008/09/label-blogspot-5.jpg" alt="" width="261" height="88" /></p>
<p align="left"><span class="fullpost"><span id="fullpost">Kemudian akan muncul jendela yang menampilkan konfigurasi Label. Isikanlah Kotak Title dengan kata apapun yang diinginkan, misalnya kategori. Dan pilih jenis penyortiran yang diinginkan, apakah berdasarkan Huruf (Alphabetically) atau banyaknya artikel (By Frequency).</span></span></p>
<p align="left"><img class="alignnone size-full wp-image-42" title="label-blogspot-6" src="http://www.belajarngeblog.com/wp-content/uploads/2008/09/label-blogspot-6.jpg" alt="" width="400" height="233" /></p>
<p align="left"><span class="fullpost"><span id="fullpost">Sampai disini label yang dibuat tadi sudah siap digunakan, kita  bisa melihat hasilnya dengan cara mengklik link <span style="color: #000080;">View  Blog</span></span></span></p>
<div id="seolinx-tooltip" style="border: 1px solid #000000; margin: 0pt; padding: 0pt; display: none; opacity: 0.9; position: absolute; width: auto; z-index: 99999;">
<table style="border: 0pt none; margin: 0pt; padding: 0pt; border-collapse: separate; width: auto;" border="0">
<tbody>
<tr>
<td id="seolinx-table" style="border: 0pt none; margin: 1px; padding: 0pt; font-family: Tahoma; font-size: 11px; font-weight: bold;">
<div style="margin: 0pt; padding: 0pt; overflow: auto; width: auto;">
<table id="seolinx-paramtable" style="border: 1px solid gray; margin: 0pt; border-collapse: separate;" border="0">
<tbody>
<tr>
<td style="border: 1px solid gray; padding: 2px; background: #f0f0f0 none repeat scroll 0% 0%; color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><img style="vertical-align: middle;" src="http://toolbarqueries.google.com/favicon.ico" alt="" width="12" height="12" /> PR: <a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="Google pagerank" href="javascript:{}">wait&#8230;</a></td>
<td style="border: 1px solid gray; padding: 2px; background: #f0f0f0 none repeat scroll 0% 0%; color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><img style="vertical-align: middle;" src="http://www.google.com/favicon.ico" alt="" width="12" height="12" /> I: <a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="Google index" href="javascript:{}">wait&#8230;</a></td>
<td style="border: 1px solid gray; padding: 2px; background: #f0f0f0 none repeat scroll 0% 0%; color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><img style="vertical-align: middle;" src="http://www.google.com/favicon.ico" alt="" width="12" height="12" /> L: <a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="Google links" href="javascript:{}">wait&#8230;</a></td>
<td style="border: 1px solid gray; padding: 2px; background: #f0f0f0 none repeat scroll 0% 0%; color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><img style="vertical-align: middle;" src="http://siteexplorer.search.yahoo.com/favicon.ico" alt="" width="12" height="12" /> LD: <a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="Yahoo linkdomain" href="javascript:{}">wait&#8230;</a></td>
<td style="border: 1px solid gray; padding: 2px; background: #f0f0f0 none repeat scroll 0% 0%; color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><img style="vertical-align: middle;" src="http://search.msn.com/favicon.ico" alt="" width="12" height="12" /> I: <a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="MSN index" href="javascript:{}">wait&#8230;</a></td>
<td style="border: 1px solid gray; padding: 2px; background: #f0f0f0 none repeat scroll 0% 0%; color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="Sitemap.xml" href="javascript:{}">wait&#8230;</a></td>
<td style="border: 1px solid gray; padding: 2px; background: #f0f0f0 none repeat scroll 0% 0%; color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><img style="vertical-align: middle;" src="http://siteanalytics.compete.com/favicon.ico" alt="" width="12" height="12" /> C: <a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="Compete Rank" href="javascript:{}">wait&#8230;</a></td>
<td style="border: 1px solid gray; padding: 2px; background: #f0f0f0 none repeat scroll 0% 0%; color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"> SD: <a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="Seodigger" href="javascript:{}">wait&#8230;</a></td>
</tr>
</tbody>
</table>
</div>
<div style="margin: 0pt; padding: 0pt; overflow: auto; width: auto;"></div>
</td>
<td id="seolinx-tooltip-close" style="border: 0pt none; margin: 0pt; padding: 1px; cursor: pointer; vertical-align: middle; width: auto;" title="close"><img src="chrome://seoquake/content/skin/close.gif" alt="" /></td>
</tr>
</tbody>
</table>
</div>
<div id="seolinx-tooltip" style="border: 1px solid #000000; margin: 0pt; padding: 0pt; display: none; opacity: 0.9; position: absolute; width: auto; z-index: 99999;">
<table style="border: 0pt none; margin: 0pt; padding: 0pt; border-collapse: separate; width: auto;" border="0">
<tbody>
<tr>
<td id="seolinx-table" style="border: 0pt none; margin: 1px; padding: 0pt; font-family: Tahoma; font-size: 11px; font-weight: bold;"></td>
<td id="seolinx-tooltip-close" style="border: 0pt none; margin: 0pt; padding: 1px; cursor: pointer; vertical-align: middle; width: auto;" title="close"><img src="chrome://seoquake/content/skin/close.gif" alt="" /></td>
</tr>
</tbody>
</table>
</div>
<div id="seolinx-tooltip" style="border: 1px solid #000000; margin: 0pt; padding: 0pt; display: none; opacity: 0.9; position: absolute; width: auto; z-index: 99999;">
<table style="border: 0pt none; margin: 0pt; padding: 0pt; border-collapse: separate; width: auto;" border="0">
<tbody>
<tr>
<td id="seolinx-table" style="border: 0pt none; margin: 1px; padding: 0pt; font-family: Tahoma; font-size: 11px; font-weight: bold;"></td>
<td id="seolinx-tooltip-close" style="border: 0pt none; margin: 0pt; padding: 1px; cursor: pointer; vertical-align: middle; width: auto;" title="close"><img src="chrome://seoquake/content/skin/close.gif" alt="" /></td>
</tr>
</tbody>
</table>
</div>
<div id="seolinx-tooltip" style="border: 1px solid #000000; margin: 0pt; padding: 0pt; display: none; opacity: 0.9; position: absolute; width: auto; z-index: 99999;">
<table style="border: 0pt none; margin: 0pt; padding: 0pt; border-collapse: separate; width: auto;" border="0">
<tbody>
<tr>
<td id="seolinx-table" style="border: 0pt none; margin: 1px; padding: 0pt; font-family: Tahoma; font-size: 11px; font-weight: bold;"></td>
<td id="seolinx-tooltip-close" style="border: 0pt none; margin: 0pt; padding: 1px; cursor: pointer; vertical-align: middle; width: auto;" title="close"><img src="chrome://seoquake/content/skin/close.gif" alt="" /></td>
</tr>
</tbody>
</table>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.belajarngeblog.com/cara-menambahkan-label-pada-posting/feed</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
		<item>
		<title>Tutorial Blogspot : Cara Mengubah Warna Blog</title>
		<link>http://www.belajarngeblog.com/cara-mengubah-warna-blog</link>
		<comments>http://www.belajarngeblog.com/cara-mengubah-warna-blog#comments</comments>
		<pubDate>Tue, 23 Sep 2008 19:28:36 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Dasar Dasar Blogspot]]></category>
		<category><![CDATA[Blogspot]]></category>
		<category><![CDATA[Blogspot Basic]]></category>

		<guid isPermaLink="false">http://www.belajarngeblog.com/?p=33</guid>
		<description><![CDATA[Warna blog bisa menjadi ciri khas tersendiri, warna juga bisa melambangkan kepribadian sang pemilik blog. Blogspot memberikan kebebasan bagi kita untuk mengubah warna blog default dari template yang dipilih. Hal ini cukup berguna untuk membantu menyamankan mata yang melihatnya, warna apa saja yang bisa kita ubah ? bagaimana caranya ? Cara Mengubah Warna Blog Untuk [...]]]></description>
			<content:encoded><![CDATA[<p>Warna blog bisa menjadi ciri khas tersendiri, warna juga bisa melambangkan kepribadian sang pemilik blog. Blogspot memberikan kebebasan bagi kita untuk mengubah warna blog default dari template yang dipilih.</p>
<p>Hal ini cukup berguna untuk membantu menyamankan mata yang melihatnya, warna  apa saja yang bisa kita ubah ? bagaimana caranya ?<br />
<span id="more-33"></span></p>
<h3>Cara Mengubah Warna Blog</h3>
<p>Untuk mengubah warna di Blogspot caranya sangat mudah, kita tidak perlu menjadi seorang yang jenius untuk bisa mengubah warna ini. Berikut ini caranya: Jika kamu berada pada layar <strong>Dashboard</strong> klik pada link <span style="text-decoration: underline;"> <span style="color: #0000ff;">Layout</span></span>, lalu akan tampil layar <strong>Template</strong>,  pilih tab <span style="text-decoration: underline;"><span style="color: #0000ff;">Fonts and Colors</span></span> dengan cara  mengklik pada link <span style="text-decoration: underline;"><span style="color: #0000ff;">Fonts and Colors</span></span>.</p>
<p><img class="alignnone size-full wp-image-34" title="mengubah-tampilan-warna" src="http://www.belajarngeblog.com/wp-content/uploads/2008/09/mengubah-tampilan-warna.jpg" alt="" width="400" height="204" /></p>
<p><span class="fullpost">Dari layar inilah kita bisa mengutak-atik warna blog, ubahlah sesuai dengan selera. Jika kamu masih bingung cara mengubah warna tersebut, berikut penjelasan cara mengubah warnanya. Panel ini (gambar dibawah) untuk memilih element blog yang akan diubah warnanya.</span></p>
<p><img class="alignnone size-full wp-image-35" title="mengubah-tampilan-warna-1" src="http://www.belajarngeblog.com/wp-content/uploads/2008/09/mengubah-tampilan-warna-1.jpg" alt="" width="204" height="112" /></p>
<ul>
<li>
<p align="left"><strong>Page Background Color</strong> &#8211; warna latar belakang blog.</p>
</li>
<li>
<p align="left"><strong>Text Color</strong> &#8211; warna text dari artikel di blog.</p>
</li>
<li>
<p align="left"><strong>Link Color </strong>- warna text yang berupa link.</p>
</li>
<li>
<p align="left"><strong>Page Header Background</strong> &#8211; warna latar belakang judul    blog.</p>
</li>
<li>
<p align="left"><strong>Page Header Text Color</strong> &#8211; warna text dari judul blog.</p>
</li>
<li>
<p align="left"><strong>Page Hearder Corners Color</strong> &#8211; warna sudut bagian judul    blog.</p>
</li>
<li>
<p align="left"><strong>Main Background Color</strong> &#8211; warna utama blog (bagian    utama).</p>
</li>
<li>
<p align="left"><strong>Border Color </strong>- warna garis pembatas.</p>
</li>
<li>
<p align="left"><strong>Data Header Color</strong> &#8211; warna bagian header (biasanya    tanggal arsip).</p>
</li>
<li>
<p align="left"><strong>SideBar Title Background Color</strong> &#8211; warna judul pada    sidebar.</p>
</li>
<li>
<p align="left"><strong>SideBar Title Text Color</strong> &#8211; warne judul text pada    sidebar.</p>
</li>
<li>
<p align="left"><strong>Text Font</strong> &#8211; jenis huruf (bagian artikel).</p>
</li>
<li>
<p align="left"><strong>Page Header Font </strong>- jenis huruf bagian judul.</p>
</li>
</ul>
<p align="left">Cara untuk mengubah warnanya adalah dengan memilih element pada panel paling kiri, lalu pilih warna yang akan digunakan (panel disebelahnya), begitu juga dengan jenis huruf. Untuk melihat hasil perubahannya bisa dilihat langsung di bagian bawah.</p>
<p align="left">Mudah sekali bukan (bukan), jangan lupa untuk mengklik tombol <span style="color: #ff9900;">SAVE CHANGES</span> untuk menyimpan hasil perubahan, atau  tombol <span style="color: #ff9900;">CLEAR EDITS</span> jika ingin mengembalikan kewarna  semula.</p>
<div id="seolinx-tooltip" style="border: 1px solid #000000; margin: 0pt; padding: 0pt; display: none; opacity: 0.9; position: absolute; width: auto; z-index: 99999;">
<table style="border: 0pt none; margin: 0pt; padding: 0pt; border-collapse: separate; width: auto;" border="0">
<tbody>
<tr>
<td id="seolinx-table" style="border: 0pt none; margin: 1px; padding: 0pt; font-family: Tahoma; font-size: 11px; font-weight: bold;">
<div style="margin: 0pt; padding: 0pt; overflow: auto; width: auto;">
<table id="seolinx-paramtable" style="border: 1px solid gray; margin: 0pt; border-collapse: separate;" border="0">
<tbody>
<tr>
<td style="border: 1px solid gray; padding: 2px; background: #f0f0f0 none repeat scroll 0% 0%; color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><img style="vertical-align: middle;" src="http://toolbarqueries.google.com/favicon.ico" alt="" width="12" height="12" /> PR: <a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="Google pagerank" href="javascript:{}">wait&#8230;</a></td>
<td style="border: 1px solid gray; padding: 2px; background: #f0f0f0 none repeat scroll 0% 0%; color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><img style="vertical-align: middle;" src="http://www.google.com/favicon.ico" alt="" width="12" height="12" /> I: <a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="Google index" href="javascript:{}">wait&#8230;</a></td>
<td style="border: 1px solid gray; padding: 2px; background: #f0f0f0 none repeat scroll 0% 0%; color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><img style="vertical-align: middle;" src="http://www.google.com/favicon.ico" alt="" width="12" height="12" /> L: <a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="Google links" href="javascript:{}">wait&#8230;</a></td>
<td style="border: 1px solid gray; padding: 2px; background: #f0f0f0 none repeat scroll 0% 0%; color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><img style="vertical-align: middle;" src="http://siteexplorer.search.yahoo.com/favicon.ico" alt="" width="12" height="12" /> LD: <a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="Yahoo linkdomain" href="javascript:{}">wait&#8230;</a></td>
<td style="border: 1px solid gray; padding: 2px; background: #f0f0f0 none repeat scroll 0% 0%; color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><img style="vertical-align: middle;" src="http://search.msn.com/favicon.ico" alt="" width="12" height="12" /> I: <a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="MSN index" href="javascript:{}">wait&#8230;</a></td>
<td style="border: 1px solid gray; padding: 2px; background: #f0f0f0 none repeat scroll 0% 0%; color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="Sitemap.xml" href="javascript:{}">wait&#8230;</a></td>
<td style="border: 1px solid gray; padding: 2px; background: #f0f0f0 none repeat scroll 0% 0%; color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><img style="vertical-align: middle;" src="http://siteanalytics.compete.com/favicon.ico" alt="" width="12" height="12" /> C: <a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="Compete Rank" href="javascript:{}">wait&#8230;</a></td>
<td style="border: 1px solid gray; padding: 2px; background: #f0f0f0 none repeat scroll 0% 0%; color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"> SD: <a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="Seodigger" href="javascript:{}">wait&#8230;</a></td>
</tr>
</tbody>
</table>
</div>
<div style="margin: 0pt; padding: 0pt; overflow: auto; width: auto;"></div>
</td>
<td id="seolinx-tooltip-close" style="border: 0pt none; margin: 0pt; padding: 1px; cursor: pointer; vertical-align: middle; width: auto;" title="close"><img src="chrome://seoquake/content/skin/close.gif" alt="" /></td>
</tr>
</tbody>
</table>
</div>
<div id="seolinx-tooltip" style="border: 1px solid #000000; margin: 0pt; padding: 0pt; display: none; opacity: 0.9; position: absolute; width: auto; z-index: 99999;">
<table style="border: 0pt none; margin: 0pt; padding: 0pt; border-collapse: separate; width: auto;" border="0">
<tbody>
<tr>
<td id="seolinx-table" style="border: 0pt none; margin: 1px; padding: 0pt; font-family: Tahoma; font-size: 11px; font-weight: bold;"></td>
<td id="seolinx-tooltip-close" style="border: 0pt none; margin: 0pt; padding: 1px; cursor: pointer; vertical-align: middle; width: auto;" title="close"><img src="chrome://seoquake/content/skin/close.gif" alt="" /></td>
</tr>
</tbody>
</table>
</div>
<div id="seolinx-tooltip" style="border: 1px solid #000000; margin: 0pt; padding: 0pt; display: none; opacity: 0.9; position: absolute; width: auto; z-index: 99999;">
<table style="border: 0pt none; margin: 0pt; padding: 0pt; border-collapse: separate; width: auto;" border="0">
<tbody>
<tr>
<td id="seolinx-table" style="border: 0pt none; margin: 1px; padding: 0pt; font-family: Tahoma; font-size: 11px; font-weight: bold;"></td>
<td id="seolinx-tooltip-close" style="border: 0pt none; margin: 0pt; padding: 1px; cursor: pointer; vertical-align: middle; width: auto;" title="close"><img src="chrome://seoquake/content/skin/close.gif" alt="" /></td>
</tr>
</tbody>
</table>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.belajarngeblog.com/cara-mengubah-warna-blog/feed</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>Tutorial Blogspot : Mengenal Page Element</title>
		<link>http://www.belajarngeblog.com/mengenal-page-element</link>
		<comments>http://www.belajarngeblog.com/mengenal-page-element#comments</comments>
		<pubDate>Tue, 23 Sep 2008 19:21:23 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Dasar Dasar Blogspot]]></category>
		<category><![CDATA[Blogspot]]></category>
		<category><![CDATA[Blogspot Basic]]></category>

		<guid isPermaLink="false">http://www.belajarngeblog.com/?p=30</guid>
		<description><![CDATA[Bagi yang baru membuat blog mungkin merasa takjub dan terpesona ketika mengunjungi blog lain yang mempunyai begitu banyak element pada blognya. Begitu banyaknya sampai aku sering bingung, apa fungsi dari setiap page element ini ? dan bagaimana cara membuatnya. Dengan sedikit keberanian dan kenekatan aku coba melihat-lihat page element di blog ini, dan mencoba untuk [...]]]></description>
			<content:encoded><![CDATA[<p>Bagi yang baru membuat blog mungkin merasa takjub dan terpesona ketika mengunjungi blog lain yang mempunyai begitu banyak element pada blognya. Begitu banyaknya sampai aku sering bingung, apa fungsi dari setiap page element ini ? dan bagaimana cara membuatnya.</p>
<p>Dengan sedikit keberanian dan kenekatan aku coba melihat-lihat page element di blog ini, dan mencoba untuk memahami fungsi dan kegunaan masing-masing element tersebut, serta cara membuatnya tentunya. Nyoba yuk &#8230;<br />
<span id="more-30"></span></p>
<h3>Mengenal Page Element di Blogspot</h3>
<p>Bagi yang belum tahu cara untuk melihat page element ini begini caranya : Jika kamu berada pada layar Dashboard cari Link yang bertuliskan <span style="text-decoration: underline;"> <span style="color: #0000ff;"><strong>Layaout</strong></span></span>. Lalu kita akan dibawa menuju  layar <strong>Template</strong>, layar Template ini mempunyai beberapa Tab yaitu : <span style="color: #0000ff;">Page Elements</span>, <span style="color: #0000ff;">Fonts and  Colors</span>, <span style="color: #0000ff;">Edit HTML</span>, <span style="color: #0000ff;"> Pick New Template</span>.</p>
<p>Masing-masing tab ini mempuyai fungsi yang berbeda, mungkin kita bisa  membahasnya nanti. Yang akan kita bahas sekaran adalah <span style="color: #0000ff;"> Page Elements. </span>Begini kira-kira tampilan dari tab Page element, jangan bingung, marah, kecewa, atau sedih jika tidak sama. Ini berarti Template yang kita pakai berbeda, dan itu tidak menjadi masalah.</p>
<p><img class="alignnone size-full wp-image-31" title="page-element" src="http://www.belajarngeblog.com/wp-content/uploads/2008/09/page-element.jpg" alt="" width="300" height="206" /></p>
<p><span class="fullpost">Untuk melihat apa saja page element yang bisa kita tambahkan  pada blog, klik pada link <strong><span style="text-decoration: underline;"><span style="color: #0000ff;">Add a Page Element</span></span>,</strong> lalu akan muncul jendela baru yang menampilkan menu untuk memilih element yang  akan ditambahkan.</span></p>
<p align="left">Sebelum menambahkan kita coba dulu memahami apa maksud dan  tujuan dari setiap element ini, mari kita bahas bersama.</p>
<p align="left"><a href="http://bp0.blogger.com/_sgw3pms54UM/RkfWxPr7l2I/AAAAAAAAAW8/xaVTnmRLr6k/s1600-h/Page+Element+1.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img id="BLOGGER_PHOTO_ID_5064252447514138466" style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 195px; height: 63px;" src="http://bp0.blogger.com/_sgw3pms54UM/RkfWxPr7l2I/AAAAAAAAAW8/xaVTnmRLr6k/s400/Page+Element+1.jpg" border="0" alt="" /></a><strong> Newsreel  <span style="color: #ff0000;">(New!) </span>- </strong>element ini berfungsi untuk menampilkan Headlines berita-berita terbaru dari Google pada blog kita. Bagus juga untuk menambah pengetahuan bagi pengunjung yang tertarik dengan berita-berita dari Om Google. Dan tentunya harus sesuai dengan tema dari blog yang kita buat.</p>
<p align="left">
<p align="left"><a href="http://bp1.blogger.com/_sgw3pms54UM/RkfWxfr7l3I/AAAAAAAAAXE/6McDAlRcUEA/s1600-h/Page+Element+2.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img id="BLOGGER_PHOTO_ID_5064252451809105778" style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 197px; height: 45px;" src="http://bp1.blogger.com/_sgw3pms54UM/RkfWxfr7l3I/AAAAAAAAAXE/6McDAlRcUEA/s400/Page+Element+2.jpg" border="0" alt="" /></a><strong> </strong><strong>List </strong>- element ini untuk membuat daftar pada blog, terserah mau buat daftar apa. Daftar belanja, daftar mantan, daftar buku, daftar film, daftar hadir, daftar website. Yang penting bermanfaat.</p>
<p align="left"><a href="http://bp1.blogger.com/_sgw3pms54UM/RkfWxfr7l4I/AAAAAAAAAXM/jNoOSo2pQXo/s1600-h/Page+Element+3.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img id="BLOGGER_PHOTO_ID_5064252451809105794" style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 195px; height: 56px;" src="http://bp1.blogger.com/_sgw3pms54UM/RkfWxfr7l4I/AAAAAAAAAXM/jNoOSo2pQXo/s400/Page+Element+3.jpg" border="0" alt="" /></a><strong> Picture</strong> &#8211; element ini untuk menambahkan gambar pada blog, namun tidak sama seperti ketika kita menambahkan gambar pada artikel. Gambar yang dimasukkan lewat element ini akan selalu terlihat, jika menambahkan gambar pada artikel hanya akan terlihat jika ada yang melihat artikel tersebut. Bagus juga nih buat nampanging photo-photo pribadi (jika anda cukup pede).</p>
<p align="left"><a href="http://bp1.blogger.com/_sgw3pms54UM/RkfWxfr7l5I/AAAAAAAAAXU/TVUclUCraQ0/s1600-h/Page+Element+4.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img id="BLOGGER_PHOTO_ID_5064252451809105810" style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 191px; height: 45px;" src="http://bp1.blogger.com/_sgw3pms54UM/RkfWxfr7l5I/AAAAAAAAAXU/TVUclUCraQ0/s400/Page+Element+4.jpg" border="0" alt="" /></a><strong>HTML/JavaScript</strong> &#8211; element ini banyak sekali gunanya, karena element ini sifatnya cukup flexibel. Kita bisa menggunakannya untuk berbagai hal, seperti menampilkan banner, menempatkan utility atau tools-tools (contoh: tools untuk melakukan pencarian di Google). Element ini penting untuk dipelajari lebih jauh.</p>
<p align="left">
<h3><a href="http://bp2.blogger.com/_sgw3pms54UM/RkfWxvr7l6I/AAAAAAAAAXc/SJ8y_r7-bEk/s1600-h/Page+Element+5.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img id="BLOGGER_PHOTO_ID_5064252456104073122" style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 190px; height: 44px;" src="http://bp2.blogger.com/_sgw3pms54UM/RkfWxvr7l6I/AAAAAAAAAXc/SJ8y_r7-bEk/s400/Page+Element+5.jpg" border="0" alt="" /></a></h3>
<p align="left"><strong>Feed</strong> &#8211; jika kamu atau kita berlangganan feed pada suatu situs atau blog lain, kita bisa menampilkannya di blog kita menggunakan element ini. Apa itu Feed ? sementara ini cari sendiri dulu, ntar kalo aku sudah mengerti, atau kalau kamu lebih mengerti bisa dijelaskan di blog ini, itung-itung amal.</p>
<p align="left"><a href="http://bp3.blogger.com/_sgw3pms54UM/RkfZN_r7mCI/AAAAAAAAAYc/GO0GO4eZsDE/s1600-h/Page+Element+6.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img id="BLOGGER_PHOTO_ID_5064255140458633250" style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 191px; height: 45px;" src="http://bp3.blogger.com/_sgw3pms54UM/RkfZN_r7mCI/AAAAAAAAAYc/GO0GO4eZsDE/s400/Page+Element+6.jpg" border="0" alt="" /></a><strong>Logo</strong> &#8211; element ini untuk menampilkan logo Blogger, kita bisa memilih mana yang disuka. Bagus juga nih untuk ngerame&#8217;in blog. Juga untuk mempercantik blog, dan untuk memperindah blog. (kayak anak kecil nih ngomongnya).</p>
<p align="left"><a href="http://bp3.blogger.com/_sgw3pms54UM/RkfZN_r7mDI/AAAAAAAAAYk/i4U36zQr8Cg/s1600-h/Page+Element+13.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img id="BLOGGER_PHOTO_ID_5064255140458633266" style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 194px; height: 61px;" src="http://bp3.blogger.com/_sgw3pms54UM/RkfZN_r7mDI/AAAAAAAAAYk/i4U36zQr8Cg/s400/Page+Element+13.jpg" border="0" alt="" /></a><strong>Blog Archive</strong> &#8211; element ini untuk menampilkan semua artikel yang pernah kita buat. Ini berguna untuk memudahkan pengunjung melihat semua artikel yang ada. Jika artikel di blog sudah cukup banyak, mungkin ada baiknya kita menggunakan element ini.</p>
<p align="left"><a href="http://bp2.blogger.com/_sgw3pms54UM/RkfZNvr7mBI/AAAAAAAAAYU/B3tdrmWVt1Y/s1600-h/Page+Element+7.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img id="BLOGGER_PHOTO_ID_5064255136163665938" style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 194px; height: 60px;" src="http://bp2.blogger.com/_sgw3pms54UM/RkfZNvr7mBI/AAAAAAAAAYU/B3tdrmWVt1Y/s400/Page+Element+7.jpg" border="0" alt="" /></a><strong>Video  Bar <span style="color: #ff0000;">(New !)</span></strong><span style="color: #ff0000;"> </span>- element ini untuk menampilkan video clip dari YouTube, apa itu YouTube ? banyak blog yang lebih berkompeten menjelaskannya. Bagus nih bagi yang hobi nonton klip, biar blognya bisa klap-klip.</p>
<p align="left"><a href="http://bp2.blogger.com/_sgw3pms54UM/RkfZNvr7mAI/AAAAAAAAAYM/g_M1F87kTjI/s1600-h/Page+Element+8.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img id="BLOGGER_PHOTO_ID_5064255136163665922" style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 194px; height: 47px;" src="http://bp2.blogger.com/_sgw3pms54UM/RkfZNvr7mAI/AAAAAAAAAYM/g_M1F87kTjI/s400/Page+Element+8.jpg" border="0" alt="" /></a><strong>Link List</strong> &#8211; element ini untuk menampilkan link-link dari blog atau website lain, jika kamu punya temen, sodara, tetangga, sanak-keluarga yang ngeblog juga, bisa saling tukar link pake element ini. Biar pengunjung yang lewat bisa tahu kalo kamu punya banyak tetangga.</p>
<p align="left"><a href="http://bp0.blogger.com/_sgw3pms54UM/RkfXoPr7l_I/AAAAAAAAAYE/F1FVZTXhA1k/s1600-h/Page+Element+9.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img id="BLOGGER_PHOTO_ID_5064253392406943730" style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 191px; height: 56px;" src="http://bp0.blogger.com/_sgw3pms54UM/RkfXoPr7l_I/AAAAAAAAAYE/F1FVZTXhA1k/s400/Page+Element+9.jpg" border="0" alt="" /></a><strong>Text</strong> &#8211; element ini untuk menambahkan beberapa patah kata yang sudah kamu patahkan sebelumnya. Bisa kata-kata mutiara, intan, atau berlian. Sebaiknya jangan kata makian, nggak enak diliat orang.</p>
<p align="left"><a href="http://bp3.blogger.com/_sgw3pms54UM/RkfXn_r7l-I/AAAAAAAAAX8/H988PwFLwe8/s1600-h/Page+Element+10.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img id="BLOGGER_PHOTO_ID_5064253388111976418" style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 187px; height: 55px;" src="http://bp3.blogger.com/_sgw3pms54UM/RkfXn_r7l-I/AAAAAAAAAX8/H988PwFLwe8/s400/Page+Element+10.jpg" border="0" alt="" /></a><strong>Adsense</strong> &#8211; element ini untuk menampilkan iklan-iklan dari adsense, itu jika kamu sudah punya account adsense tentunya. Kamu bisa menambahkan element ini jika ingin mencari penghasilan dari blog, jika tidak juga tidak jadi masalah, suka-sukalah.</p>
<p align="left"><a href="http://bp3.blogger.com/_sgw3pms54UM/RkfXn_r7l9I/AAAAAAAAAX0/529RQbShAq0/s1600-h/Page+Element+11.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img id="BLOGGER_PHOTO_ID_5064253388111976402" style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 185px; height: 40px;" src="http://bp3.blogger.com/_sgw3pms54UM/RkfXn_r7l9I/AAAAAAAAAX0/529RQbShAq0/s400/Page+Element+11.jpg" border="0" alt="" /></a><a href="http://belajar-yok.blogspot.com/2007/05/menambahkan-label-di-blogspot.html"><strong> Labels</strong></a> &#8211; eleement ini punya peranan yang cukup penting, labels bisa juga diartikan sebagai kategori dari artikel yang kita buat. Ini untuk memudahkan kita pada khususnya, dan pengunjung pada umumnya. Dengan mengelompokkan artikel menggunakan kategori, pengunjung jadi bisa memilih sesuai dengan bidang yang diminati.</p>
<p align="left"><a href="http://bp3.blogger.com/_sgw3pms54UM/RkfXn_r7l8I/AAAAAAAAAXs/r3IjM7RtQ-8/s1600-h/Page+Element+12.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img id="BLOGGER_PHOTO_ID_5064253388111976386" style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://bp3.blogger.com/_sgw3pms54UM/RkfXn_r7l8I/AAAAAAAAAXs/r3IjM7RtQ-8/s400/Page+Element+12.jpg" border="0" alt="" /></a><strong>P</strong><strong>rofile</strong> &#8211; element ini untuk menampilkan profil dari si pembuat blog. Aku belum berani membuatnya karena aku orangnya Low Profile. Jika kamu atau kalian mempunyai profile yang cukup tinggi, manfaatkan element ini.</p>
<p align="left"><a href="http://bp2.blogger.com/_sgw3pms54UM/RkfXnvr7l7I/AAAAAAAAAXk/qyHICfeM1xI/s1600-h/Page+Element+14.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img id="BLOGGER_PHOTO_ID_5064253383817009074" style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 189px; height: 52px;" src="http://bp2.blogger.com/_sgw3pms54UM/RkfXnvr7l7I/AAAAAAAAAXk/qyHICfeM1xI/s400/Page+Element+14.jpg" border="0" alt="" /></a><strong>Page  Header</strong> &#8211; element ini untuk menampilkan Judul dan desciption blog. Secara default element ini sudah ditambahkan, jadi tidak ada yang bisa kita perbuat terhadapnya.</p>
<div id="seolinx-tooltip" style="border: 1px solid #000000; margin: 0pt; padding: 0pt; display: none; opacity: 0.9; position: absolute; width: auto; z-index: 99999;">
<table style="border: 0pt none; margin: 0pt; padding: 0pt; border-collapse: separate; width: auto;" border="0">
<tbody>
<tr>
<td id="seolinx-table" style="border: 0pt none; margin: 1px; padding: 0pt; font-family: Tahoma; font-size: 11px; font-weight: bold;">
<div style="margin: 0pt; padding: 0pt; overflow: auto; width: auto;">
<table id="seolinx-paramtable" style="border: 1px solid gray; margin: 0pt; border-collapse: separate;" border="0">
<tbody>
<tr>
<td style="border: 1px solid gray; padding: 2px; background: #f0f0f0 none repeat scroll 0% 0%; color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><img style="vertical-align: middle;" src="http://toolbarqueries.google.com/favicon.ico" alt="" width="12" height="12" /> PR: <a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="Google pagerank" href="javascript:{}">wait&#8230;</a></td>
<td style="border: 1px solid gray; padding: 2px; background: #f0f0f0 none repeat scroll 0% 0%; color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><img style="vertical-align: middle;" src="http://www.google.com/favicon.ico" alt="" width="12" height="12" /> I: <a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="Google index" href="javascript:{}">wait&#8230;</a></td>
<td style="border: 1px solid gray; padding: 2px; background: #f0f0f0 none repeat scroll 0% 0%; color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><img style="vertical-align: middle;" src="http://www.google.com/favicon.ico" alt="" width="12" height="12" /> L: <a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="Google links" href="javascript:{}">wait&#8230;</a></td>
<td style="border: 1px solid gray; padding: 2px; background: #f0f0f0 none repeat scroll 0% 0%; color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><img style="vertical-align: middle;" src="http://siteexplorer.search.yahoo.com/favicon.ico" alt="" width="12" height="12" /> LD: <a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="Yahoo linkdomain" href="javascript:{}">wait&#8230;</a></td>
<td style="border: 1px solid gray; padding: 2px; background: #f0f0f0 none repeat scroll 0% 0%; color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><img style="vertical-align: middle;" src="http://search.msn.com/favicon.ico" alt="" width="12" height="12" /> I: <a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="MSN index" href="javascript:{}">wait&#8230;</a></td>
<td style="border: 1px solid gray; padding: 2px; background: #f0f0f0 none repeat scroll 0% 0%; color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="Sitemap.xml" href="javascript:{}">wait&#8230;</a></td>
<td style="border: 1px solid gray; padding: 2px; background: #f0f0f0 none repeat scroll 0% 0%; color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><img style="vertical-align: middle;" src="http://siteanalytics.compete.com/favicon.ico" alt="" width="12" height="12" /> C: <a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="Compete Rank" href="javascript:{}">wait&#8230;</a></td>
<td style="border: 1px solid gray; padding: 2px; background: #f0f0f0 none repeat scroll 0% 0%; color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"> SD: <a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="Seodigger" href="javascript:{}">wait&#8230;</a></td>
</tr>
</tbody>
</table>
</div>
<div style="margin: 0pt; padding: 0pt; overflow: auto; width: auto;"></div>
</td>
<td id="seolinx-tooltip-close" style="border: 0pt none; margin: 0pt; padding: 1px; cursor: pointer; vertical-align: middle; width: auto;" title="close"><img src="chrome://seoquake/content/skin/close.gif" alt="" /></td>
</tr>
</tbody>
</table>
</div>
<div id="seolinx-tooltip" style="border: 1px solid #000000; margin: 0pt; padding: 0pt; display: none; opacity: 0.9; position: absolute; width: auto; z-index: 99999;">
<table style="border: 0pt none; margin: 0pt; padding: 0pt; border-collapse: separate; width: auto;" border="0">
<tbody>
<tr>
<td id="seolinx-table" style="border: 0pt none; margin: 1px; padding: 0pt; font-family: Tahoma; font-size: 11px; font-weight: bold;"></td>
<td id="seolinx-tooltip-close" style="border: 0pt none; margin: 0pt; padding: 1px; cursor: pointer; vertical-align: middle; width: auto;" title="close"><img src="chrome://seoquake/content/skin/close.gif" alt="" /></td>
</tr>
</tbody>
</table>
</div>
<div id="seolinx-tooltip" style="border: 1px solid #000000; margin: 0pt; padding: 0pt; display: none; opacity: 0.9; position: absolute; width: auto; z-index: 99999;">
<table style="border: 0pt none; margin: 0pt; padding: 0pt; border-collapse: separate; width: auto;" border="0">
<tbody>
<tr>
<td id="seolinx-table" style="border: 0pt none; margin: 1px; padding: 0pt; font-family: Tahoma; font-size: 11px; font-weight: bold;"></td>
<td id="seolinx-tooltip-close" style="border: 0pt none; margin: 0pt; padding: 1px; cursor: pointer; vertical-align: middle; width: auto;" title="close"><img src="chrome://seoquake/content/skin/close.gif" alt="" /></td>
</tr>
</tbody>
</table>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.belajarngeblog.com/mengenal-page-element/feed</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>Tutorial Blogspot : Penjelasan Fungsi Settings</title>
		<link>http://www.belajarngeblog.com/penjelasan-fungsi-settings</link>
		<comments>http://www.belajarngeblog.com/penjelasan-fungsi-settings#comments</comments>
		<pubDate>Tue, 23 Sep 2008 17:47:36 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Dasar Dasar Blogspot]]></category>
		<category><![CDATA[Blogspot]]></category>
		<category><![CDATA[Blogspot Basic]]></category>

		<guid isPermaLink="false">http://www.belajarngeblog.com/?p=27</guid>
		<description><![CDATA[Jika sudah berhasil mendaftar dan membuat blog di Blogspot, kita akan diminta untuk mengatur setting blog yang telah dibuat. Apa saja setting ini ? dan apa kegunaan dari setiap setting ini ? mari kita mambahasnya dalam tutorial blogspot kali ini. Setting blog berguna untuk mengatur segala sesuatu yang berhubungan dengan blog. Setting yang tepat sangat [...]]]></description>
			<content:encoded><![CDATA[<p>Jika sudah berhasil <a href="http://www.belajarngeblog.com/cara-membuat-blog-di-blogspot">mendaftar</a> dan membuat blog di Blogspot, kita akan diminta untuk mengatur setting blog yang telah dibuat. Apa saja setting ini ? dan apa kegunaan dari setiap setting ini ? mari kita mambahasnya dalam tutorial blogspot kali ini.</p>
<p><span class="fullpost">Setting blog berguna untuk mengatur segala sesuatu yang berhubungan dengan blog. Setting yang tepat sangat membantu bagi blog yang kita buat. Kita tidak perlu khawatir walaupun tidak memiliki pengetahuan tentang hal-hal yang teknis, karena Blogspot sudah memberikan berbagai kemudahan untuk mengatur setting ini.<br />
<span id="more-27"></span></span></p>
<h3>Setting Basic</h3>
<ul>
<li><strong>Title</strong> &#8211; ini merupakan judul dari blog yang kita buat, kita bisa mengisikannya sesuai selera. Yang perlu diperhatikan adalah buatlah judul yang bisa menggambarkan apa isi dari blog. Karena judul ini akan tampil pada halaman hasil pencarian search engine (misalnya Google).</li>
<li><strong>Description</strong> &#8211; setting ini untuk menjelaskan isi dari blog, ini untuk memberikan sedikit penjelasan kepada pengunjung maksud dan tujuan dari blog yang dibuat.</li>
<li><strong>Add your Blog to our listings?</strong> &#8211; setting ini meminta konfirmasi kepada pemilik blog, apakah blognya akan dimasukkan kedalam index Google. Jika memilih YES berarti Blog kita akan dimasukkan kedalam Index.</li>
<li><strong>Show Quick Editing on your Blog?</strong> &#8211; pilihan ini meminta kita untuk  memilih apakah ingin menampilkan layar untuk mengedit secara cepat.</li>
<li><strong>Show Email Post links?</strong> &#8211; pilihan ini menawarkan kita apakah akan menampilkan link email, link email ini maksudnya jika seorang pembaca menyukai artikel yang kita buat dan ingin memberikannya kepada temannya melalui email, dia dapat melakukkannya dengan mengklik link tersebut.</li>
<li><strong>Show Compose Mode for all your blogs?</strong> &#8211; setting ini berguna pada saat  mengedit artikel <a href="http://belajar-yok.blogspot.com/2007/05/cara-penggunaan-editor-blogspot.html"> </a><a href="http://www.belajarngeblog.com/cara-menggunakan-fungsi-editor-blogspot" class="broken_link">menggunakan editor dari Blogspot</a>, bila memilih yes maka Editor akan  menampilkan menu <strong>Compose.</strong></li>
<li><strong>Show transliteration button for your posts?</strong> &#8211; setting ini untuk menampilkan tombol yang berfungsi mentranslate artikel yang kita buat (jika berbahasa Inggris) ke dalam bahasa India.</li>
<li><strong>Delete Your Blog? </strong>- jangan mengklik ini, jika tidak diperlukan.</li>
</ul>
<h3>Setting Publishing</h3>
<ul>
<li><strong>Blog*Spot Address</strong> &#8211; ini akan jadi bagian dari alamat URL blog, seperti  blog yang saya buat ini mempunya blog address <strong>belajarngeblog</strong>, dan alamat URL  nya menjadi <strong>belajarngeblog.blogspot.com</strong>. Ini juga salah satu hal yang  membedakan blog dengan website biasa, jika pada website biasanya menggunakan <strong><a href="http://www.belajarngeblog.com"> www.belajarngeblog.com</a>.</strong></li>
<li><strong>Send Pings</strong> &#8211; pilih Yes.</li>
</ul>
<h3>Setting Formating</h3>
<ul>
<li><strong>Show</strong> &#8211; setting ini untuk mengatur berapa artikel yang akan ditampilkan  perhalaman. <strong>Tips</strong>: semakin sedikit yang ditampilkan akan semakin cepat  dibuka oleh browser pengunjung.</li>
<li><strong>Date Header Format</strong> &#8211; untuk mengatur format tampilan penanggalan.</li>
<li><strong>Archive Index Date Format </strong>- untuk mengatur format tampilan penanggalan  arsip.</li>
<li><strong>Timestamp Format</strong> &#8211; format tampilan waktu.</li>
<li><strong>Time Zone</strong> &#8211; zona waktu</li>
<li><strong>Language</strong> &#8211; pemilihan bahasa.</li>
<li><strong>Convert line breaks</strong> &#8211; bila memilih yes berarti setiap kali kita menekan tombol ENTER pada saat mengedit dan membuat komentar, akan dikonversi menjadi BR (break return).</li>
<li><strong>Show Title field</strong> &#8211; untuk menampilkan atau menyembunyikan judul  artikel.</li>
<li><strong>Show Link Field</strong> &#8211; menampilkan link ke artikel.</li>
<li><strong>Enable float alignment </strong>- untuk mengatur layout.</li>
<li><strong>Post Template</strong> &#8211; yaitu untuk menambahkan hal-hal tertentu secara    otomatis setiap kali membuat artikel baru.</li>
</ul>
<h3>Setting Comments</h3>
<ul>
<li><strong>Comments </strong>- menampilkan atau menyembunyikan komentar.</li>
<li><strong>Who Can Comment? </strong>- setting ini untuk mengatur siapa saja yang boleh    membuat komentar.</li>
<li><strong>Comments Default for Posts </strong>- jika memilih New Post Have Commnets    berarti setiap artike boleh mempunyai komentar.</li>
<li><strong>Backlinks</strong> &#8211; menampilkan atau menyembunyikan informasi siapa saja    yang melink pada blog kita.</li>
<li><strong>Backlinks Default for Posts</strong> &#8211; setiap artikel baru boleh atau tidak    boleh mempunyai backlink.</li>
<li><strong>Comments Timestamp Format</strong> &#8211;  format tampilan waktu pada    komentar.</li>
<li><strong>Show comments in a popup window?</strong> &#8211; Yes, berarti setiap akan mengisi    komentar, Blogspot akan menampilkan jendela Pop Up.</li>
<li><strong>Enable comment moderation?</strong> &#8211;  untuk mengatur komentar apasaja    yang boleh ditampilkan.</li>
<li><strong>Show word verification for comments?</strong> &#8211; utility untuk mencegah    comment spam.</li>
<li><strong>Show profile images on comments?</strong> &#8211; menampilkan photo orang yang    membuat komentar (jika dia seorang blogger).</li>
<li><strong>Comment Notification Address</strong> &#8211; setiap kali ada yang berkomentar,    Blogspot akan memberi tahukan melalui alamat email ini.</li>
</ul>
<h3>Setting Archiving</h3>
<ul>
<li><strong>Archive Frequency </strong>- mengatur tampilan frekuensi pengarsipan,    setting ini berpengaruh jika kita membuat widget Pos Archive.</li>
<li><strong>Enable Post Pages? </strong>- Yes berarti setiap artikel yang kita buat    mempunyai alamat URLnya sendiri.</li>
</ul>
<h3>Seeting Site Feed</h3>
<ul>
<li><strong>Allow Blog Feed</strong> &#8211; setting ini berpengaruh bagi yang pembaca melalui RSS    Feed.</li>
<li><strong>Feed Item Footer</strong> &#8211; untuk menyertakan hal-hal tertentu (misalnya Banner) pada  bagian footer di RSS Feed.</li>
</ul>
<h3>Setting Email</h3>
<ul>
<li><strong>BlogSend Address</strong> &#8211; isikan alamat email orang atau teman yang ingin    anda kirim secara otomatis setiap kali membuat artikel baru.</li>
<li><strong>Mail-to-Blogger Address</strong> &#8211; mengirimkan artikel ke blog melalui    email.</li>
</ul>
<h3>Setting Permission</h3>
<ul>
<li><strong>Blog Authors</strong> &#8211; nama pembuat blog, kita bisa membuat beberapa    account jika blog tersebut blog <strong>keroyokan</strong>.</li>
<li><strong>Blog Readers</strong> &#8211; siapa saja yang oleh membaca blog.</li>
</ul>
<p>Itulah setting-setting yang yang terdapat didalam blog, perlu waktu untuk memahaminya lebih jauh bila ingin membuat blog kita semakin baik. Namun semakin sering kita ngeblog, dengan sendirinya pengetahuan akan semakin bertambah.</p>
<div id="seolinx-tooltip" style="border: 1px solid #000000; margin: 0pt; padding: 0pt; display: none; opacity: 0.9; position: absolute; width: auto; z-index: 99999;">
<table style="border: 0pt none; margin: 0pt; padding: 0pt; border-collapse: separate; width: auto;" border="0">
<tbody>
<tr>
<td id="seolinx-table" style="border: 0pt none; margin: 1px; padding: 0pt; font-family: Tahoma; font-size: 11px; font-weight: bold;">
<div style="margin: 0pt; padding: 0pt; overflow: auto; width: auto;">
<table id="seolinx-paramtable" style="border: 1px solid gray; margin: 0pt; border-collapse: separate;" border="0">
<tbody>
<tr>
<td style="border: 1px solid gray; padding: 2px; background: #f0f0f0 none repeat scroll 0% 0%; color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><img style="vertical-align: middle;" src="http://toolbarqueries.google.com/favicon.ico" alt="" width="12" height="12" /> PR: <a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="Google pagerank" href="javascript:{}">wait&#8230;</a></td>
<td style="border: 1px solid gray; padding: 2px; background: #f0f0f0 none repeat scroll 0% 0%; color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><img style="vertical-align: middle;" src="http://www.google.com/favicon.ico" alt="" width="12" height="12" /> I: <a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="Google index" href="javascript:{}">wait&#8230;</a></td>
<td style="border: 1px solid gray; padding: 2px; background: #f0f0f0 none repeat scroll 0% 0%; color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><img style="vertical-align: middle;" src="http://www.google.com/favicon.ico" alt="" width="12" height="12" /> L: <a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="Google links" href="javascript:{}">wait&#8230;</a></td>
<td style="border: 1px solid gray; padding: 2px; background: #f0f0f0 none repeat scroll 0% 0%; color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><img style="vertical-align: middle;" src="http://siteexplorer.search.yahoo.com/favicon.ico" alt="" width="12" height="12" /> LD: <a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="Yahoo linkdomain" href="javascript:{}">wait&#8230;</a></td>
<td style="border: 1px solid gray; padding: 2px; background: #f0f0f0 none repeat scroll 0% 0%; color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><img style="vertical-align: middle;" src="http://search.msn.com/favicon.ico" alt="" width="12" height="12" /> I: <a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="MSN index" href="javascript:{}">wait&#8230;</a></td>
<td style="border: 1px solid gray; padding: 2px; background: #f0f0f0 none repeat scroll 0% 0%; color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="Sitemap.xml" href="javascript:{}">wait&#8230;</a></td>
<td style="border: 1px solid gray; padding: 2px; background: #f0f0f0 none repeat scroll 0% 0%; color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><img style="vertical-align: middle;" src="http://siteanalytics.compete.com/favicon.ico" alt="" width="12" height="12" /> C: <a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="Compete Rank" href="javascript:{}">wait&#8230;</a></td>
<td style="border: 1px solid gray; padding: 2px; background: #f0f0f0 none repeat scroll 0% 0%; color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"> SD: <a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="Seodigger" href="javascript:{}">wait&#8230;</a></td>
</tr>
</tbody>
</table>
</div>
<div style="margin: 0pt; padding: 0pt; overflow: auto; width: auto;"></div>
</td>
<td id="seolinx-tooltip-close" style="border: 0pt none; margin: 0pt; padding: 1px; cursor: pointer; vertical-align: middle; width: auto;" title="close"><img src="chrome://seoquake/content/skin/close.gif" alt="" /></td>
</tr>
</tbody>
</table>
</div>
<div id="seolinx-tooltip" style="border: 1px solid #000000; margin: 0pt; padding: 0pt; display: none; opacity: 0.9; position: absolute; width: auto; z-index: 99999;">
<table style="border: 0pt none; margin: 0pt; padding: 0pt; border-collapse: separate; width: auto;" border="0">
<tbody>
<tr>
<td id="seolinx-table" style="border: 0pt none; margin: 1px; padding: 0pt; font-family: Tahoma; font-size: 11px; font-weight: bold;"></td>
<td id="seolinx-tooltip-close" style="border: 0pt none; margin: 0pt; padding: 1px; cursor: pointer; vertical-align: middle; width: auto;" title="close"><img src="chrome://seoquake/content/skin/close.gif" alt="" /></td>
</tr>
</tbody>
</table>
</div>
<div id="seolinx-tooltip" style="border: 1px solid #000000; margin: 0pt; padding: 0pt; display: none; opacity: 0.9; position: absolute; width: auto; z-index: 99999;">
<table style="border: 0pt none; margin: 0pt; padding: 0pt; border-collapse: separate; width: auto;" border="0">
<tbody>
<tr>
<td id="seolinx-table" style="border: 0pt none; margin: 1px; padding: 0pt; font-family: Tahoma; font-size: 11px; font-weight: bold;"></td>
<td id="seolinx-tooltip-close" style="border: 0pt none; margin: 0pt; padding: 1px; cursor: pointer; vertical-align: middle; width: auto;" title="close"><img src="chrome://seoquake/content/skin/close.gif" alt="" /></td>
</tr>
</tbody>
</table>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.belajarngeblog.com/penjelasan-fungsi-settings/feed</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>Tutorial Blogspot : Menambahkan Gambar pada Posting Blogspot</title>
		<link>http://www.belajarngeblog.com/menambahkan-gambar-pada-posting-blogspot</link>
		<comments>http://www.belajarngeblog.com/menambahkan-gambar-pada-posting-blogspot#comments</comments>
		<pubDate>Mon, 22 Sep 2008 21:11:23 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Dasar Dasar Blogspot]]></category>
		<category><![CDATA[Blogspot]]></category>
		<category><![CDATA[Blogspot Basic]]></category>

		<guid isPermaLink="false">http://www.belajarngeblog.com/?p=22</guid>
		<description><![CDATA[Sebuah artikel atau posting kita buat di blogspot akan tampil lebih menarik bila ada gambar atau image pendukung yang disertakan. Untuk menambahkan gambar pada artikel atau posting di Blogspot caranya cukup mudah, kita juga bisa menggunakan beberapa pilihan dalam mengatur tampilan dari gambar yang di masukkan. Add an Image from your computer &#8211; gunakan pilihan [...]]]></description>
			<content:encoded><![CDATA[<p>Sebuah <a href="http://www.belajarngeblog.com/memulai-membuat-artikel-di-blogspot" class="broken_link">artikel</a> atau posting kita buat di blogspot akan tampil lebih menarik bila ada gambar atau image pendukung yang disertakan. Untuk menambahkan gambar pada artikel atau posting di Blogspot caranya cukup mudah, kita juga bisa menggunakan beberapa pilihan dalam mengatur tampilan dari gambar yang di masukkan.<br />
<span id="more-22"></span></p>
<p align="left"><strong>Add an Image from your computer</strong> &#8211; gunakan pilihan ini  untuk mengupload atau memasukkan gambar dari komputer ke Blogspot. Klik pada  tombol <strong>Browse</strong>, pilih gambar yang akan dimasukkan. Kita bisa memasukkan beberapa file gambar sekaligus (maksimal 5) dengan cara mengklik pada link <span style="text-decoration: underline;"> <span style="color: #0000ff;"><strong>Add another Image</strong></span></span>.</p>
<p align="left"><img class="alignnone size-full wp-image-23" title="cara-memasukkan-gambar-di-blogspot-1" src="http://www.belajarngeblog.com/wp-content/uploads/2008/09/cara-memasukkan-gambar-di-blogspot-1.jpg" alt="" width="400" height="243" /></p>
<p align="left">
<p align="left"><strong>Add an Image from the Web</strong> &#8211; pilihan ini untuk mengupload gambar dari website lain, isi dengan alamat dari gambar yang akan dimasukkan ke Blogpot. Untuk mengupload lebih dari 1 file klik pada link <span style="color: #0000ff;"> <span style="text-decoration: underline;"><strong>Add another image</strong></span></span>.</p>
<p align="left"><strong>Choose a layout &#8211; </strong>pilihan ini untuk mengatur penempatan dari gambar yang dimasukkan. Kita bisa melihat perbedaan penempatan dari dari setiap pilihan tersebut. Perlu diingat setelah diupload layout gambar tidak bisa dirubah, untuk merubahnya kita harus mengupload gambar tersebut lagi dan menghapus yang yang dengan cara menekan tombol <strong>Delete</strong> pada keyboard.</p>
<p align="left"><img class="alignnone size-full wp-image-24" title="cara-memasukkan-gambar-di-blogspot-2" src="http://www.belajarngeblog.com/wp-content/uploads/2008/09/cara-memasukkan-gambar-di-blogspot-2.jpg" alt="" width="400" height="286" /></p>
<p align="left">
<p align="left"><strong>Image size</strong> &#8211; pilihan ini untuk mengatur besar kecilnya tampilan dari gambar yang dimasukkan. Image size ini tidak terlalu berpengaruh jika gambar yang kita masukan tidak terlalu besar. Namun untuk gambar yang berukuran besar gunakan pilihan small atau medium, ini berarti bahwa gambar tersebut tidak ditampilkan sepenuhnya (full size), ini bisa membantu mempercepat proses penampilan gambar tersebut.</p>
<p align="left">Klik check box yang bertuliska <strong>I accept the <span style="color: #0000ff;"><span style="text-decoration: underline;">Term of Service</span></span></strong>, jika belum diconteng,  lalu klik tombol <strong>UPLOAD IMAGE</strong>, tunggu beberapa saat. Blogspot akan menampilkan proses dari upload, jika upload berhasil maka Blogspot akan menampilkan layar yang meminta akan menekan tombol <strong>DONE</strong>.</p>
<p align="left">Tidak seperti editor lainnya, gambar yang baru kita upload akan berada pada posisi paling atas. Untuk memindahkannya pada posisi yang dikehendaki klik pada gambar, lalu seret (drag) gambar tersebut keposisi yang dikehendaki, dengan begitu proses memasukkan gambar ke blogspot telah berhasil.</p>
<p align="left">
<p align="left">
<div id="seolinx-tooltip" style="border: 1px solid #000000; margin: 0pt; padding: 0pt; display: none; opacity: 0.9; position: absolute; width: auto; z-index: 99999;">
<table style="border: 0pt none; margin: 0pt; padding: 0pt; border-collapse: separate; width: auto;" border="0">
<tbody>
<tr>
<td id="seolinx-table" style="border: 0pt none; margin: 1px; padding: 0pt; font-family: Tahoma; font-size: 11px; font-weight: bold;">
<div style="margin: 0pt; padding: 0pt; overflow: auto; width: auto;">
<table id="seolinx-paramtable" style="border: 1px solid gray; margin: 0pt; border-collapse: separate;" border="0">
<tbody>
<tr>
<td style="border: 1px solid gray; padding: 2px; background: #f0f0f0 none repeat scroll 0% 0%; color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><img style="vertical-align: middle;" src="http://toolbarqueries.google.com/favicon.ico" alt="" width="12" height="12" /> PR: <a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="Google pagerank" href="javascript:{}">wait&#8230;</a></td>
<td style="border: 1px solid gray; padding: 2px; background: #f0f0f0 none repeat scroll 0% 0%; color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><img style="vertical-align: middle;" src="http://www.google.com/favicon.ico" alt="" width="12" height="12" /> I: <a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="Google index" href="javascript:{}">wait&#8230;</a></td>
<td style="border: 1px solid gray; padding: 2px; background: #f0f0f0 none repeat scroll 0% 0%; color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><img style="vertical-align: middle;" src="http://www.google.com/favicon.ico" alt="" width="12" height="12" /> L: <a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="Google links" href="javascript:{}">wait&#8230;</a></td>
<td style="border: 1px solid gray; padding: 2px; background: #f0f0f0 none repeat scroll 0% 0%; color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><img style="vertical-align: middle;" src="http://siteexplorer.search.yahoo.com/favicon.ico" alt="" width="12" height="12" /> LD: <a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="Yahoo linkdomain" href="javascript:{}">wait&#8230;</a></td>
<td style="border: 1px solid gray; padding: 2px; background: #f0f0f0 none repeat scroll 0% 0%; color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><img style="vertical-align: middle;" src="http://search.msn.com/favicon.ico" alt="" width="12" height="12" /> I: <a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="MSN index" href="javascript:{}">wait&#8230;</a></td>
<td style="border: 1px solid gray; padding: 2px; background: #f0f0f0 none repeat scroll 0% 0%; color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="Sitemap.xml" href="javascript:{}">wait&#8230;</a></td>
<td style="border: 1px solid gray; padding: 2px; background: #f0f0f0 none repeat scroll 0% 0%; color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><img style="vertical-align: middle;" src="http://siteanalytics.compete.com/favicon.ico" alt="" width="12" height="12" /> C: <a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="Compete Rank" href="javascript:{}">wait&#8230;</a></td>
<td style="border: 1px solid gray; padding: 2px; background: #f0f0f0 none repeat scroll 0% 0%; color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"> SD: <a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="Seodigger" href="javascript:{}">wait&#8230;</a></td>
</tr>
</tbody>
</table>
</div>
<div style="margin: 0pt; padding: 0pt; overflow: auto; width: auto;"></div>
</td>
<td id="seolinx-tooltip-close" style="border: 0pt none; margin: 0pt; padding: 1px; cursor: pointer; vertical-align: middle; width: auto;" title="close"><img src="chrome://seoquake/content/skin/close.gif" alt="" /></td>
</tr>
</tbody>
</table>
</div>
<div id="seolinx-tooltip" style="border: 1px solid #000000; margin: 0pt; padding: 0pt; display: none; opacity: 0.9; position: absolute; width: auto; z-index: 99999;">
<table style="border: 0pt none; margin: 0pt; padding: 0pt; border-collapse: separate; width: auto;" border="0">
<tbody>
<tr>
<td id="seolinx-table" style="border: 0pt none; margin: 1px; padding: 0pt; font-family: Tahoma; font-size: 11px; font-weight: bold;"></td>
<td id="seolinx-tooltip-close" style="border: 0pt none; margin: 0pt; padding: 1px; cursor: pointer; vertical-align: middle; width: auto;" title="close"><img src="chrome://seoquake/content/skin/close.gif" alt="" /></td>
</tr>
</tbody>
</table>
</div>
<div id="seolinx-tooltip" style="border: 1px solid #000000; margin: 0pt; padding: 0pt; display: none; opacity: 0.9; position: absolute; width: auto; z-index: 99999;">
<table style="border: 0pt none; margin: 0pt; padding: 0pt; border-collapse: separate; width: auto;" border="0">
<tbody>
<tr>
<td id="seolinx-table" style="border: 0pt none; margin: 1px; padding: 0pt; font-family: Tahoma; font-size: 11px; font-weight: bold;"></td>
<td id="seolinx-tooltip-close" style="border: 0pt none; margin: 0pt; padding: 1px; cursor: pointer; vertical-align: middle; width: auto;" title="close"><img src="chrome://seoquake/content/skin/close.gif" alt="" /></td>
</tr>
</tbody>
</table>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.belajarngeblog.com/menambahkan-gambar-pada-posting-blogspot/feed</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>Tutorial Blogspot : Memulai Membuat Artikel di Blogspot</title>
		<link>http://www.belajarngeblog.com/memulai-membuat-artikel-di-blogspot</link>
		<comments>http://www.belajarngeblog.com/memulai-membuat-artikel-di-blogspot#comments</comments>
		<pubDate>Mon, 22 Sep 2008 20:57:35 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Dasar Dasar Blogspot]]></category>
		<category><![CDATA[Blogspot]]></category>
		<category><![CDATA[Blogspot Basic]]></category>

		<guid isPermaLink="false">http://www.belajarngeblog.com/?p=18</guid>
		<description><![CDATA[Jika sudah berhasil membuat blog, dan mengetahui masing-masing fungsi editor di blogspot maka langkah selanjutnya adalah memulai posting atau mengisi Blog dengan membuat artikel atau tulisan di blogspot ini. Ini merupakan pekerjaan dan tujuan utama kita membuat sebuah Blog. yaitu untuk mengisinya dengan berbagai tulisan dan artikel yang kita inginkan. Login Ke Blogspot Pertama kita [...]]]></description>
			<content:encoded><![CDATA[<p>Jika sudah berhasil <strong> </strong><a href="http://www.belajarngeblog.com/cara-membuat-blog-di-blogspot"><strong>membuat blog</strong></a>, dan mengetahui masing-masing <strong><a href="http://www.belajarngeblog.com/cara-menggunakan-fungsi-editor-blogspot" class="broken_link">fungsi editor</a></strong> di blogspot maka langkah selanjutnya adalah memulai posting atau mengisi Blog dengan membuat artikel atau tulisan di blogspot ini. Ini merupakan pekerjaan dan tujuan utama kita membuat sebuah Blog. yaitu untuk mengisinya dengan berbagai tulisan dan artikel yang kita inginkan.<br />
<span id="more-18"></span></p>
<h3>Login Ke Blogspot</h3>
<p>Pertama kita login dulu ke Blogspot, berikut ini cara login ke Blogspot. Klik  pada link ini untuk <a href="https://www.blogger.com/start">Login ke Blogspot</a>,  pada kotak dialog isikan:</p>
<ul>
<li> <strong>Username:</strong> nama  user pada waktu mendaftar untuk  membuat blog. Username ini adalah alamat e-mail yang diisikan pada saat  mendaftar.</li>
<li> <strong>Password:</strong> password  pada saat  mendaftar.</li>
<li> <strong>Remember me</strong> untuk mencatat nama user dan password pada PC yang digunakan sekarang, ini berguna bila diwaktu lain kita akan login lagi. Komputer akan mencatat dan menyimpan data namauser dan password.</li>
</ul>
<p>Klik pada tombol <strong> SIGN IN</strong>. Selanjutnya kita akan dibawa menuju Form atau layar <strong>Dashboard</strong>. Dashboard merupakan panel untuk mengakses ke berbagai fungsi yang mengatur segala sesuatu yang berhubungan dengan blog seperti <strong>Post,  Settings, dan Layout.</strong></p>
<h3>Membuat Artikel di Blogspot</h3>
<p align="left">Dari Layar Dashboard Blogspot ini kita bisa mulai membuat  artikel, untuk mulai membuat artikel klik pada link yang bertuliskan <span style="color: #0000ff;"><span style="text-decoration: underline;"><strong>New Post</strong></span></span>. Atau bisa dilihat pada  gambar ini.</p>
<p align="left">Selanjutnya kita akan dibawa menuju layar lembar kerja, layar ini memberikan berbagai fasilitas untuk membuat dan mengedit artikel pada blog. Fasilitas Editor seperti ini biasa disebut juga <strong>Wysiwyg</strong> (What You See Is What You Get). Dengan fasilitas Wysiwyg ini berarti tampilan pada saat kita mengedit akan relatif sama dengan tampilan pada saat di Pulish (tidak 100% sama).</p>
<p align="left"><img class="aligncenter size-full wp-image-19" title="cara-membuat-artikel-di-blogspot" src="http://www.belajarngeblog.com/wp-content/uploads/2008/09/cara-membuat-artikel-di-blogspot.jpg" alt="" width="400" height="286" /></p>
<p align="left"><span class="fullpost">Untuk membuat artikel di Blogspot selain menggunakan editor ini, kita juga bisa menggunakan berbagai tools lain yang dibuat oleh pihak ketiga, pada pronsipnya semua tools ini sama. Beberapa tools yang biasa digunakan adalah BlogJet, MS  FrontPage, serta add ons untuk browser firefox yang sangat powerful, yaitu ScribeFire.</span></p>
<p align="left">
<p align="left">
<div id="seolinx-tooltip" style="border: 1px solid #000000; margin: 0pt; padding: 0pt; display: none; opacity: 0.9; position: absolute; width: auto; z-index: 99999;">
<table style="border: 0pt none; margin: 0pt; padding: 0pt; border-collapse: separate; width: auto;" border="0">
<tbody>
<tr>
<td id="seolinx-table" style="border: 0pt none; margin: 1px; padding: 0pt; font-family: Tahoma; font-size: 11px; font-weight: bold;">
<div style="margin: 0pt; padding: 0pt; overflow: auto; width: auto;">
<table id="seolinx-paramtable" style="border: 1px solid gray; margin: 0pt; border-collapse: separate;" border="0">
<tbody>
<tr>
<td style="border: 1px solid gray; padding: 2px; background: #f0f0f0 none repeat scroll 0% 0%; color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><img style="vertical-align: middle;" src="http://toolbarqueries.google.com/favicon.ico" alt="" width="12" height="12" /> PR: <a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="Google pagerank" href="javascript:{}">wait&#8230;</a></td>
<td style="border: 1px solid gray; padding: 2px; background: #f0f0f0 none repeat scroll 0% 0%; color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><img style="vertical-align: middle;" src="http://www.google.com/favicon.ico" alt="" width="12" height="12" /> I: <a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="Google index" href="javascript:{}">wait&#8230;</a></td>
<td style="border: 1px solid gray; padding: 2px; background: #f0f0f0 none repeat scroll 0% 0%; color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><img style="vertical-align: middle;" src="http://www.google.com/favicon.ico" alt="" width="12" height="12" /> L: <a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="Google links" href="javascript:{}">wait&#8230;</a></td>
<td style="border: 1px solid gray; padding: 2px; background: #f0f0f0 none repeat scroll 0% 0%; color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><img style="vertical-align: middle;" src="http://siteexplorer.search.yahoo.com/favicon.ico" alt="" width="12" height="12" /> LD: <a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="Yahoo linkdomain" href="javascript:{}">wait&#8230;</a></td>
<td style="border: 1px solid gray; padding: 2px; background: #f0f0f0 none repeat scroll 0% 0%; color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><img style="vertical-align: middle;" src="http://search.msn.com/favicon.ico" alt="" width="12" height="12" /> I: <a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="MSN index" href="javascript:{}">wait&#8230;</a></td>
<td style="border: 1px solid gray; padding: 2px; background: #f0f0f0 none repeat scroll 0% 0%; color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="Sitemap.xml" href="javascript:{}">wait&#8230;</a></td>
<td style="border: 1px solid gray; padding: 2px; background: #f0f0f0 none repeat scroll 0% 0%; color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><img style="vertical-align: middle;" src="http://siteanalytics.compete.com/favicon.ico" alt="" width="12" height="12" /> C: <a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="Compete Rank" href="javascript:{}">wait&#8230;</a></td>
<td style="border: 1px solid gray; padding: 2px; background: #f0f0f0 none repeat scroll 0% 0%; color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"> SD: <a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="Seodigger" href="javascript:{}">wait&#8230;</a></td>
</tr>
</tbody>
</table>
</div>
<div style="margin: 0pt; padding: 0pt; overflow: auto; width: auto;"></div>
</td>
<td id="seolinx-tooltip-close" style="border: 0pt none; margin: 0pt; padding: 1px; cursor: pointer; vertical-align: middle; width: auto;" title="close"><img src="chrome://seoquake/content/skin/close.gif" alt="" /></td>
</tr>
</tbody>
</table>
</div>
<div id="seolinx-tooltip" style="border: 1px solid #000000; margin: 0pt; padding: 0pt; display: none; opacity: 0.9; position: absolute; width: auto; z-index: 99999;">
<table style="border: 0pt none; margin: 0pt; padding: 0pt; border-collapse: separate; width: auto;" border="0">
<tbody>
<tr>
<td id="seolinx-table" style="border: 0pt none; margin: 1px; padding: 0pt; font-family: Tahoma; font-size: 11px; font-weight: bold;"></td>
<td id="seolinx-tooltip-close" style="border: 0pt none; margin: 0pt; padding: 1px; cursor: pointer; vertical-align: middle; width: auto;" title="close"><img src="chrome://seoquake/content/skin/close.gif" alt="" /></td>
</tr>
</tbody>
</table>
</div>
<div id="seolinx-tooltip" style="border: 1px solid #000000; margin: 0pt; padding: 0pt; display: none; opacity: 0.9; position: absolute; width: auto; z-index: 99999;">
<table style="border: 0pt none; margin: 0pt; padding: 0pt; border-collapse: separate; width: auto;" border="0">
<tbody>
<tr>
<td id="seolinx-table" style="border: 0pt none; margin: 1px; padding: 0pt; font-family: Tahoma; font-size: 11px; font-weight: bold;"></td>
<td id="seolinx-tooltip-close" style="border: 0pt none; margin: 0pt; padding: 1px; cursor: pointer; vertical-align: middle; width: auto;" title="close"><img src="chrome://seoquake/content/skin/close.gif" alt="" /></td>
</tr>
</tbody>
</table>
</div>
<div id="seolinx-tooltip" style="border: 1px solid #000000; margin: 0pt; padding: 0pt; display: none; opacity: 0.9; position: absolute; width: auto; z-index: 99999;">
<table style="border: 0pt none; margin: 0pt; padding: 0pt; border-collapse: separate; width: auto;" border="0">
<tbody>
<tr>
<td id="seolinx-table" style="border: 0pt none; margin: 1px; padding: 0pt; font-family: Tahoma; font-size: 11px; font-weight: bold;"></td>
<td id="seolinx-tooltip-close" style="border: 0pt none; margin: 0pt; padding: 1px; cursor: pointer; vertical-align: middle; width: auto;" title="close"><img src="chrome://seoquake/content/skin/close.gif" alt="" /></td>
</tr>
</tbody>
</table>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.belajarngeblog.com/memulai-membuat-artikel-di-blogspot/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Tutorial Blogspot : Cara Menggunakan Fungsi2 Editor Blogspot</title>
		<link>http://www.belajarngeblog.com/cara-menggunakan-fungsi-editor-blogspot</link>
		<comments>http://www.belajarngeblog.com/cara-menggunakan-fungsi-editor-blogspot#comments</comments>
		<pubDate>Mon, 22 Sep 2008 20:46:10 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Dasar Dasar Blogspot]]></category>
		<category><![CDATA[Blogspot]]></category>
		<category><![CDATA[Blogspot Basic]]></category>

		<guid isPermaLink="false">http://www.belajarngeblog.com/?p=15</guid>
		<description><![CDATA[Pada belajar ngeblog sesi tutorial blogspot kali ini, Artikel ini akan membahas  cara menggunakan berbagai fasilitas yang diberikan oleh Editor Blogspot untuk editing text ini, kita akan mempelajari satu persatu fungsi dari setiap tombol dan menu yang disediakan. Penjelasan fungsi-fungsi Editor Blogspot Title Title merupakan judul dari artikel yang akan dibuat, isikanlah judul dari artikel [...]]]></description>
			<content:encoded><![CDATA[<p>Pada <a href="http://www.belajarngeblog.com" target="_blank">belajar ngeblog</a> sesi <span style="text-decoration: underline;">tutorial blogspot</span> kali ini, Artikel ini akan membahas  cara menggunakan berbagai fasilitas yang diberikan oleh Editor Blogspot untuk editing text ini, kita akan mempelajari satu persatu fungsi dari setiap tombol dan menu yang disediakan.<br />
<span id="more-15"></span></p>
<h3>Penjelasan fungsi-fungsi Editor Blogspot</h3>
<p align="left"><strong>Title<br />
</strong>Title merupakan judul dari artikel yang akan dibuat, isikanlah judul dari artikel yang akan dibuat pada kotak Title ini. Yang perlu diingat adalah Title tidak sama dengan nama file. Jika nantinya kita akan membuat link antar halaman, maka yang digunakan nantinya adalah nama file dari artikel, bukan judul artikel.</p>
<p align="left"><strong>Link<br />
</strong>Isikan dengan alamat artikel lain (bisa dari blog sendiri atau blog lain) yang berhubungan dengan artikel yang kita buat, jika tidak ada maka tidak perlu mengisinya.</p>
<p align="left"><strong>Recover post<br />
</strong>Ini berfungsi untuk mengembalikan artikel yang sudah diedit, gunakan fungsi  ini jika terjadi kesalahan sewaktu mengedit.</p>
<p align="left"><strong>Font<br />
</strong>Blogspot menyediakan beberapa font yang dapat kita pilih, memang tidak banyak font yang disediakan oleh blogspot ini. Cara penggunaan font ini sama seperti jika kita ingn mengubah font pada MS Word atau Aplikasi Text Editor lainnya. Kita tinggal menyorot (highlight) kalimat, paragraph, bahkan seluruh halaman (CTRL + A), lalu pilh font yang akan digunakan.</p>
<p align="left"><strong>Ukuran Font<br />
</strong>Untuk mengubah ukuran font, kita bisa menggunakan tombol yang telah disediakan. Kita tinggal memilih apakah ingin memperbesar atau mengecilkan font.</p>
<p align="left"><strong>Cetak Tebal dan </strong><em>Cetak Miring</em><strong><br />
</strong>Untuk membuat kalimat yang dicetak tebal kita bisa menggunakan tombol dengan  lambang huruf <strong>B</strong>, dan untuk mencetak miring mengunakan tombol dengan  lambang huruf<em> i.</em></p>
<p><strong>Warna<br />
</strong>Blogspot Editor juga menyediakan fasilitas untuk mengubah warna font, kita bisa menggunakannya dengan mengklik pada tombol yang disediakan seperti terlihat pada gambar.
</p>
<p align="left"><strong>Link<br />
</strong>Untuk membuat link caranya adalah sebagai berikut: 1). <strong>sorot text</strong> yang  akan dijadikan link, 2) <strong>klik</strong> tombol <strong>link</strong>, 3) pada kotak  dialog yang meminta inputkan alamat dari link yang akan dibuat, 4) klik tombol <strong>OK</strong>.
</p>
<p align="left"><img class="aligncenter size-full wp-image-16" title="cara-penggunaan-editor-blogspot" src="http://www.belajarngeblog.com/wp-content/uploads/2008/09/cara-penggunaan-editor-blogspot.jpg" alt="" width="330" height="283" /></p>
<p align="left">
<p align="left"><strong>Perataan (Align)<br />
</strong>Bagi yang sering menggunakan MS Word tentu sudah tidak asing lagi dengan  fungsi tombol-tombol ini, jadi tidak perlu dijelaskan.</p>
<p align="left"><strong>Number List dan Bullet</strong><br />
Tombol-tombol ini mempunyai fungsi untuk membuat daftar atau list, kita juga  sudah tidak asing dengan fungsi tombol ini.</p>
<p align="left"><strong>Check Spelling<br />
</strong>Blogger juga menyediakan fasilitas untuk memeriksa spelling, itu jika  artikel yang kita buat berbahasa Inggris.</p>
<p align="left"><strong>Add Image<br />
</strong>Untuk lebih jelasnya Kamu bisa baca pada artikel <a href="http://www.belajarngeblog.com/menambahkan-gambar-pada-posting-blogspot">Cara Memasukkan Gambar di Blogspot.</a></p>
<p align="left"><strong>Remove Formating from selection<br />
</strong>Tombol ini berfungsi untuk menghapus semua format pada text terpilih.</p>
<p><strong>Edit HTML<br />
</strong>Link ini berfungsi untuk menampilkan halaman kode dari artikel yang sedang  diedit.</p>
<p><strong>Compose<br />
</strong>Link ini untuk menampilkan mode design dari artikel yang sedang diedit.</p>
<p><strong>Preview<br />
</strong>Link ini untuk menampilkan hasil akhir dari artikel yang kita buat.</p>
<p><strong>Print Options<br />
</strong><em>Reader Comments</em> pilihan ini memungkinkan kita untuk membolehkan atau  tidak membolehkan komentar. <em>Backlink</em> pilihan ini untuk mengatur apakah  orang lain boleh melink pada artikel tersebut.</p>
<p><strong>Label for this post<br />
</strong>Ini untuk mengelompokkan atau mengkategorikan artikel tersebut.</p>
<p><strong>Post time and Date<br />
</strong>Ini untuk mengatur tanggal dan jam pembuatan artikel, artikel diurutkan berdasarkan waktu pembuatan., semakin baru waktu pembuatan berarti artikel tersebut akan berada semakin atas. Kita bisa menggunakan fungsi ini untuk mengubah urutan artikel.</p>
<p><strong>Save as darft<br />
</strong>Bila mengklik ini berarti artikel yang kita buat akan disimpan sebagai draft, artinya tidak akan ditampilkan pada blog, dan tidak bisa dilihat oleh orang lain yang mengunjungi blog.</p>
<p><strong>Publish<br />
</strong>Klik ini jika sudah selesai mengedit dan ingin menampilkannya di blog, dan  pengunjung dapat segera membaca artikel tersebut.</p>
<p>Demikianlah <span style="text-decoration: underline;">belajar ngeblog</span> kali ini, mudah2an bermanfaat, tunggu <a href="http://www.belajarngeblog.com">tutorial blogspot</a> selanjutnya</p>
<div id="seolinx-tooltip" style="border: 1px solid #000000; margin: 0pt; padding: 0pt; display: none; opacity: 0.9; position: absolute; width: auto; z-index: 99999;">
<table style="border: 0pt none; margin: 0pt; padding: 0pt; border-collapse: separate; width: auto;" border="0">
<tbody>
<tr>
<td id="seolinx-table" style="border: 0pt none; margin: 1px; padding: 0pt; font-family: Tahoma; font-size: 11px; font-weight: bold;">
<div style="margin: 0pt; padding: 0pt; overflow: auto; width: auto;">
<table id="seolinx-paramtable" style="border: 1px solid gray; margin: 0pt; border-collapse: separate;" border="0">
<tbody>
<tr>
<td style="border: 1px solid gray; padding: 2px; background: #f0f0f0 none repeat scroll 0% 0%; color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><img style="vertical-align: middle;" src="http://toolbarqueries.google.com/favicon.ico" alt="" width="12" height="12" /> PR: <a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="Google pagerank" href="javascript:{}">wait&#8230;</a></td>
<td style="border: 1px solid gray; padding: 2px; background: #f0f0f0 none repeat scroll 0% 0%; color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><img style="vertical-align: middle;" src="http://www.google.com/favicon.ico" alt="" width="12" height="12" /> I: <a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="Google index" href="javascript:{}">wait&#8230;</a></td>
<td style="border: 1px solid gray; padding: 2px; background: #f0f0f0 none repeat scroll 0% 0%; color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><img style="vertical-align: middle;" src="http://www.google.com/favicon.ico" alt="" width="12" height="12" /> L: <a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="Google links" href="javascript:{}">wait&#8230;</a></td>
<td style="border: 1px solid gray; padding: 2px; background: #f0f0f0 none repeat scroll 0% 0%; color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><img style="vertical-align: middle;" src="http://siteexplorer.search.yahoo.com/favicon.ico" alt="" width="12" height="12" /> LD: <a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="Yahoo linkdomain" href="javascript:{}">wait&#8230;</a></td>
<td style="border: 1px solid gray; padding: 2px; background: #f0f0f0 none repeat scroll 0% 0%; color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><img style="vertical-align: middle;" src="http://search.msn.com/favicon.ico" alt="" width="12" height="12" /> I: <a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="MSN index" href="javascript:{}">wait&#8230;</a></td>
<td style="border: 1px solid gray; padding: 2px; background: #f0f0f0 none repeat scroll 0% 0%; color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="Sitemap.xml" href="javascript:{}">wait&#8230;</a></td>
<td style="border: 1px solid gray; padding: 2px; background: #f0f0f0 none repeat scroll 0% 0%; color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><img style="vertical-align: middle;" src="http://siteanalytics.compete.com/favicon.ico" alt="" width="12" height="12" /> C: <a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="Compete Rank" href="javascript:{}">wait&#8230;</a></td>
<td style="border: 1px solid gray; padding: 2px; background: #f0f0f0 none repeat scroll 0% 0%; color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"> SD: <a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="Seodigger" href="javascript:{}">wait&#8230;</a></td>
</tr>
</tbody>
</table>
</div>
</td>
<td id="seolinx-tooltip-close" style="border: 0pt none; margin: 0pt; padding: 1px; cursor: pointer; vertical-align: middle; width: auto;" title="close"><img src="chrome://seoquake/content/skin/close.gif" alt="" /></td>
</tr>
</tbody>
</table>
</div>
<div id="seolinx-tooltip" style="border: 1px solid #000000; margin: 0pt; padding: 0pt; display: none; opacity: 0.9; position: absolute; width: auto; z-index: 99999;">
<table style="border: 0pt none; margin: 0pt; padding: 0pt; border-collapse: separate; width: auto;" border="0">
<tbody>
<tr>
<td id="seolinx-table" style="border: 0pt none; margin: 1px; padding: 0pt; font-family: Tahoma; font-size: 11px; font-weight: bold;"></td>
<td id="seolinx-tooltip-close" style="border: 0pt none; margin: 0pt; padding: 1px; cursor: pointer; vertical-align: middle; width: auto;" title="close"><img src="chrome://seoquake/content/skin/close.gif" alt="" /></td>
</tr>
</tbody>
</table>
</div>
<div id="seolinx-tooltip" style="border: 1px solid #000000; margin: 0pt; padding: 0pt; display: none; opacity: 0.9; position: absolute; width: auto; z-index: 99999;">
<table style="border: 0pt none; margin: 0pt; padding: 0pt; border-collapse: separate; width: auto;" border="0">
<tbody>
<tr>
<td id="seolinx-table" style="border: 0pt none; margin: 1px; padding: 0pt; font-family: Tahoma; font-size: 11px; font-weight: bold;"></td>
<td id="seolinx-tooltip-close" style="border: 0pt none; margin: 0pt; padding: 1px; cursor: pointer; vertical-align: middle; width: auto;" title="close"><img src="chrome://seoquake/content/skin/close.gif" alt="" /></td>
</tr>
</tbody>
</table>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.belajarngeblog.com/cara-menggunakan-fungsi-editor-blogspot/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Belajar ngeBlog : Cara Mulai Membuat Blog di Blogspot</title>
		<link>http://www.belajarngeblog.com/cara-membuat-blog-di-blogspot</link>
		<comments>http://www.belajarngeblog.com/cara-membuat-blog-di-blogspot#comments</comments>
		<pubDate>Mon, 22 Sep 2008 15:25:54 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Dasar Dasar Blogspot]]></category>
		<category><![CDATA[Blogspot]]></category>
		<category><![CDATA[Blogspot Basic]]></category>

		<guid isPermaLink="false">http://belajarngeblog.com/?p=3</guid>
		<description><![CDATA[Sebagai posting pertama dari blog Belajar Ngeblog ini saya akan membahas tutorial tentang cara mulai membuat blog di Blogspot atau Blogger. Blogger atau Blogspot adalah salah satu fasilitas dari Google yang disediakan secara gratis untuk mulai membuat blog,  Blogger merupakan salah satu platform dari sekian banyak platform untuk membuat sebuah blog.  Artikel akan membahas cara [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.belajarngeblog.com/cara-membuat-blog-di-blogspot" class="broken_link"><img class="alignleft size-thumbnail wp-image-506" title="cara mulai membuat blog" src="http://www.belajarngeblog.com/wp-content/uploads/2008/09/membuat-blog-150x150.jpg" alt="cara mulai membuat blog, membuat blog di blogspot, belajar ngeblog" width="150" height="150" /></a>Sebagai posting pertama dari blog <a title="belajar ngeblog" href="http://www.belajarngeblog.com" target="_blank"><strong>Belajar Ngeblog</strong></a> ini saya akan membahas tutorial tentang <a title="cara mulai membuat blog di blogspot" href="http://www.belajarngeblog.com/cara-membuat-blog-di-blogspot" target="_self" class="broken_link"><span style="text-decoration: underline;"><strong>cara mulai membuat blog di Blogspot</strong></span></a> atau Blogger. Blogger atau Blogspot adalah salah satu fasilitas dari Google yang disediakan secara gratis untuk <span style="text-decoration: underline;">mulai membuat blog</span>,  Blogger merupakan salah satu platform dari sekian banyak platform untuk membuat sebuah blog.  Artikel akan membahas cara membuat account atau mendaftarkan diri di Blogger atau Blogspot, dan bagaimana cara membuat blog dari Google atau Blogspot ini. Yang pertama kali harus dilakukan untuk <a title="mulai membuat blog" href="http://www.belajarngeblog.com/cara-membuat-blog-di-blogspot" target="_self" class="broken_link">mulai membuat blog</a> adalah Klik pada alamat <a href="https://www.blogger.com/start"> Blogger</a> ini.<br />
<span id="more-3"></span><br />
<span class="fullpost">Selanjutnya klik pada Image seperti Gambar dibawah ini, dan  kita akan  menuju Form Pendaftaran yang harus diisi sesuai denan identitas kita</span></p>
<p><img class="aligncenter size-full wp-image-4" title="cara-mendaftar-di-blogspot-1" src="http://belajarngeblog.com/wp-content/uploads/2008/09/cara-mendaftar-di-blogspot-1.jpg" alt="" width="255" height="61" /></p>
<p><img class="aligncenter size-full wp-image-5" title="cara-mendaftar-di-blogspot-2" src="http://belajarngeblog.com/wp-content/uploads/2008/09/cara-mendaftar-di-blogspot-2.jpg" alt="" width="400" height="341" /></p>
<h3>Cara Mengisi Form Pendaftaran :</h3>
<p align="left">Berikut penjelasan mengenai Form ini:</p>
<ul>
<li>
<p align="left"><strong>Email address</strong> &#8211; isilah dengan alamat email yang    dimiliki, jika belum mempunyainya maka kita bisa membuatnya nanti.</p>
</li>
<li>
<p align="left"><strong>Enter a password</strong> &#8211; isi dengan password yang    dikehendaki.</p>
</li>
<li>
<p align="left"><strong>Retype password</strong> &#8211; ulangani password yang diisi tadi.</p>
</li>
<li>
<p align="left"><strong>Display name</strong> &#8211; nama yang akan ditampilkan pada hasil    postingan.</p>
</li>
<li>
<p align="left"><strong>Word Verification</strong> &#8211; isikan sesuai dengan huruf yang    terlihat pada gambar.</p>
</li>
<li>
<p align="left"><strong>Acceptance of Term</strong> &#8211; klik pada check box yang    bertuliskan <strong>I accept </strong>the<strong> </strong> <a onclick="window.open(this.href,'', 'width=770,height=500,top=80,left=20,toolbar=no, scrollbars=yes,menubar=no,location=no,status=yes, resizable=yes');return false;" href="https://www.blogger.com/terms.g" target="new"> Terms of Service</a>, dengan mengklik ini berarti kamu seutju untuk mematuhi semua aturan yang tertera pad Term of Service, apa saja peraturannya ? kita dapat membacanya dengan cara mengklik pada link tersebut.</p>
</li>
</ul>
<p><span class="fullpost">Jika semua suda diisi, lalu klik Continue pada gambar panah seperti yang  terlihat disini.</span></p>
<p><img class="aligncenter size-full wp-image-6" title="cara-mendaftar-di-blogspot-3" src="http://belajarngeblog.com/wp-content/uploads/2008/09/cara-mendaftar-di-blogspot-3.jpg" alt="" width="146" height="50" /></p>
<p><span class="fullpost">Jika semua berjalan lancar dan semua sudah diisi dengan benar, maka kita akan dibawa menuju Form Penamaan Blog untuk memberi nama blog kita seperti terlihat dibawah ini :</span></p>
<p><img class="aligncenter size-full wp-image-7" title="cara-mendaftar-di-blogspot-4" src="http://belajarngeblog.com/wp-content/uploads/2008/09/cara-mendaftar-di-blogspot-4.jpg" alt="" width="400" height="190" /></p>
<p><strong>Penjelasan :</strong></p>
<ul>
<li>
<p align="left"><strong>Blog title</strong> &#8211; ini merupakan judul dari Blog kamu nantinya, kamu dapat mengisinya sesuai dengan selera. Kamu juga bisa mengubahnya nanti bila dibutuhkan.</p>
</li>
<li>
<p align="left"><strong>Blog adderss (URL)</strong> &#8211; ini akan menjadi alamat dari Blog  kamu nantinya, misalnya kamu isi dengan &#8220;<strong>blogku</strong>&#8221; maka alamat blog kamu  nantinya menjadi : <strong>Http://blogku.blogspot.com, </strong>klik pada link yang  bertuliskan <span style="text-decoration: underline;"><span style="color: #0000ff;"><strong>Check Avalability</strong></span></span> untuk  memeriksa apakah alamat tersebut sudah ada yang menggunakannya.</p>
<p>Jika menampilkan tulisan <span style="color: #008000;">This blog address is available</span>, berarti  alamat tersebut bisa kamu gunakan. Jika menampilkan tulisan <span style="color: #ff0000;">Sorry, this blog address is not available</span> berarti  kamu harus mengganti dan mencari nama lain untuk alamat blog, isi dengan nama  lain lalu klik lagi link <span style="text-decoration: underline;"><span style="color: #0000ff;"><strong>Check Avalability</strong></span></span> untuk memeriksa.</li>
<li>
<p align="left"><strong>Advance setup</strong> &#8211; kamu tidak perlu  menghiraukan yang  ini.</p>
</li>
</ul>
<h3>Memilih Template untuk Blog</h3>
<p align="left">Jika sudah menemukan alamat yang bisa digunakan, klik pada tanda  panah yang bertuliskan <strong>COTINUE</strong>. Lalu kita akan dibawa menuju layar  pemilihan Template. Apa itu Template ? yaitu design tampilan blog kita nantinya.</p>
<p align="left">Kita dapat memilih sesuai dengan selera, kita juga dapat mengubahnya nanti bila dirasa perlu. Klik pada gambar panah yang betuliskan <strong>CONTINUE</strong> jika sudah  menemukan Template yang cocok.</p>
<p align="left"><img class="aligncenter size-full wp-image-8" title="cara-mendaftar-di-blogspot-5" src="http://belajarngeblog.com/wp-content/uploads/2008/09/cara-mendaftar-di-blogspot-5.jpg" alt="" width="400" height="285" /></p>
<p align="left"><span class="fullpost">Maka proses pembuatan blog kita di Blogspot telah selesai, Blog yang baru kita buat sudah bisa digunakan. Kita bisa mulai mengisinya dengan Artikel atau biasa disebut juga Posting. Terserah mau Kita isi dengan Artikel tentang apa.</span></p>
<p>Bisa mengenai kehidupan sehari-hari atau membahas topik-topik tertentu. Untuk mulai membuat artikel klik pada tanda panah bertuliskan <strong>START  POSTING</strong>.</p>
<p align="left"><img class="aligncenter size-full wp-image-9" title="cara-mendaftar-di-blogspot-6" src="http://belajarngeblog.com/wp-content/uploads/2008/09/cara-mendaftar-di-blogspot-6.jpg" alt="" width="400" height="110" /></p>
<p align="left">sampai disini anda sudah mengetahui bagaimana <a title="cara mulai membuat blog di blogspot" href="http://www.belajarngeblog.com/cara-membuat-blog-di-blogspot" target="_self" class="broken_link"><span style="text-decoration: underline;"><strong>cara mulai membuat blog di blogspot</strong></span></a></p>
<div id="seolinx-tooltip" style="border: 1px solid #000000; margin: 0pt; padding: 0pt; display: none; opacity: 0.9; position: absolute; width: auto; z-index: 99999;">
<table style="border: 0pt none; margin: 0pt; padding: 0pt; border-collapse: separate; width: auto;" border="0">
<tbody>
<tr>
<td id="seolinx-table" style="border: 0pt none; margin: 1px; padding: 0pt; font-family: Tahoma; font-size: 11px; font-weight: bold;">
<div style="margin: 0pt; padding: 0pt; overflow: auto; width: auto;">
<table id="seolinx-paramtable" style="border: 1px solid gray; margin: 0pt; border-collapse: separate;" border="0">
<tbody>
<tr>
<td style="border: 1px solid gray; padding: 2px; background: #f0f0f0 none repeat scroll 0% 0%; color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><img style="vertical-align: middle;" src="http://toolbarqueries.google.com/favicon.ico" alt="" width="12" height="12" /> PR: <a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="Google pagerank" href="javascript:{}">wait&#8230;</a></td>
<td style="border: 1px solid gray; padding: 2px; background: #f0f0f0 none repeat scroll 0% 0%; color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><img style="vertical-align: middle;" src="http://www.google.com/favicon.ico" alt="" width="12" height="12" /> I: <a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="Google index" href="javascript:{}">wait&#8230;</a></td>
<td style="border: 1px solid gray; padding: 2px; background: #f0f0f0 none repeat scroll 0% 0%; color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><img style="vertical-align: middle;" src="http://www.google.com/favicon.ico" alt="" width="12" height="12" /> L: <a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="Google links" href="javascript:{}">wait&#8230;</a></td>
<td style="border: 1px solid gray; padding: 2px; background: #f0f0f0 none repeat scroll 0% 0%; color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><img style="vertical-align: middle;" src="http://siteexplorer.search.yahoo.com/favicon.ico" alt="" width="12" height="12" /> LD: <a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="Yahoo linkdomain" href="javascript:{}">wait&#8230;</a></td>
<td style="border: 1px solid gray; padding: 2px; background: #f0f0f0 none repeat scroll 0% 0%; color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><img style="vertical-align: middle;" src="http://search.msn.com/favicon.ico" alt="" width="12" height="12" /> I: <a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="MSN index" href="javascript:{}">wait&#8230;</a></td>
<td style="border: 1px solid gray; padding: 2px; background: #f0f0f0 none repeat scroll 0% 0%; color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="Sitemap.xml" href="javascript:{}">wait&#8230;</a></td>
<td style="border: 1px solid gray; padding: 2px; background: #f0f0f0 none repeat scroll 0% 0%; color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"><img style="vertical-align: middle;" src="http://siteanalytics.compete.com/favicon.ico" alt="" width="12" height="12" /> C: <a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="Compete Rank" href="javascript:{}">wait&#8230;</a></td>
<td style="border: 1px solid gray; padding: 2px; background: #f0f0f0 none repeat scroll 0% 0%; color: darkgreen; font-family: Tahoma; font-size: 7pt; font-weight: bold; white-space: nowrap;"> SD: <a style="color: blue; font-family: Tahoma; font-size: 7pt; font-weight: bold; text-decoration: underline;" title="Seodigger" href="javascript:{}">wait&#8230;</a></td>
</tr>
</tbody>
</table>
</div>
</td>
<td id="seolinx-tooltip-close" style="border: 0pt none; margin: 0pt; padding: 1px; cursor: pointer; vertical-align: middle; width: auto;" title="close"><img src="chrome://seoquake/content/skin/close.gif" alt="" /></td>
</tr>
</tbody>
</table>
</div>
<div id="seolinx-tooltip" style="border: 1px solid #000000; margin: 0pt; padding: 0pt; display: none; opacity: 0.9; position: absolute; width: auto; z-index: 99999;">
<table style="border: 0pt none; margin: 0pt; padding: 0pt; border-collapse: separate; width: auto;" border="0">
<tbody>
<tr>
<td id="seolinx-table" style="border: 0pt none; margin: 1px; padding: 0pt; font-family: Tahoma; font-size: 11px; font-weight: bold;"></td>
<td id="seolinx-tooltip-close" style="border: 0pt none; margin: 0pt; padding: 1px; cursor: pointer; vertical-align: middle; width: auto;" title="close"><img src="chrome://seoquake/content/skin/close.gif" alt="" /></td>
</tr>
</tbody>
</table>
</div>
<div id="seolinx-tooltip" style="border: 1px solid #000000; margin: 0pt; padding: 0pt; display: none; opacity: 0.9; position: absolute; width: auto; z-index: 99999;">
<table style="border: 0pt none; margin: 0pt; padding: 0pt; border-collapse: separate; width: auto;" border="0">
<tbody>
<tr>
<td id="seolinx-table" style="border: 0pt none; margin: 1px; padding: 0pt; font-family: Tahoma; font-size: 11px; font-weight: bold;"></td>
<td id="seolinx-tooltip-close" style="border: 0pt none; margin: 0pt; padding: 1px; cursor: pointer; vertical-align: middle; width: auto;" title="close"><img src="chrome://seoquake/content/skin/close.gif" alt="" /></td>
</tr>
</tbody>
</table>
</div>
<div id="seolinx-tooltip" style="border: 1px solid #000000; margin: 0pt; padding: 0pt; display: none; opacity: 0.9; position: absolute; width: auto; z-index: 99999;">
<table style="border: 0pt none; margin: 0pt; padding: 0pt; border-collapse: separate; width: auto;" border="0">
<tbody>
<tr>
<td id="seolinx-table" style="border: 0pt none; margin: 1px; padding: 0pt; font-family: Tahoma; font-size: 11px; font-weight: bold;"></td>
<td id="seolinx-tooltip-close" style="border: 0pt none; margin: 0pt; padding: 1px; cursor: pointer; vertical-align: middle; width: auto;" title="close"><img src="chrome://seoquake/content/skin/close.gif" alt="" /></td>
</tr>
</tbody>
</table>
</div>
<div id="seolinx-tooltip" style="border: 1px solid #000000; margin: 0pt; padding: 0pt; display: none; opacity: 0.9; position: absolute; width: auto; z-index: 99999;">
<table style="border: 0pt none; margin: 0pt; padding: 0pt; border-collapse: separate; width: auto;" border="0">
<tbody>
<tr>
<td id="seolinx-table" style="border: 0pt none; margin: 1px; padding: 0pt; font-family: Tahoma; font-size: 11px; font-weight: bold;"></td>
<td id="seolinx-tooltip-close" style="border: 0pt none; margin: 0pt; padding: 1px; cursor: pointer; vertical-align: middle; width: auto;" title="close"><img src="chrome://seoquake/content/skin/close.gif" alt="" /></td>
</tr>
</tbody>
</table>
</div>
<div id="seolinx-tooltip" style="border: 1px solid #000000; margin: 0pt; padding: 0pt; display: none; opacity: 0.9; position: absolute; width: auto; z-index: 99999;">
<table style="border: 0pt none; margin: 0pt; padding: 0pt; border-collapse: separate; width: auto;" border="0">
<tbody>
<tr>
<td id="seolinx-table" style="border: 0pt none; margin: 1px; padding: 0pt; font-family: Tahoma; font-size: 11px; font-weight: bold;"></td>
<td id="seolinx-tooltip-close" style="border: 0pt none; margin: 0pt; padding: 1px; cursor: pointer; vertical-align: middle; width: auto;" title="close"><img src="chrome://seoquake/content/skin/close.gif" alt="" /></td>
</tr>
</tbody>
</table>
</div>
<div id="seolinx-tooltip" style="border: 1px solid #000000; margin: 0pt; padding: 0pt; display: none; opacity: 0.9; position: absolute; width: auto; z-index: 99999;">
<table style="border: 0pt none; margin: 0pt; padding: 0pt; border-collapse: separate; width: auto;" border="0">
<tbody>
<tr>
<td id="seolinx-table" style="border: 0pt none; margin: 1px; padding: 0pt; font-family: Tahoma; font-size: 11px; font-weight: bold;"></td>
<td id="seolinx-tooltip-close" style="border: 0pt none; margin: 0pt; padding: 1px; cursor: pointer; vertical-align: middle; width: auto;" title="close"><img src="chrome://seoquake/content/skin/close.gif" alt="" /></td>
</tr>
</tbody>
</table>
</div>
<div id="seolinx-tooltip" style="border: 1px solid #000000; margin: 0pt; padding: 0pt; display: none; opacity: 0.9; position: absolute; width: auto; z-index: 99999;">
<table style="border: 0pt none; margin: 0pt; padding: 0pt; border-collapse: separate; width: auto;" border="0">
<tbody>
<tr>
<td id="seolinx-table" style="border: 0pt none; margin: 1px; padding: 0pt; font-family: Tahoma; font-size: 11px; font-weight: bold;"></td>
<td id="seolinx-tooltip-close" style="border: 0pt none; margin: 0pt; padding: 1px; cursor: pointer; vertical-align: middle; width: auto;" title="close"><img src="chrome://seoquake/content/skin/close.gif" alt="" /></td>
</tr>
</tbody>
</table>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.belajarngeblog.com/cara-membuat-blog-di-blogspot/feed</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
	</channel>
</rss>
