<?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>JomPHP &#187; Blogger</title>
	<atom:link href="http://jomphp.com/category/blog/blogger/feed" rel="self" type="application/rss+xml" />
	<link>http://jomphp.com</link>
	<description>Pusat Informasi IT anda!</description>
	<lastBuildDate>Wed, 25 Apr 2012 10:15:48 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Tingkatkan trafik blog anda menggunakan redirect Google Image Search</title>
		<link>http://jomphp.com/tingkatkan-trafik-blog-anda-menggunakan-redirect-google-image-search.html</link>
		<comments>http://jomphp.com/tingkatkan-trafik-blog-anda-menggunakan-redirect-google-image-search.html#comments</comments>
		<pubDate>Wed, 13 Jul 2011 09:10:40 +0000</pubDate>
		<dc:creator>EiNS</dc:creator>
				<category><![CDATA[Blogger]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[blogspot seo]]></category>
		<category><![CDATA[redirect google image]]></category>
		<category><![CDATA[seo blogspot]]></category>
		<category><![CDATA[seo wordpress]]></category>
		<category><![CDATA[wordpress seo]]></category>

		<guid isPermaLink="false">http://jomphp.com/tingkatkan-trafik-blog-anda-menggunakan-redirect-google-image-search.html</guid>
		<description><![CDATA[Tutorial asal : How to redirect Google Image Search Traffics to your WordPress and Blogger blogs Secara default, Google Image akan memaparkan images yang didapati dari sesebuah blog atau website dalam bentuk iFrame. Script ini akan redirect setiap klik daripada &#8230; <a href="http://jomphp.com/tingkatkan-trafik-blog-anda-menggunakan-redirect-google-image-search.html">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="google image seo" border="0" alt="google image seo" src="http://eins.my/wp-content/uploads/c7f2280a8106_D876/google-image-seo.jpg" width="100%" /></p>
<p>Tutorial asal : <a href="http://eins.my/how-to-redirect-google-image-search-traffics-to-your-wordpress-and-blogger-blogs/">How to redirect Google Image Search Traffics to your WordPress and Blogger blogs</a></p>
<p>Secara default, <strong>Google Image</strong> akan memaparkan images yang didapati dari sesebuah blog atau website dalam bentuk iFrame. Script ini akan redirect setiap klik daripada <strong>Google Image Search</strong> ke website atau blog asal tempat di mana images itu di-host. Jadi, secara teorinya, script ini akan meningkatakan pageviews blog secara drastik sekiranya blog anda mempunyai banyak gambar.</p>
<p><span id="more-5418"></span><br />
<h3>Cara redirect Google Images Search bagi WordPress</h3>
<p>1. Download plugin <a href="http://www.codetrax.org/projects/wp-boof/files">Break out of frames</a> dan kemudian install di blog anda.</p>
<p>2. Cuba buat eksperimen tengok jadi atau tak fungsi auto redirect itu.</p>
<h3>Cara redirect Google Images Search bagi Blogspot</h3>
<p>1. Copy script berikut dan paste di bahagian &lt;Body&gt; template blog anda.</p>
<div style="border-bottom: silver 1px solid; text-align: left; border-left: silver 1px solid; padding-bottom: 4px; line-height: 12pt; background-color: #f4f4f4; margin: 20px 0px 10px; padding-left: 4px; width: 97.5%; padding-right: 4px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; max-height: 200px; font-size: 8pt; overflow: auto; border-top: silver 1px solid; cursor: text; border-right: silver 1px solid; padding-top: 4px" id="codeSnippetWrapper">
<div style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px" id="codeSnippet">
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: white; margin: 0em; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px">&lt;script language=<span style="color: #006080">&quot;JavaScript&quot;</span> type=<span style="color: #006080">&quot;text/JavaScript&quot;</span>&gt;<span style="color: #0000ff">if</span> (top.location != self.location) top.location.replace(self.location);&lt;/script&gt;</pre>
<p><!--CRLF--></div>
</div>
<style type="text/css">
.csharpcode, .csharpcode pre
{
	font-size: small;
	color: black;
	font-family: consolas, "Courier New", courier, monospace;
	background-color: #ffffff;
	/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt 
{
	background-color: #f4f4f4;
	width: 100%;
	margin: 0em;
}
.csharpcode .lnum { color: #606060; }</style>
<p>2. Cuba buat eksperimen tengok jadi atau tak fungsi auto redirect itu.</p>
<p>Demo : Click link berikut untuk cuba fungsi auto redirect itu : <a title="google image" href="http://goo.gl/Zjiaq" rel="nofollow" target="_blank">http://goo.gl/Zjiaq</a></p>
<p><hr /><font face="Ubuntu">Lepas dua tiga hari cuba check referrer daripada Google Images bertambah atau tidak. Selamat mencuba! <img src='http://jomphp.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </font></p>
<p>Via : <a title="Eins.MY" href="http://eins.my" target="_blank">Eins.MY</a></p>
]]></content:encoded>
			<wfw:commentRss>http://jomphp.com/tingkatkan-trafik-blog-anda-menggunakan-redirect-google-image-search.html/feed</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>Promosi Domain .MY murah daripada Exabytes</title>
		<link>http://jomphp.com/promosi-domain-my-murah-daripada-exabytes.html</link>
		<comments>http://jomphp.com/promosi-domain-my-murah-daripada-exabytes.html#comments</comments>
		<pubDate>Sun, 08 May 2011 04:34:02 +0000</pubDate>
		<dc:creator>EiNS</dc:creator>
				<category><![CDATA[Blogger]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[.my domain]]></category>
		<category><![CDATA[domain .my]]></category>
		<category><![CDATA[domain dotmy]]></category>
		<category><![CDATA[domain exabytes]]></category>
		<category><![CDATA[domain malaysia]]></category>
		<category><![CDATA[domain murah]]></category>
		<category><![CDATA[exabytes domain]]></category>
		<category><![CDATA[promosi domain]]></category>

		<guid isPermaLink="false">http://jomphp.com/promosi-domain-my-murah-daripada-exabytes.html</guid>
		<description><![CDATA[Berita baik kepada anda yang ingin memiliki domain .MY pada harga murah. Exabytes Malaysia telah melancarkan 1Malaysia .MY Domain Sale sempena ulangtahun ke-10 mereka. Promosi ini akan berakhir pada 31 May 2011.&#160; Pada yang berminat boleh beli domain cepat-cepat sebelum &#8230; <a href="http://jomphp.com/promosi-domain-my-murah-daripada-exabytes.html">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><a title="exabytes domain sale" href="http://jomphp.com/exabytes" target="_blank"><img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top: 0px; border-right: 0px; padding-top: 0px" title="exabytes domain sale" border="0" alt="exabytes domain sale" src="http://www.einsthemes.com/jomphp/Promosi-Domain-.my_AC3D/exabytes-domain-sale.jpg" width="642" height="215" /></a></p>
<p>Berita baik kepada anda yang ingin memiliki domain .MY pada harga murah. Exabytes Malaysia telah melancarkan 1Malaysia .MY Domain Sale sempena ulangtahun ke-10 mereka.</p>
<p>Promosi ini akan berakhir pada 31 May 2011.&#160; Pada yang berminat boleh beli domain cepat-cepat sebelum tamat promosi.</p>
<p><span id="more-5288"></span><br />
<h2>Promosi Exabytes</h2>
<p><a title="exabytes domain sale" href="http://jomphp.com/exabytes" target="_blank"><img style="background-image: none; border-bottom: 0px; border-left: 0px; margin: 0px 24px 0px 0px; padding-left: 0px; padding-right: 0px; display: inline; float: left; border-top: 0px; border-right: 0px; padding-top: 0px" title=".my domain" border="0" alt=".my domain" align="left" src="http://www.einsthemes.com/jomphp/Promosi-Domain-.my_AC3D/.my-domain.jpg" width="250" height="260" /></a> Anda boleh memiliki domain .MY dengan harga promosi berikut yang jauh lebih murah berbanding harga biasa yang ditawarkan oleh hosting lain.</p>
<p>.name.my from RM10 for first year*</p>
<p>.my 2LD from RM66 / year*</p>
<p>.com.my/.net.my/.org.my from RM41 / year*</p>
<p>.gov.my/.edu.my/.mil.my from RM76 / year*</p>
<p>&#160;</p>
<p>Saya juga sedang berkira-kira untuk membeli lebih banyak domain .MY sekarang baru ada dua domain .MY.</p>
<p>Kalau anda ada perniagaan atau blog network/ blogshop lagi bergaya dan nampak professional kalau guna domain .MY.</p>
<p>Daftar domain .MY sekarang di website <a title="exabytes malaysia" href="http://jomphp.com/exabytes" target="_blank">Exabytes</a>. </p>
]]></content:encoded>
			<wfw:commentRss>http://jomphp.com/promosi-domain-my-murah-daripada-exabytes.html/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Cara menggunakan Google Font di WordPress dan Blogspot</title>
		<link>http://jomphp.com/cara-menggunakan-google-font-di-wordpress-dan-blogspot.html</link>
		<comments>http://jomphp.com/cara-menggunakan-google-font-di-wordpress-dan-blogspot.html#comments</comments>
		<pubDate>Tue, 04 Jan 2011 03:03:34 +0000</pubDate>
		<dc:creator>EiNS</dc:creator>
				<category><![CDATA[Blogger]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[cara tukar font blog]]></category>
		<category><![CDATA[google font]]></category>
		<category><![CDATA[google font for blogspot]]></category>
		<category><![CDATA[google font for wordpress]]></category>
		<category><![CDATA[how to use google font]]></category>

		<guid isPermaLink="false">http://jomphp.com/cara-menggunakan-google-font-di-wordpress-dan-blogspot.html</guid>
		<description><![CDATA[Bosan dengan font default pada blog anda? Jom tukar kepada font-font yang lebih menarik dengan menggunakan Google Font. Tutorial ini membolehkan anda menukar font default dalam blog anda, seperti font pada paragraph, header 1,2,3…sidebar font dll. Google Font for WordPress &#8230; <a href="http://jomphp.com/cara-menggunakan-google-font-di-wordpress-dan-blogspot.html">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://einsthemes.com/jomphp/01e33a7434bd_874A/google-font-directory.jpg"><img style="background-image: none; border-right-width: 0px; margin: ; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="google font directory" border="0" alt="google font directory" src="http://einsthemes.com/jomphp/01e33a7434bd_874A/google-font-directory_thumb.jpg" width="100%" /></a></p>
<p>Bosan dengan font default pada blog anda? Jom tukar kepada font-font yang lebih menarik dengan menggunakan Google Font. Tutorial ini membolehkan anda menukar font default dalam blog anda, seperti font pada paragraph, header 1,2,3…sidebar font dll.</p>
<p>  <span id="more-4979"></span><br />
<h2>Google Font for WordPress</h2>
<p><a href="http://einsthemes.com/jomphp/01e33a7434bd_874A/google-font-for-wordpress.jpg"><img style="background-image: none; border-right-width: 0px; margin: ; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="google font for wordpress" border="0" alt="google font for wordpress" src="http://einsthemes.com/jomphp/01e33a7434bd_874A/google-font-for-wordpress_thumb.jpg" width="100%" /></a></p>
<p>Cara mudah menggunakan Google Font di wordpress ialah menggunakan plugin <a href="http://wordpress.org/extend/plugins/wp-google-fonts/" target="_blank">WP Google Fonts</a>. Hanya perlu select font dan pilih dan gunakan di bahagian mana seperti blockquotes dan sebagainya.</p>
<p>Senarai font boleh tengok di website <a href="http://code.google.com/webfonts">http://code.google.com/webfonts</a>. Sekarang ramai orang berminat nak pakai font Ubuntu (<a href="http://code.google.com/webfonts/family?family=Ubuntu&amp;subset=latin" target="_blank">link</a>)</p>
<p><a href="http://einsthemes.com/jomphp/01e33a7434bd_874A/ubuntu-google-font.jpg"><img style="background-image: none; border-right-width: 0px; margin: ; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="ubuntu google font" border="0" alt="ubuntu google font" src="http://einsthemes.com/jomphp/01e33a7434bd_874A/ubuntu-google-font_thumb.jpg" width="100%" /></a></p>
<h2>Google Font for Blogspot</h2>
<p>Disebabkan blogger/blogspot tak boleh install plugin macam WordPress, jadi anda kena guna cara manual.</p>
<p>Pilih font yang anda berkenan di <a href="http://code.google.com/webfonts">http://code.google.com/webfonts</a>. Sebagai contoh Ubuntu font.</p>
<div style="border-bottom: silver 1px solid; text-align: left; border-left: silver 1px solid; padding-bottom: 4px; line-height: 12pt; background-color: #f4f4f4; margin: 20px 0px 10px; padding-left: 4px; width: 97.5%; padding-right: 4px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; max-height: 200px; font-size: 8pt; overflow: auto; border-top: silver 1px solid; cursor: text; border-right: silver 1px solid; padding-top: 4px" id="codeSnippetWrapper">
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; margin: 0em; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px" id="codeSnippet"><span style="color: #0000ff">&lt;</span><span style="color: #800000">link</span> <span style="color: #ff0000">href</span><span style="color: #0000ff">='http://fonts.googleapis.com/css?family=Ubuntu'</span> <span style="color: #ff0000">rel</span><span style="color: #0000ff">='stylesheet'</span> <span style="color: #ff0000">type</span><span style="color: #0000ff">='text/css'</span><span style="color: #0000ff">&gt;</span></pre>
<p></div>
<style type="text/css">
<p>.csharpcode, .csharpcode pre
{
	font-size: small;
	color: black;
	font-family: consolas, "Courier New", courier, monospace;
	background-color: #ffffff;
	/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt 
{
	background-color: #f4f4f4;
	width: 100%;
	margin: 0em;
}
.csharpcode .lnum { color: #606060; }</style>
<p>Tambah <strong>/</strong> sebelum penutup &gt; contohnya /css&#8217;&gt; menjadi /css&#8217;<strong>/&gt;</strong></p>
<div style="border-bottom: silver 1px solid; text-align: left; border-left: silver 1px solid; padding-bottom: 4px; line-height: 12pt; background-color: #f4f4f4; margin: 20px 0px 10px; padding-left: 4px; width: 97.5%; padding-right: 4px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; max-height: 200px; font-size: 8pt; overflow: auto; border-top: silver 1px solid; cursor: text; border-right: silver 1px solid; padding-top: 4px" id="codeSnippetWrapper">
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; margin: 0em; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px" id="codeSnippet"><span style="color: #0000ff">&lt;</span><span style="color: #800000">link</span> <span style="color: #ff0000">href</span><span style="color: #0000ff">='http://fonts.googleapis.com/css?family=Ubuntu'</span> <span style="color: #ff0000">rel</span><span style="color: #0000ff">='stylesheet'</span> <span style="color: #ff0000">type</span><span style="color: #0000ff">='text/css'</span><span style="color: #0000ff">/&gt;</span></pre>
<p></div>
<p>Copy dan paste code tersebut ke dalam template blogspot. Paste selepas permulaan &lt;head&gt;</p>
<p><a href="http://einsthemes.com/jomphp/01e33a7434bd_874A/google-font-blogspot.jpg"><img style="background-image: none; border-right-width: 0px; margin: ; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="google font blogspot" border="0" alt="google font blogspot" src="http://einsthemes.com/jomphp/01e33a7434bd_874A/google-font-blogspot_thumb.jpg" width="100%" /></a></p>
<p>Untuk menggunakan font tersebut di bahagian2 seperti paragraph dan header, anda kena paste code di dalam bahagian css.</p>
<ul>
<li>Header (title dan description) &#8211; #header </li>
<li>Title Blog – h1 </li>
<li>Title Post &#8211; .post-title </li>
<li>Paragraph – .post-body </li>
<li>Title Sidebar &#8211; #sidebar h2 </li>
<li>Text Sidebar &#8211; #sidebar .widget-content </li>
<li>Text Footer &#8211; .footer </li>
</ul>
<p>Search &lt;b:skin&gt; di dalam template anda. Katakan nak guna font ubuntu di bahagian paraghraph. </p>
<p>Anda kena paste code seperti berikut.</p>
<div style="border-bottom: silver 1px solid; text-align: left; border-left: silver 1px solid; padding-bottom: 4px; line-height: 12pt; background-color: #f4f4f4; margin: 20px 0px 10px; padding-left: 4px; width: 97.5%; padding-right: 4px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; max-height: 200px; font-size: 8pt; overflow: auto; border-top: silver 1px solid; cursor: text; border-right: silver 1px solid; padding-top: 4px" id="codeSnippetWrapper">
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; margin: 0em; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px" id="codeSnippet">.post-body { font-family: 'Ubuntu', arial, serif; }</pre>
<p></div>
<p>Font family apa semua tu anda boleh copy dan modified dari website google font.</p>
<p><a href="http://einsthemes.com/jomphp/01e33a7434bd_874A/ubuntu-google-font5.jpg"><img style="background-image: none; border-right-width: 0px; margin: ; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="ubuntu google font[5]" border="0" alt="ubuntu google font[5]" src="http://einsthemes.com/jomphp/01e33a7434bd_874A/ubuntu-google-font5_thumb.jpg" width="100%" /></a></p>
<p>&#160;</p>
<p>Kalau nak guna di bahagian h2</p>
<div style="border-bottom: silver 1px solid; text-align: left; border-left: silver 1px solid; padding-bottom: 4px; line-height: 12pt; background-color: #f4f4f4; margin: 20px 0px 10px; padding-left: 4px; width: 97.5%; padding-right: 4px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; max-height: 200px; font-size: 8pt; overflow: auto; border-top: silver 1px solid; cursor: text; border-right: silver 1px solid; padding-top: 4px" id="codeSnippetWrapper">
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; margin: 0em; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px" id="codeSnippet">h2 { font-family: 'Ubuntu', arial, serif; }</pre>
<p></div>
<p>Contoh</p>
<p><a href="http://einsthemes.com/jomphp/01e33a7434bd_874A/ubuntu-google-font_3.jpg"><img style="background-image: none; border-right-width: 0px; margin: ; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="ubuntu google font" border="0" alt="ubuntu google font" src="http://einsthemes.com/jomphp/01e33a7434bd_874A/ubuntu-google-font_thumb_3.jpg" width="100%" /></a></p>
<p>Save dan preview. Contoh blog post menggunakan font ubuntu</p>
<p><a href="http://einsthemes.com/jomphp/01e33a7434bd_874A/image.png"><img style="background-image: none; border-right-width: 0px; margin: ; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="image" border="0" alt="image" src="http://einsthemes.com/jomphp/01e33a7434bd_874A/image_thumb.png" width="100%" /></a></p>
<p>Selamat mencuba! <img src='http://jomphp.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://jomphp.com/cara-menggunakan-google-font-di-wordpress-dan-blogspot.html/feed</wfw:commentRss>
		<slash:comments>22</slash:comments>
		</item>
		<item>
		<title>Blogger Mobile Template – jadikan blog blogspot mesra telefon pintar</title>
		<link>http://jomphp.com/blogger-mobile-template-jadikan-blog-blogspot-mesra-telefon-pintar.html</link>
		<comments>http://jomphp.com/blogger-mobile-template-jadikan-blog-blogspot-mesra-telefon-pintar.html#comments</comments>
		<pubDate>Mon, 20 Dec 2010 03:14:10 +0000</pubDate>
		<dc:creator>EiNS</dc:creator>
				<category><![CDATA[Blogger]]></category>
		<category><![CDATA[blogger mobile template]]></category>
		<category><![CDATA[blogspot for android]]></category>
		<category><![CDATA[blogspot for iphone]]></category>
		<category><![CDATA[blogspot for mobile]]></category>
		<category><![CDATA[template mobile blogger]]></category>

		<guid isPermaLink="false">http://jomphp.com/blogger-mobile-template-jadikan-blog-blogspot-mesra-telefon-pintar.html</guid>
		<description><![CDATA[&#160; Blogger in Draft baru melancarkan fungsi Blogger Mobile Template, iaitu satu fungsi yang menjadikan blog blogspot anda “mobile-friendly” atau mesra pengguna telefon bimbit/pintar. Dengan itu, blog anda dapat load dengan laju, ringan, dan mudah dari segi navigasi pada masa &#8230; <a href="http://jomphp.com/blogger-mobile-template-jadikan-blog-blogspot-mesra-telefon-pintar.html">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>&#160;<a href="http://einsthemes.com/jomphp/624427669edc_8E0C/tesss.png"><img style="background-image: none; border-right-width: 0px; margin: ; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="tesss" border="0" alt="tesss" src="http://einsthemes.com/jomphp/624427669edc_8E0C/tesss_thumb.png" width="100%" /></a></p>
<p>Blogger in Draft baru melancarkan fungsi <strong>Blogger Mobile Template</strong>, iaitu satu fungsi yang menjadikan blog blogspot anda “mobile-friendly” atau mesra pengguna telefon bimbit/pintar. Dengan itu, blog anda dapat load dengan laju, ringan, dan mudah dari segi navigasi pada masa yang sama masih mengekalkan kandungan blog seperti text, gambar, dll.</p>
<p>Zaman sekarang ramai orang melayari internet menggunakan iPhone, Android/WP7/Symbian^3, Blackberry jadi boleh dikatakan mobile template pada blog anda adalah satu keperluan. Ikuti langkah-langkah berikut untuk mengaktifkan blogger mobile template.</p>
<p>  <span id="more-4962"></span><br />
<h2>Cara aktifkan fungsi Blogger Mobile Template</h2>
<p><a title="Blogger in draft" href="http://draft.blogger.com" target="_blank"><img style="background-image: none; border-right-width: 0px; margin: ; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="blogger in draft" border="0" alt="blogger in draft" src="http://einsthemes.com/jomphp/624427669edc_8E0C/blogger-in-draft.jpg" width="570" height="230" /></a></p>
<p>1. Masuk <strong>blogger in draft</strong> : <a title="blogger in draft" href="http://draft.blogger.com" target="_blank">link</a></p>
<p>2. Sign in dengan akaun blogger anda</p>
<p>3. Pergi ke bahagian <strong>Settings</strong></p>
<p><a href="http://einsthemes.com/jomphp/624427669edc_8E0C/blogger-mobile-template.jpg"><img style="background-image: none; border-right-width: 0px; margin: ; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="blogger mobile template" border="0" alt="blogger mobile template" src="http://einsthemes.com/jomphp/624427669edc_8E0C/blogger-mobile-template_thumb.jpg" width="100%" /></a></p>
<p>4. Pada bahagian <strong>Mobile Template</strong>, tekan <strong>Yes, On mobile devices, show the mobile version of my template</strong>. Lepas itu tekan save settings.</p>
<p><a href="http://einsthemes.com/jomphp/624427669edc_8E0C/blogger-mobile-template5.jpg"><img style="background-image: none; border-right-width: 0px; margin: ; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="blogger mobile template[5]" border="0" alt="blogger mobile template[5]" src="http://einsthemes.com/jomphp/624427669edc_8E0C/blogger-mobile-template5_thumb.jpg" width="100%" /></a></p>
<p>5. Anda juga boleh tekan butang <strong>MOBILE PREVIEW</strong> untuk tengok rupa blog anda jika ianya dibuka dalam bentuk mobile template.</p>
<p><a href="http://einsthemes.com/jomphp/624427669edc_8E0C/blogger-mobile-templates.jpg"><img style="background-image: none; border-bottom: 0px; border-left: 0px; margin: 0px 20px 0px 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top: 0px; border-right: 0px; padding-top: 0px" title="blogger mobile templates" border="0" alt="blogger mobile templates" src="http://einsthemes.com/jomphp/624427669edc_8E0C/blogger-mobile-templates_thumb.jpg" width="252" height="377" /></a>&#160;<a href="http://einsthemes.com/jomphp/624427669edc_8E0C/IMG_0691.png"><img style="background-image: none; border-bottom: 0px; border-left: 0px; margin: ; padding-left: 0px; padding-right: 0px; display: inline; border-top: 0px; border-right: 0px; padding-top: 0px" title="IMG_0691" border="0" alt="IMG_0691" src="http://einsthemes.com/jomphp/624427669edc_8E0C/IMG_0691_thumb.png" width="252" height="377" /></a></p>
<p>6. Paparan blog dalam bentuk mobile template di pelayar internet Safari iPhone 4. Tulisan amat jelas dan senang dibaca serta boleh menulis komen dengan senang.</p>
<p>7. Senang sahaja bukan? Selamat mencuba dan jangan lupa share dengan rakan2.</p>
]]></content:encoded>
			<wfw:commentRss>http://jomphp.com/blogger-mobile-template-jadikan-blog-blogspot-mesra-telefon-pintar.html/feed</wfw:commentRss>
		<slash:comments>21</slash:comments>
		</item>
		<item>
		<title>Cara membuat photo tagging di blog dan website</title>
		<link>http://jomphp.com/cara-membuat-photo-tagging-di-blog-dan-website.html</link>
		<comments>http://jomphp.com/cara-membuat-photo-tagging-di-blog-dan-website.html#comments</comments>
		<pubDate>Wed, 20 Oct 2010 18:49:26 +0000</pubDate>
		<dc:creator>EiNS</dc:creator>
				<category><![CDATA[Blogger]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[demon image annotations]]></category>
		<category><![CDATA[img notes jquery plugin]]></category>
		<category><![CDATA[imgnote wordpress plugin]]></category>
		<category><![CDATA[jquery photo tag plugin]]></category>
		<category><![CDATA[picmeleo]]></category>

		<guid isPermaLink="false">http://jomphp.com/cara-membuat-photo-tagging-di-blog-dan-website.html</guid>
		<description><![CDATA[Salah satu fungsi cool yang ada pada facebook ialah photo tagging, di mana kita boleh tanda nama orang pada gambar. Senang dan sangat convenient, walaupun kadang kala fungsi photo tagging tu disalah guna untuk tag pada gambar mengarut. Kalau kat &#8230; <a href="http://jomphp.com/cara-membuat-photo-tagging-di-blog-dan-website.html">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><img id="picmeleo-photo4L" alt="alt" src="http://alive.picmeleo.com/raw-photo/jpg/4L" /><script src="http://alive.picmeleo.com/player/4L?width=550" type="text/javascript"></script>
<p>Salah satu fungsi cool yang ada pada facebook ialah <strong>photo tagging,</strong> di mana kita boleh tanda nama orang pada gambar. Senang dan sangat convenient, walaupun kadang kala fungsi photo tagging tu disalah guna untuk tag pada gambar mengarut.</p>
<p>Kalau kat blog pula saya biasa tengok orang akan list satu persatu yang ada dalam gambar. Contohnya, dari sebelah kanan ialah @einztrigger, diikuti @fullfilth @eenrockstar dan seterusnya. Kalau yang dalam gambar tu 10 orang je takpe lagi nak mention satu persatu tapi kalau 20,30 atau lebih takkan nak mention semua kan?</p>
<p>Tutorial ini akan memberitahu beberapa cara untuk membuat photo tagging pada&#160; blog dan website anda. Lepas ini boleh tag gambar ramai2 ya, boleh try hover pada gambar di atas sebagai demo.</p>
<p>  <span id="more-4918"></span><br />
<h2>1. Picmeleo Alive</h2>
<p><img style="background-image: none; border-right-width: 0px; margin: ; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="picmeleo alive[11]" border="0" alt="picmeleo alive[11]" src="http://www.einsthemes.com/jomphp/Tutorial-membuat-photo-tagging-di-blog_1B29/picmeleo-alive11.jpg" width="419" height="312" /></p>
<p><strong>Picmeleo alive (<a href="http://alive.picmeleo.com/app" target="_blank">link</a>)</strong> membolehkan anda upload gambar ke dalam app picmeleo kemudian boleh add bubbles atau annotations pada gambar tersebut. Gambar pertama dalam entri ini adalah dibuat menggunakan picmeleo.</p>
<p><strong>Apa yang best mengenai picmeleo;</strong></p>
<p>- Senang gila nak guna</p>
<p>- Boleh embed di mana-mana website dan blog dengan html code</p>
<p><strong>Apa yang kurang best;</strong></p>
<p>- Menggunakan Adobe Flash; pengguna iphone/itouch/ipad tidak boleh tengok</p>
<p>- Gambar besar akan dicompress dan kualiti gambar akan dikurangkan sedikit</p>
<h2>2. ImgNote WordPress Plugin</h2>
<p><img style="background-image: none; border-right-width: 0px; margin: ; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="imgnote" border="0" alt="imgnote" src="http://www.einsthemes.com/jomphp/Tutorial-membuat-photo-tagging-di-blog_1B29/imgnote.jpg" width="100%" /></p>
<p><strong>ImgNote</strong> ialah plugin wordpress untuk menambahkan nota atau annotation pada gambar. Cara menggunakannya juga agak mudah, hanya perlu download dan install plugin pada wordpress. Kemudian masuk dashboard wordpress &gt; edit posts &gt; dan tekan pada butang <strong>edit image notes</strong>.</p>
<p><a href="http://wordpress.org/extend/plugins/knspr-imgnote/installation/" target="_blank">Download ImgNote</a>.</p>
<h2>3. Demon Image Annotations</h2>
<p><img style="background-image: none; border-right-width: 0px; margin: ; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="demon image annotations" border="0" alt="demon image annotations" src="http://www.einsthemes.com/jomphp/Tutorial-membuat-photo-tagging-di-blog_1B29/demon-image-annotations.jpg" width="528" height="528" /></p>
<p>Fungsi lebih kurang sama dengan ImgNote, iaitu menambah annotations pada gambar. Ianya menggunakan Jquery plugin dan bukannya Adobe Flash jadi hasilnya lebih mantap dan laju. Interface lebih menarik berbanding ImgNote.</p>
<p><a href="http://wordpress.org/extend/plugins/demon-image-annotation/" target="_blank">Download Demon Image Annotations</a>.</p>
<h2>4. Jquery Photo Tag Plugin</h2>
<p><img style="background-image: none; border-right-width: 0px; margin: ; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="jquery photo tag plugin" border="0" alt="jquery photo tag plugin" src="http://www.einsthemes.com/jomphp/Tutorial-membuat-photo-tagging-di-blog_1B29/jquery-photo-tag-plugin.jpg" width="100%" /></p>
<p>Jika anda web developer, anda boleh gunakan Jquery Photo Tag plugin ini dan integrasikan di website anda.</p>
<p>Plugin Demon Image Annotation wordpress adalah dibuat berdasarkan Jquery Photo Tag Plugin.</p>
<ul>
<li><a href="http://karlmendes.com/static/photo-tag/tests/photo_tags/">Demo and unit testing</a> </li>
<li><a href="http://github.com/kmendes/Jquery-Photo-Tag">GitHub Project Home Page</a> </li>
<li><a href="http://github.com/downloads/kmendes/Jquery-Photo-Tag/jquery.phototag.min.js">Download jquery.phototag.min.js v1.0</a> </li>
<li><a href="http://github.com/downloads/kmendes/Jquery-Photo-Tag/jquery.phototag.js">Download jquery.phototag.js v1.0</a> </li>
</ul>
<p>Plugin ini sangat cool sebab anda boleh remove tag.</p>
<p>Tutorial untuk menggunakan plugin ini di website anda: <a href="http://karlmendes.com/2010/07/jquery-photo-tag-plugin/">http://karlmendes.com/2010/07/jquery-photo-tag-plugin/</a></p>
<h2>5. Img Notes JQuery Plugin</h2>
<p><img style="background-image: none; border-right-width: 0px; margin: ; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="img notes wordpress plugin" border="0" alt="img notes wordpress plugin" src="http://www.einsthemes.com/jomphp/Tutorial-membuat-photo-tagging-di-blog_1B29/img-notes-wordpress-plugin.jpg" width="519" height="384" /></p>
<p>Plugin Imgnote wordpress adalah dibina berdasarkan plugin asal <strong>Jquery Img Notes</strong>. </p>
<ul>
<li><strong>Demo</strong> <a href="http://www.sanisoft.com/downloads/imgnotes-0.2/example.html">link</a> </li>
<li><strong>Download</strong> <a href="http://sanisoft.com/downloads/imgnotes-0.2.zip">link</a> </li>
<li><strong>Homepage</strong> <a href="http://www.sanisoft.com/blog/2009/01/23/img-notes-v02-a-couple-of-bug-fixes-and-some-more/" target="_blank">link</a> </li>
</ul>
<hr />Saya harap ramai blogger dan web developer dapat sedikit inspirasi daripada artikel ini. Serius bagi saya photo tagging sangat perlu dan cool, lebih2 lagi kepada photo blogger.
<p>&#160;</p>
<p>Dah lama tak tulis artikel mengenai html, website dll ini. Biasanya saya belajar benda2 macam ini hanya ketika idea muncul tiba-tiba. Memang niat nak tulis tu ada tapi kadang2 idea tak ada susah juga. </p>
]]></content:encoded>
			<wfw:commentRss>http://jomphp.com/cara-membuat-photo-tagging-di-blog-dan-website.html/feed</wfw:commentRss>
		<slash:comments>28</slash:comments>
		</item>
		<item>
		<title>Cara menggunakan facebook social plugin di blog</title>
		<link>http://jomphp.com/cara-menggunakan-facebook-social-plugin-di-blog.html</link>
		<comments>http://jomphp.com/cara-menggunakan-facebook-social-plugin-di-blog.html#comments</comments>
		<pubDate>Thu, 20 May 2010 09:05:46 +0000</pubDate>
		<dc:creator>EiNS</dc:creator>
				<category><![CDATA[Blogger]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[facebook blogger]]></category>
		<category><![CDATA[facebook blogspot]]></category>
		<category><![CDATA[facebook like box]]></category>
		<category><![CDATA[facebook like button]]></category>
		<category><![CDATA[facebook social plugins]]></category>
		<category><![CDATA[facebook wordpress]]></category>

		<guid isPermaLink="false">http://jomphp.com/cara-menggunakan-facebook-social-plugin-di-blog.html</guid>
		<description><![CDATA[Sekarang ini ramai yang menggunakan facebook social plugin di blog. Contohnya, anda dapat lihat ada butang “like &#124; Be the first of your friends to like this” di bahagian bawah setiap entri serta “facebook like box” di bahagian sidebar. Facebook &#8230; <a href="http://jomphp.com/cara-menggunakan-facebook-social-plugin-di-blog.html">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><img style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" border="0" src="http://img40.imageshack.us/img40/6629/facebooksocialplugin.png" /></p>
<p>Sekarang ini ramai yang menggunakan facebook social plugin di blog. Contohnya, anda dapat lihat ada butang “<em>like | Be the first of your friends to like this</em>” di bahagian bawah setiap entri serta “facebook like box” di bahagian sidebar.</p>
<p>Facebook social plugin memudahkan pengunjung blog anda untuk mempromosi blog anda di wall facebook mereka, sekaligus berpeluang menambah referrer dari facebook. Selain itu, pengunjung blog juga boleh menjadi peminat kepada <em>fan page</em> blog anda dengan mudah, hanya perlu tekan <em>like</em> pada “facebook like box”.</p>
<p>Jika anda ingin menambah facebook social plugins di blog anda, ikuti langkah2 berikut;</p>
<p>  <span id="more-4551"></span><br />
<h2>1. Facebook social plugins for wordpress </h2>
<p>Untuk wordpress, boleh install plugin ini sebab menyenangkan tugas. Boleh download plugin tu dari sini: <a href="http://wordpress.org/extend/plugins/facebook-social-plugins/" target="_blank">Facebook social plugins</a>.</p>
<p>Bila dah activate, akan ada option untuk facebook social plugins di bahagian menu dalam wp dashboard anda. Lepas itu, anda boleh configure setting untuk kedudukan dan layout untuk facebook like button.</p>
<p><img style="border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" border="0" src="http://img195.imageshack.us/img195/9273/facebooksocialplugin2.jpg" width="100%" /></p>
<p>Plugin ini juga menambah beberapa sidebar widget yang boleh anda gunakan.</p>
<p><img style="border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" border="0" src="http://img140.imageshack.us/img140/9726/facebooksocialplugin3.jpg" width="100%" />     </p>
<p>Antaranya ialah seperti FB Activity Feed, FB Like Box, FB Like Button dan FB Recommendations. Buat masa sekarang, saya rasa hanya FB Like Box sahaja yang betul-betul berguna.</p>
<h2>2. Cara manual (blogspot, website, etc) </h2>
<p>Untuk meletak facebook like button di blogspot boleh rujuk pada tutorial &#8211; <a href="http://www.bloggerplugins.org/2010/04/facebook-like-button-for-blogger.html" target="_blank">Facebook Like / Recommend Button For Blogger</a></p>
<p>Untuk meletakkan facebook like box di sidebar blog; boleh generate code di <a href="http://developers.facebook.com/docs/reference/plugins/like-box" target="_blank">Facebook Social Plugins – Like Box</a>. Pastikan anda tahu id facebook fan page bagi blog anda.</p>
<p>Untuk menggunakan facebook social plugins yang lain anda boleh copy code di web <a href="http://developers.facebook.com/plugins" target="_blank">facebook</a> sendiri.</p>
<p> <br />
<hr />
<p></p>
<p>Saya rasa cara menggunakan plugin ini sangat straightforward dan tidak perlu penerangan panjang lebar sebenarnya. Selamat mencuba ya!</p>
<p>p/s: jangan lupa “like” entri ini banyak2. </p>
]]></content:encoded>
			<wfw:commentRss>http://jomphp.com/cara-menggunakan-facebook-social-plugin-di-blog.html/feed</wfw:commentRss>
		<slash:comments>25</slash:comments>
		</item>
		<item>
		<title>Tips menggunakan feedburner</title>
		<link>http://jomphp.com/tips-menggunakan-feedburner.html</link>
		<comments>http://jomphp.com/tips-menggunakan-feedburner.html#comments</comments>
		<pubDate>Tue, 16 Feb 2010 09:47:29 +0000</pubDate>
		<dc:creator>EiNS</dc:creator>
				<category><![CDATA[Blogger]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[cara guna feedburner]]></category>
		<category><![CDATA[feedburner tips]]></category>
		<category><![CDATA[feedburner tutorial]]></category>

		<guid isPermaLink="false">http://jomphp.com/tips-menggunakan-feedburner.html</guid>
		<description><![CDATA[Ramai orang menggunakan feedburner untuk menguruskan rss feed blog mereka, namun sebilangan besar pengguna hanya menggunakan fungsi asas sahaja. Tutorial ini akan mengajar cara menggunakan fungsi2 lain dalam feedburner untuk memanfaatkan sepenuhnya rss feed bagi blog anda. 1. Login ke &#8230; <a href="http://jomphp.com/tips-menggunakan-feedburner.html">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://jomphp.com/wp-content/uploads/2010/02/feedburner.jpg"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="feedburner" border="0" alt="feedburner" src="http://jomphp.com/wp-content/uploads/2010/02/feedburner_thumb.jpg" width="490" height="211" /></a></p>
<p>Ramai orang menggunakan feedburner untuk menguruskan rss feed blog mereka, namun sebilangan besar pengguna hanya menggunakan fungsi asas sahaja. Tutorial ini akan mengajar cara menggunakan fungsi2 lain dalam feedburner untuk memanfaatkan sepenuhnya rss feed bagi blog anda.</p>
<p> <span id="more-4481"></span><br />
<h2>1. Login ke feedburner</h2>
<p><a href="http://jomphp.com/wp-content/uploads/2010/02/feedburnerjomphp.jpg"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="feedburner-jomphp" border="0" alt="feedburner-jomphp" src="http://jomphp.com/wp-content/uploads/2010/02/feedburnerjomphp_thumb.jpg" width="100%" /></a></p>
<p>Selepas login, tekan pada tab <strong>optimize</strong>.</p>
<h2>2. Aktifkan beberapa service seperti BrowserFriendly, SmartCast, Smartfeed dan feedflare</h2>
<p><a href="http://jomphp.com/wp-content/uploads/2010/02/browserfriendly.jpg"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="browserfriendly" border="0" alt="browserfriendly" src="http://jomphp.com/wp-content/uploads/2010/02/browserfriendly_thumb.jpg" width="100%" /></a></p>
<p><strong>BrowserFriendly</strong> memudahkan pembaca blog anda untuk melanggan dan membaca rss feed di dalam web browser mereka.</p>
<p><strong>SmartCast</strong> pula memudahkan langganan podcast iaitu rss feed yang mengandungi file media seperti audio dan video. Jika blog anda menggunakan podcast, anda wajib aktifkan service ini.</p>
<p><strong>Smartfeed</strong> membuatkan rss feed blog anda boleh dibaca di semua jenis rss reader tak kira web apps, desktop app, mobile phone etc.</p>
<p><strong>Feedflare</strong> pula menambah beberapa option di dalam rss feed seperti jumlah comment, email this, share on facebook, digg this dan sebagainya.</p>
<h2>3. Aktifkan beberapa service di bahagian Publicize</h2>
<p style="text-align: center; padding-bottom: 0px; line-height: 0; margin-top: 10px; margin-bottom: 0px"><a href="http://feeds.feedburner.com/~r/Jomphp/~6/1" target="_blank"><img style="border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" alt="JomPHP" src="http://feeds.feedburner.com/Jomphp.1.gif" /></a></p>
<p>&#160;</p>
<p>Anda boleh membuat rss feed headline banner seperti di atas menggunakan fungsi <strong>Headline Animator</strong>.</p>
<p><strong>BuzzBoost</strong> menjadikan rss feed anda ditukar dalam bentuk HTML dan boleh digunakan di mana-mana sahaja.</p>
<p><strong>Email subscriptions</strong> membolehkan pelawat blog melanggan feed anda melalui email. Setiap kali ada post baru, pelanggan feed akan mendapat kandungan post baru itu melalui email yang dihantar oleh feedburner. Pastikan anda meletakkan widget langganan feed melalui email di blog anda.</p>
<p><strong>Pingshot</strong> akan ping updates terkini dari feed blog anda.</p>
<p><a href="http://jomphp.com/wp-content/uploads/2010/02/image.png"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="image" border="0" alt="image" src="http://jomphp.com/wp-content/uploads/2010/02/image_thumb.png" width="88" height="26" /></a>&#160;</p>
<p><strong>Feedcount</strong> akan menunjukkan jumlah pelanggan rss feed blog anda. </p>
<p><strong>Socialize</strong> membolehkan anda integrate feedburner dengan akaun twitter. Maknanya, setiap kali ada post baru dari blog anda, feedburner akan tweet secara automatik link kepada post baru anda.</p>
<p><a href="http://jomphp.com/wp-content/uploads/2010/02/chickletchooser.jpg"><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="chicklet chooser" border="0" alt="chicklet chooser" src="http://jomphp.com/wp-content/uploads/2010/02/chickletchooser_thumb.jpg" width="529" height="251" /></a></p>
<p>Anda boleh gunakan feed icon di blog anda melalui service <strong>chicklet chooser</strong>. Cuba sesuaikan dengan tema blog anda.</p>
<h2>4. Buat duit dari rss feed</h2>
<p><a href="http://jomphp.com/wp-content/uploads/2010/02/googleadsense.jpg"><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="googleadsense" border="0" alt="googleadsense" src="http://jomphp.com/wp-content/uploads/2010/02/googleadsense_thumb.jpg" width="506" height="150" /></a></p>
<p>Jika anda menekan butang <strong>Monetize</strong>, anda boleh intergrasikan akaun feedburner dengan google adsense anda. Selepas ini, iklan google adsense akan dipaparkan dalam rss feed anda dan anda jumlah earning akan meningkat setiap kali ada orang klik pada iklan dalam feed tersebut.</p>
<p>Setakat ini jumlah yang saya dapat dari adsense for feed tak banyak sangat, cuma kira boleh lah cukup makan.</p>
<h2>5. Paparkan button atau widget rss feed di lokasi strategik blog anda</h2>
<p>Untuk meningkatkan jumlah langganan melalui feed, pastikan button atau widget rss feed di letak di bahagian strategik pada blog anda. Contohnya, pada bahagian sidebar atas dan di bahagian header. Anda juga boleh menggunakan widget seperti wibiya toolbar untuk lebih mempromosikan rss feed anda.</p>
<p>Setakat ini sahaja tutorial dari kami, selamat mencuba! <img src='http://jomphp.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://jomphp.com/tips-menggunakan-feedburner.html/feed</wfw:commentRss>
		<slash:comments>22</slash:comments>
		</item>
		<item>
		<title>Pindah follower blogspot kepada wordpress</title>
		<link>http://jomphp.com/pindah-follower-blogspot-kepada-wordpress.html</link>
		<comments>http://jomphp.com/pindah-follower-blogspot-kepada-wordpress.html#comments</comments>
		<pubDate>Tue, 15 Dec 2009 09:00:05 +0000</pubDate>
		<dc:creator>EiNS</dc:creator>
				<category><![CDATA[Blogger]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[followers]]></category>
		<category><![CDATA[friendconnect]]></category>
		<category><![CDATA[google friend connect]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://jomphp.com/pindah-follower-blogspot-kepada-wordpress.html</guid>
		<description><![CDATA[Saya menerima emel dari saudara paeh (aku.paeh.net) bertanyakan soalan berikut; aku nk tny pasal google friend connect tuu. jika sblm ni kite guna blogspot. dan skrg dh pindah ke wordpress.org. camne kita nk letak widget tu dgn followers yg same &#8230; <a href="http://jomphp.com/pindah-follower-blogspot-kepada-wordpress.html">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://jomphp.com/wp-content/uploads/2009/12/image8.png"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="image" border="0" alt="image" src="http://jomphp.com/wp-content/uploads/2009/12/image_thumb8.png" width="323" height="348" /></a> </p>
<p>Saya menerima emel dari saudara paeh (<a href="http://aku.paeh.net" target="_blank">aku.paeh.net</a>) bertanyakan soalan berikut; </p>
<blockquote><p>aku nk tny pasal google friend connect tuu. jika sblm ni kite guna blogspot. dan skrg dh pindah ke <a href="http://wordpress.org/">wordpress.org</a>. camne kita nk letak widget tu dgn followers yg same wktu kita di blogspot tuu&#8230; ada cara dia tak. please tlg aku. huhuhuu&#8230;</p>
<p>cth : kat blogspot kita ada 100 followers dan kita nk 100 follower tu ada kt site baru kita dan boleh connect ke site baru kita.</p>
</blockquote>
<p>Dengan kata mudah, dia nak tahu cara migrasi kepada wordpress tanpa kehilangan followers di blog blogspot. Ramai juga orang ragu2 hendak bertukar kepada wordpress kerana khuatir kehilangan followers mereka yang mungkin sudah mencecah beratus2 orang.</p>
<p>Tutorial ringkas berikut mungkin mampu menyelesaikan masalah tersebut;</p>
<p> <span id="more-4230"></span>
<p>Pertama sekali, login ke <a href="http://www.google.com/friendconnect/" target="_blank">Google Friend Connect</a>.</p>
<p>Pergi ke bahagian setting blog anda, tekan tab <strong>“Advanced”</strong>. Di bahagian alternate adress, masukkan url blog dimana anda ingin gunakan followers widget yang sama. Maksudnya, followers anda di blog sebelum ini juga akan muncul sekiranya anda paste code widget di blog lain.</p>
<p><a href="http://jomphp.com/wp-content/uploads/2009/12/image9.png"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="image" border="0" alt="image" src="http://jomphp.com/wp-content/uploads/2009/12/image_thumb9.png" width="100%" /></a></p>
<p>Selepas itu, save dan copy code. Paste di dalam widget area dan followers anda di blog lama akan muncul.</p>
<p>Mula2 saya agak “konpius” apakah maksudnya, namun setelah meneliti barulah saya faham bagaimana ia berfungsi.</p>
<p>Untuk makluman juga, sekarang anda sudah boleh menulis komen di JomPHP menggunakan akaun google, yahoo, twitter dan open id. Cuba sign in dengan google friend connect sekarang! <img src='http://jomphp.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </p>
<p>p/s: ada apa2 soalan? Lebih cepat jika anda maklumkan kepada saya di <a href="mailto:eins@jomphp.com">eins[at]jomphp.com</a> dan <a href="http://twitter.com/einztrigger" target="_blank">twitter einztrigger</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://jomphp.com/pindah-follower-blogspot-kepada-wordpress.html/feed</wfw:commentRss>
		<slash:comments>18</slash:comments>
		</item>
		<item>
		<title>Cara menambahkan fungsi avatar dan &#8220;read more&#8221; pada blogspot</title>
		<link>http://jomphp.com/cara-menambahkan-fungsi-avatar-dan-read-more-pada-blogspot.html</link>
		<comments>http://jomphp.com/cara-menambahkan-fungsi-avatar-dan-read-more-pada-blogspot.html#comments</comments>
		<pubDate>Fri, 02 Oct 2009 12:21:39 +0000</pubDate>
		<dc:creator>EiNS</dc:creator>
				<category><![CDATA[Blogger]]></category>
		<category><![CDATA[blogger avatar]]></category>
		<category><![CDATA[blogger read more]]></category>
		<category><![CDATA[how to add read more in blogger]]></category>
		<category><![CDATA[insert blogspot avatar]]></category>

		<guid isPermaLink="false">http://jomphp.com/cara-menambahkan-fungsi-avatar-dan-read-more-pada-blogspot.html</guid>
		<description><![CDATA[Salam kepada pembaca2 jomphp! Minggu ini blog JomPHP.com akan menyambut ulangtahun pertama, jadi sepanjang minggu ini kami akan publish beberapa artikel berkualiti khas untuk pembaca semua. JomPHP juga pada awalnya bermula dengan blogspot jadi sekali sekala perlu juga tutorial untuk &#8230; <a href="http://jomphp.com/cara-menambahkan-fungsi-avatar-dan-read-more-pada-blogspot.html">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://jomphp.com/wp-content/uploads/2009/10/image.png"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="image" border="0" alt="image" src="http://jomphp.com/wp-content/uploads/2009/10/image_thumb.png" width="302" height="300" /></a> </p>
<p>Salam kepada pembaca2 jomphp! Minggu ini blog JomPHP.com akan menyambut ulangtahun pertama, jadi sepanjang minggu ini kami akan publish beberapa artikel berkualiti khas untuk pembaca semua. </p>
<p>JomPHP juga pada awalnya bermula dengan blogspot jadi sekali sekala perlu juga tutorial untuk pengguna blogspot kerana saya yakin masih ramai yang setia menggunakan blogspot. Entri ini adalah mengenai tutorial menggunakan fungsi read more dan menambah avatar ke dalam bahagian komen blog anda. </p>
<p> <span id="more-3879"></span>
<p><strong><font size="5">1. Menambah fungsi read more</font></strong></p>
<p><strong><font size="5"></font></strong></p>
<p>Serius, blog nampak lebih professional dan kemas jika anda guna fungsi read more. Cuba bayangkan post2 yang berjela penuh gambar, text dan video di muka hadapan blog anda pasti jenuh orang nak scroll ke atas dan ke bawah untuk navigasi blog anda. Jika anda menggunakan fungsi read more anda boleh jadikan front page blog anda lebih mesra pelawat, dan jika anda ada meletakkan iklan seperti nuffnang lagi untung kerana meningkatkan pageviews dan ads impression anda.</p>
<p>Kini, fungsi “read more” di blogspot lebih menyerupai fungsi read more di blog wordpress. Anda boleh tambah kod read more didalam post editor lagi tanpa perlu memasukkan kod2 yang pelik2 lagi.</p>
<p>Cara2 menggunakan fungsi read more;</p>
<p>Pertama sekali masuk dashboard &gt; settings &gt; basic. Pada bahagian post editor, pilih <strong>updated post editor</strong>.</p>
<p> <a href="http://jomphp.com/wp-content/uploads/2009/10/image1.png"><img style="border-right-width: 0px; margin: 0px 0px 5px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="image" border="0" alt="image" src="http://jomphp.com/wp-content/uploads/2009/10/image_thumb1.png" width="393" height="147" /></a>
<p>Selepas itu masuk bahagian edit html dan check pada bahagian <strong>expand widget templates</strong>. Backup dulu template anda untuk tujuan berjaga2.</p>
<p>Control + f, cari kod ini dalam template anda;</p>
<div id="codeSnippetWrapper">
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px" id="codeSnippet"><span style="color: #0000ff">&lt;</span><span style="color: #800000">data:post.body</span><span style="color: #0000ff">/&gt;</span></pre>
<p></div>
<p>Kemudian, copy dan paste code ini dibawah line kod <code>&lt;data:post.body/&gt;</code></p>
<div id="codeSnippetWrapper">
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px" id="codeSnippet"><span style="color: #0000ff">&lt;</span><span style="color: #800000">b:if</span> <span style="color: #ff0000">cond</span><span style="color: #0000ff">='data:post.hasJumpLink'</span><span style="color: #0000ff">&gt;</span><span style="color: #0000ff">&lt;</span><span style="color: #800000">div</span> <span style="color: #ff0000">class</span><span style="color: #0000ff">='jump-link'</span><span style="color: #0000ff">&gt;</span><span style="color: #0000ff">&lt;</span><span style="color: #800000">a</span> <span style="color: #ff0000">expr:href</span><span style="color: #0000ff">='data:post.url + &quot;#more&quot;'</span><span style="color: #0000ff">&gt;&lt;</span><span style="color: #800000">data:post.jumpText</span><span style="color: #0000ff">/&gt;&lt;/</span><span style="color: #800000">a</span><span style="color: #0000ff">&gt;</span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">div</span><span style="color: #0000ff">&gt;</span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">b:if</span> <span style="color: #0000ff">&gt;</span></pre>
<p></div>
<p><font face="Courier New">Kemudian save atau preview dulu template anda.</font> </p>
<div>&#160;</div>
<p>Untuk menggunakan fungsi read more ini, ketika menaip entri baru menggunakan blogger editor, anda boleh tekan butang “<strong>insert jump break</strong>” seperti di bawah ini;</p>
<p><a href="http://jomphp.com/wp-content/uploads/2009/10/image2.png"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="image" border="0" alt="image" src="http://jomphp.com/wp-content/uploads/2009/10/image_thumb2.png" width="454" height="306" /></a> </p>
<p>Anda akan nampak satu line panjang selepas menekan butang insert jump break. Text atau gambar dibawah line tersebut hanya akan boleh dilihat setelah pengunjung tekan butang read more pada post di front page anda.</p>
<p>&#160;</p>
<p><font size="5"><strong>2. Menambah avatar kepada blog comment</strong></font></p>
<p><strong><font size="5"></font></strong></p>
<p><a href="http://jomphp.com/wp-content/uploads/2009/10/image3.png"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="image" border="0" alt="image" src="http://jomphp.com/wp-content/uploads/2009/10/image_thumb3.png" width="250" height="188" /></a>&#160;</p>
<p>Oh, ianya tidak berkaitan dengan budak botak yang sedang tersengih di atas ya! Maksud saya avatar iaitu ialah image kepada id commentator. Di blog wordpress lebih dikenali sebagai gravatar. Kini pengguna blogspot pun boleh tambah avatar di bahagian komen barulah nampak lebih stylo.</p>
<p>Cara menambah avatar di komen blogspot;</p>
<p>Pertama sekali pergi dashboard &gt; settings &gt; comments. Cari <strong>show image profiles on comments</strong> dan pilih <strong>yes</strong>.</p>
<p><a href="http://jomphp.com/wp-content/uploads/2009/10/image4.png"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="image" border="0" alt="image" src="http://jomphp.com/wp-content/uploads/2009/10/image_thumb4.png" width="393" height="61" /></a> </p>
<p>Selepas itu masuk bahagian edit html dan check pada bahagian <strong>expand widget templates</strong>. Backup dulu template anda untuk tujuan berjaga2.</p>
<p>Control + f, cari kod ini dalam template anda;</p>
<div id="codeSnippetWrapper">
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px" id="codeSnippet"><span style="color: #0000ff">&lt;</span><span style="color: #800000">dl</span> <span style="color: #ff0000">id</span><span style="color: #0000ff">='comments-block'</span><span style="color: #0000ff">&gt;</span></pre>
<p></div>
<p>Copy dan paste code dibawah dan replace/gantikan/tindih kod diatas.</p>
<div id="codeSnippetWrapper">
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px" id="codeSnippet"><span style="color: #0000ff">&lt;</span><span style="color: #800000">dl</span> <span style="color: #ff0000">expr:class</span><span style="color: #0000ff">='data:post.avatarIndentClass'</span> <span style="color: #ff0000">id</span><span style="color: #0000ff">='comments-block'</span><span style="color: #0000ff">&gt;</span></pre>
<p></div>
<p>Kemudian cari kod ini pula;</p>
<div id="codeSnippetWrapper">
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px" id="codeSnippet"><span style="color: #0000ff">&lt;</span><span style="color: #800000">a</span> <span style="color: #ff0000">expr:name</span><span style="color: #0000ff">='data:comment.anchorName'</span><span style="color: #0000ff">/&gt;</span></pre>
<p></div>
</p>
</p>
<p>Sebelum kod tersebut, copy dan paste beberapa baris kod ini. Maknanya, anda paste kod ini satu baris diatas line kod <code>&lt;a expr:name='data:comment.anchorName'/&gt;</code>.</p>
<div style="border-bottom: silver 1px solid; text-align: left; border-left: silver 1px solid; padding-bottom: 4px; line-height: 12pt; background-color: #f4f4f4; margin: 20px 0px 10px; padding-left: 4px; width: 97.5%; padding-right: 4px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; max-height: 200px; font-size: 8pt; overflow: auto; border-top: silver 1px solid; cursor: text; border-right: silver 1px solid; padding-top: 4px" id="codeSnippetWrapper">
<div style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px" id="codeSnippet">
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff">&lt;</span><span style="color: #800000">b:if</span> <span style="color: #ff0000">cond</span><span style="color: #0000ff">='data:comment.favicon'</span><span style="color: #0000ff">&gt;</span></pre>
<p><!--CRLF--></p>
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff">&lt;</span><span style="color: #800000">img</span> <span style="color: #ff0000">expr:src</span><span style="color: #0000ff">='data:comment.favicon'</span> <span style="color: #ff0000">height</span><span style="color: #0000ff">='35px'</span> <span style="color: #ff0000">style</span><span style="color: #0000ff">='margin-bottom:-2px;'</span> <span style="color: #ff0000">width</span><span style="color: #0000ff">='35px'</span><span style="color: #0000ff">/&gt;</span></pre>
<p><!--CRLF--></p>
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff">&lt;/</span><span style="color: #800000">b:if</span><span style="color: #0000ff">&gt;</span></pre>
<p><!--CRLF--></p>
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff">&lt;</span><span style="color: #800000">a</span> <span style="color: #ff0000">expr:name</span><span style="color: #0000ff">='data:comment.anchorName'</span><span style="color: #0000ff">/&gt;</span></pre>
<p><!--CRLF--></p>
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff">&lt;</span><span style="color: #800000">b:if</span> <span style="color: #ff0000">cond</span><span style="color: #0000ff">='data:blog.enabledCommentProfileImages'</span><span style="color: #0000ff">&gt;</span></pre>
<p><!--CRLF--></p>
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff">&lt;</span><span style="color: #800000">data:comment.authorAvatarImage</span><span style="color: #0000ff">/&gt;</span></pre>
<p><!--CRLF--></p>
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #0000ff">&lt;/</span><span style="color: #800000">b:if</span><span style="color: #0000ff">&gt;</span></pre>
<p><!--CRLF--></div>
</div>
<p>Kemudian preview atau save template anda. Cuba check bahagian komen, ada keluar avatar tak?</p>
<p>Saya harap anda berjaya, selamat mencuba! <img src='http://jomphp.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://jomphp.com/cara-menambahkan-fungsi-avatar-dan-read-more-pada-blogspot.html/feed</wfw:commentRss>
		<slash:comments>20</slash:comments>
		</item>
		<item>
		<title>Cara meningkatkan trafik ke blog anda (part 2)</title>
		<link>http://jomphp.com/cara-meningkatkan-trafik-ke-blog-anda-part-2.html</link>
		<comments>http://jomphp.com/cara-meningkatkan-trafik-ke-blog-anda-part-2.html#comments</comments>
		<pubDate>Sun, 19 Jul 2009 06:55:49 +0000</pubDate>
		<dc:creator>EiNS</dc:creator>
				<category><![CDATA[Blogger]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[belajar buat blog]]></category>
		<category><![CDATA[buat duit dari blog]]></category>
		<category><![CDATA[cara buat blog jadi popular]]></category>
		<category><![CDATA[increase alexa rank]]></category>
		<category><![CDATA[increase blog traffics]]></category>
		<category><![CDATA[perkhidmatan blog]]></category>
		<category><![CDATA[search engine optimization]]></category>
		<category><![CDATA[teknik blog]]></category>
		<category><![CDATA[teknik seo]]></category>
		<category><![CDATA[tingkat trafik blog]]></category>
		<category><![CDATA[wordpress blog]]></category>

		<guid isPermaLink="false">http://jomphp.com/cara-meningkatkan-trafik-ke-blog-anda-part-2.html</guid>
		<description><![CDATA[Entri ini adalah sambungan kepada entri cara meningkatkan trafik ke blog anda (part 1). Jika anda telah mengikuti semua langkah2 yang saya ceritakan di entri terdahulu, syabas saya ucapkan. Di bahagian 2 ini, saya akan terangkan mengenai beberapa cara untuk &#8230; <a href="http://jomphp.com/cara-meningkatkan-trafik-ke-blog-anda-part-2.html">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://jomphp.com/wp-content/uploads/2009/07/image17.png"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="blog traffic, traffic blog, blog visitor, social networking, twitter" border="0" alt="blog traffic, traffic blog, blog visitor, social networking, twitter" src="http://jomphp.com/wp-content/uploads/2009/07/image_thumb16.png" width="502" height="322" /></a> </p>
<p>Entri ini adalah sambungan kepada entri <a href="http://jomphp.com/cara-meningkatkan-trafik-ke-blog-anda-part-1.html" target="_blank">cara meningkatkan trafik ke blog anda (part 1)</a>. Jika anda telah mengikuti semua langkah2 yang saya ceritakan di entri terdahulu, syabas saya ucapkan. </p>
<p>Di bahagian 2 ini, saya akan terangkan mengenai beberapa cara untuk meningkatkan trafik blog. Jom tengok! <img alt="" src="http://www.zu14.cn/coolemotion/emotions/zz_16.gif" /> </p>
<p> <span id="more-3598"></span>
<p><strong>Tingkatkan trafik menggunakan youtube</strong></p>
<p><a href="http://jomphp.com/wp-content/uploads/2009/07/image18.png"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="bayi, budak kecil, jomphp, youtube, utube, evians, air mineral, iklan best" border="0" alt="bayi, budak kecil, jomphp, youtube, utube, evians, air mineral, iklan best" src="http://jomphp.com/wp-content/uploads/2009/07/image_thumb17.png" width="502" height="296" /></a> </p>
<p>Tahukan anda bahawa Youtube merupakan laman web ketiga paling popular di dunia? Hanya ketinggalan sedikit berbanding Yahoo.com dan Google.com (sumber:alexa). Youtube mempunyai jutaan hits setiap hari dan jika anda kreatif anda mampu menjadikan youtube sebagai sumber trafik yang baik.</p>
<p>Teknik yang anda boleh gunakan ialah, upload video2 yang popular dan mampu menarik ramai penonton. Kemudian anda boleh letakkan <u>watermark adress blog anda pada video</u>, ataupun<u> letak annotations</u> seperti screenshots di atas. Pada bahagian description anda juga boleh letak url blog anda. Pada bahagian channel anda, <u>jangan lupa letakkan banner atau url ke blog anda juga</u>. </p>
<p>Kuncinya di sini ialah, jadikan video yang anda upload itu sangat popular dan pastinya banyak trafik akan datang ke blog anda.</p>
<p><strong>Tingkatkan trafik dengan dengan Google Webmaster Tools</strong></p>
<p>Anda wajib menggunakan <a href="http://www.google.com/webmasters/tools/" target="_blank">google webmaster tools</a> seperti generate sitemap kemudian add di dalam dashboard google webmaster tools. Ini bertujuan untuk membuat segala content di blog anda di-index oleh googlebots dan dapat meningkatkan trafik melalui search engine.</p>
<p><strong>Tingkatkan trafik dengan yahoo answers</strong></p>
<p><a href="http://jomphp.com/wp-content/uploads/2009/07/image19.png"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="yahoo answers, answers yahoo, yahoo ask, yahoo search, yahoo discover, yahoo explore, yahoo travel" border="0" alt="yahoo answers, answers yahoo, yahoo ask, yahoo search, yahoo discover, yahoo explore, yahoo travel" src="http://jomphp.com/wp-content/uploads/2009/07/image_thumb18.png" width="502" height="182" /></a>&#160;&#160; </p>
<p>Yahoo answers boleh digunakan untuk anda bertanya dan menjawab soalan. Laman2 yahoo answers biasanya terindex di page2 utama di search engine. Oleh itu anda boleh memanfaatkan yahoo answers sebagai sumber trafik.</p>
<p>Caranya ialah, dengan menggunakan multiple akaun, anda membuat soalan baru seperti “where is the best place to learn about wordpress?”. Kemudian dengan menggunakan akaun lain pula anda menjawab soalan tadi dengan jawapan seperti “You can learn about wordpress and blogger at <a href="http://jomphp.com">http://jomphp.com</a>”. Be creative.</p>
<p><strong>Tingkatkan trafik dengan menganjurkan pertandingan/contest</strong></p>
<p>Salah satu teknik yang sangat berkesan untuk menjana trafik dengan cepat ialah dengan menganjurkan pertandingan atau contest kepada pembaca. Jika hadiah yang anda tawarkan sangat lumayan tentulah ramai yang akan berminat. Tetapi anda harus mengeluarkan sedikit modal untuk menyediakan hadiah, atau lebih beruntung sekiranya ada pihak yang ingin sponsor hadiah kontest di blog anda.</p>
<p>Anda juga boleh meletakkan syarat kepada peserta contest anda seperti wajib memberi link back kepada blog anda, atau wajib meletakkan banner. Anda juga boleh menggalakkan peserta contest untuk sebar kepada kawan2 di twitter dan facebook. Yang penting, kena kreatif lah!</p>
<p><strong>Tingkatkan trafik dengan memberi perkhidmatan percuma atau bayaran murah</strong></p>
<p>Jika anda berbakat membuat blog, design menggunakan photshop, pandai melukis atau apa2 kemahiran, anda boleh membuat perkhidmatan secara percuma ataupun dengan bayaran yang sangat murah kepada pengunjung blog anda. Anda juga boleh memberi perisian percuma, games percuma, mp3 percuma dll kepada pengunjung blog anda.</p>
<p>Bina jalinan antara admin blog dengan pengunjung, berikan yang terbaik untuk pengunjung blog, pastinya ramai orang akan suka berkunjung ke blog atau website anda.</p>
<p><strong>Tingkatkan trafik dengan ebook</strong></p>
<p><a href="http://jomphp.com/wp-content/uploads/2009/07/image20.png"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="ebook, buku, electronic book, e-book, success with e-book, membaca" border="0" alt="ebook, buku, electronic book, e-book, success with e-book, membaca" src="http://jomphp.com/wp-content/uploads/2009/07/image_thumb19.png" width="252" height="248" /></a> </p>
<p>Anda juga boleh menjana trafik menggunakan e-book. Samada anda menjual ebook atau memberi ebook tulisan anda sendiri secara percuma kepada pengunjung blog anda. Jika ebook anda bagus tentulah ramai yang download dan bacanya.</p>
<p>Anda juga boleh meletakkan link kepada blog anda di dalam ebook tersebut. Letakkan iklan, banner, atau offer menarik di dalam kandungan ebook anda tersebut. Selain itu, ebook2 yang anda tulis juga boleh diupload di <a href="http://scribd.com" target="_blank">scribd</a> dan <a href="http://docstoc.com" target="_blank">docstoc</a> untuk mencapai viewership yang tinggi.</p>
<p><strong>Tingkatkan trafik dengan iklan</strong></p>
<p>Anda boleh meningkatkan trafik kepada blog anda dengan beriklan samada secara percuma atau berbayar di blog atau website yang mempunyai trafik yang tinggi dan pagerank yang tinggi. Pastikan link kepada blog anda itu dofollow. Jika anda mampu design iklan yang menarik dan cantik tentulah lebih ramai orang akan click pada iklan anda tersebut.</p>
<p>Jika anda agak berada, anda boleh cuba beriklan melalui <a href="http://adwords.google.com/" target="_blank">google adwords</a> dan <a href="http://www.facebook.com/advertising/" target="_blank">facebook ads</a>. Lagi berbaloi, confirm tinggi trafik cuma anda haruslah mempunyai modal ya!</p>
<p><strong>Tingkatkan trafik dengan membuat review blog</strong></p>
<p>Anda boleh membuat review blog dengan owner blog lain. Maksudnya anda menulis review mengenai blog si A dan si A akan menulis review mengenai blog anda pula. Dengan itu, anda akan mendapat faedah dari linkback yang diberikan si A.</p>
<p>Blog review boleh dilakukan secara percuma (sukarela) ataupun berbayar.</p>
<p><a href="http://jomphp.com/wp-content/uploads/2009/07/image21.png"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="blog, blogspot, wordpress, blog cartoon, blog people, blog social" border="0" alt="blog, blogspot, wordpress, blog cartoon, blog people, blog social" src="http://jomphp.com/wp-content/uploads/2009/07/image_thumb20.png" width="402" height="302" /></a> </p>
<p>Saya harap sedikit sebanyak tutorial yang saya tulis dapat menolong atau memberikan idea dan gambaran yang positif kepada anda. </p>
<p>Perlukah tutorial ini disambung kepada part 3 pula ya? <img alt="" src="http://www.zu14.cn/coolemotion/emotions/zz_13.gif" /> </p>
<p>edit: Saya dah compile part 1 dan part 2 dalam bentuk pdf. Anda boleh download dan promo kepada member2 semua ya!</p>
<p><a href="http://jomphp.com/wp-content/uploads/2009/07/image22.png"><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://jomphp.com/wp-content/uploads/2009/07/image_thumb21.png" width="402" height="449" /></a> </p>
<p>Download ebook cara meningkatkan trafik ke blog anda (pdf) : <a title="http://www.fileden.com/files/2007/11/23/1601686/cara%20meningkatkan%20trafik%20ke%20blog%20anda.pdf" href="http://www.fileden.com/files/2007/11/23/1601686/cara%20meningkatkan%20trafik%20ke%20blog%20anda.pdf" target="_blank">[DDL] Cara-meningkatkan-trafik-ke-blog-anda</a> atau baca secara online di <a title="http://www.docstoc.com/docs/8692317/cara-meningkatkan-trafik-ke-blog-anda" href="http://www.docstoc.com/docs/8692317/cara-meningkatkan-trafik-ke-blog-anda">[docstoc] cara-meningkatkan-trafik-ke-blog-anda</a>.</p>
<p>&#160;</p>
<p>
<div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; display: inline; float: none; padding-top: 0px" id="scid:0767317B-992E-4b12-91E0-4F059A8CECA8:1a2580a1-4903-4ca1-815a-c7121d769eef" class="wlWriterEditableSmartContent">Technorati Tags: <a href="http://technorati.com/tags/tingkat+trafik+blog" rel="tag">tingkat trafik blog</a>,<a href="http://technorati.com/tags/increase+blog+traffics" rel="tag">increase blog traffics</a>,<a href="http://technorati.com/tags/increase+alexa+rank" rel="tag">increase alexa rank</a>,<a href="http://technorati.com/tags/cara+buat+blog+jadi+popular" rel="tag">cara buat blog jadi popular</a>,<a href="http://technorati.com/tags/buat+duit+dari+blog" rel="tag">buat duit dari blog</a>,<a href="http://technorati.com/tags/belajar+buat+blog" rel="tag">belajar buat blog</a>,<a href="http://technorati.com/tags/teknik+seo" rel="tag">teknik seo</a>,<a href="http://technorati.com/tags/teknik+blog" rel="tag">teknik blog</a>,<a href="http://technorati.com/tags/perkhidmatan+blog" rel="tag">perkhidmatan blog</a>,<a href="http://technorati.com/tags/wordpress+blog" rel="tag">wordpress blog</a>,<a href="http://technorati.com/tags/search+engine+optimization" rel="tag">search engine optimization</a></div></p>
]]></content:encoded>
			<wfw:commentRss>http://jomphp.com/cara-meningkatkan-trafik-ke-blog-anda-part-2.html/feed</wfw:commentRss>
		<slash:comments>43</slash:comments>
		</item>
	</channel>
</rss>

