Astaga.com Portal Lifestyle On The Net

Test Keyword Astaga.com Portal Lifestyle On The Net

noreply@blogger.com (Daniel DPK) — Sat, 23 Jan 2010 18:32:00 +0000

Hanya untuk Test Keyword Astaga.com Portal Lifestyle On The Net

Astaga.com Portal Lifestyle On The Net Cek Posisi di SERP

noreply@blogger.com (Daniel DPK) — Mon, 18 Jan 2010 19:09:00 +0000

Astaga.com Portal Lifestyle On The Net tiba-tiba menjadi sebuah keyword untuk percobaanku dalam belajar SEO. Meski aku seorang newbie namun dengan mencoba ikut-ikut sebagai penggembira kontes SEO
Astaga.com Portal Lifestyle On The Net ternyata cukup membantu aku dalam mendalami lagi tentang SEO.

melalui situs
Check top 1000 pagerank Google SERPs SEO tool aku coba masukkan keyword
Astaga.com Portal Lifestyle On The Net..dan ternyata aku masuk peringkat 507!!!! ya ampun ternyata aku masih harus belajar..lalu aku coba tool untuk cari link di
Backlink Builder siapa tau aja bisa membantu..

ah ternyata SEO itu memang susah..apalagi untuk keyword
Astaga.com Portal Lifestyle On The Net ternyata diikuti oleh para master SEO di Indonesia...

Astaga.com Portal Lifestyle On The Net

noreply@blogger.com (Daniel DPK) — Fri, 25 Dec 2009 16:54:00 +0000

Astaga.com Portal Lifestyle On The Net

Astaga.com Portal Lifestyle On The Net adalah kontes SEO terbaru sebagai bagian dari astaga reborn.

Auto-Readmore Link untuk CSS

noreply@blogger.com (Daniel DPK) — Sat, 05 Sep 2009 08:37:00 +0000

Pertama masuk ke edit HTML kemudian cari kode

</head>

lalu copy dan paste kode dibawah ini sebelum kode </head> tersebut:

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<b:else/>
<style>.fullpost{display:none;}</style>
<script type='text/javascript'>
function checkFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
var found = 0;
for (var i = 0; i < spans.length; i++) {
if (spans[i].className == 'fullpost') {
spans[i].style.display = 'none';
found = 1;
}
if (spans[i].className == 'showlink') {
if (found == 0) {
spans[i].style.display = 'none';
}
}
}
}
</script>
</b:if>

Kedua, cari CSS style tag pada content post anda. Kodenya adalah sebagai berikut :

<div class='post-body'>
<p><data:post.body/></p>
<div style='clear: both;'/> 
</div>

ganti kode tersebut dengan kode dibawah ini:

<div class='post-body' expr:id='"post-" + data:post.id'>
<p><data:post.body/></p>
<b:if cond='data:blog.pageType != "item"'>
<span class='showlink'>
<p><a expr:href='data:post.url'>Read More...</a></p>
</span>
<script type='text/javascript'>
checkFull("post-<data:post.id/>");
</script>
</b:if>
<div style='clear: both;'/> 
</div>

Ketiga,simpan perubahan tersebut kemudian masuk ke Setting-->Formatting-->PostTemplate Masukkan kode ini kedalam post template anda:

<span class="fullpost">
</span>

kemudian simpan perubahan tersebut. Dan setiap kali anda melakukan posting maka akan masuk di Edit HTML dan kode diatas akan otomatis muncul..

Membuat Related Post

noreply@blogger.com (Daniel DPK) — Wed, 02 Sep 2009 08:01:00 +0000

Berikut adalah tips membuat related post berdasarkan JSON (JavaScript Object Notation)format. Tips ini membuat related post berdasarkan label postingan yang dibuat dalam sebuah blog. Dan sebagai informasi tips ini mungkin krang efektif apabila label dalam blog anda memakai karakter URL seperti tanda tanya(?)atau garis miring(/).

Pertama masuk ke edit HTML dan jangan centang kolom Expand Widget Template. Lalu copy kode dibawah ini ke dalam page header :

<script type="text/javascript">
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;
}
}
}
}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write('</ul>');
}
//]]>
</script>

Kedua, simpan perubahan lalu centag tanda Expand Widget Template kemudian cari kode dibawah ini:

<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>

kemungkinan kode tersebut berada di bagian bawah di the post-footer-line section apakah di line -1, -2, atau -3. Setelah anda menemukannya lalu ganti kode tersebut dengan kode dibawah ini

<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=10"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>

Ketiga,simpan hasil edit diatas kemudian masuk ke Template -> Page Elements dan tambahkan HTML/Javascript widget. Setelah itu masukkan kode di bawah ini:

<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>

Keempat, masuk kembali ke Edit HTML, centang tanda Expand Widget Template, lalu cari HTML/Javascript widget yang baru saja anda tambahkan. Kode tersebutakan kelihatan seperti dibawah ini dan tambahkan kode yang dicetak tebal pada script anda.

<b:widget id='HTML13' locked='false' title='Related Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Ada beberapa jumlah postingan yang berubungan yang bisa ditampilkan dan anda bisa mengubahnya sesuai keinginan anda. Selamat mencoba dan semoga berguna bagi anda.

Membuat Social Bookmarking Buttons

noreply@blogger.com (Daniel DPK) — Sun, 30 Aug 2009 07:47:00 +0000

Berikut adalah tutorial membuat Social Bookmarking Buttons untuk Blogger.
Masuk ke edit HTML dna jangan lupa unutk centang “Expand Widget Templates”. Kemudian copy dan paste kode dibawah ini sebelum kode <data:post.body/>.

Script yang harus dicopy:

<div style='clear:both; '>
<div style='width:60px; float:left;'>
<script type='text/javascript'>
digg_url = '<data:post.url/>';
</script>
<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>
</div>
<div style='width:60px; float:left;'>
<script badgetype='square' src='http://d.yimg.com/ds/badge2.js' type='text/javascript'><data:post.url/></script>
</div>
<div style='width:65px; float:left;'>
<a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Stumble' src='http://s310.photobucket.com/albums/kk426/magznetwork/socialbig/stumble.gif' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Delicious' src='http://s310.photobucket.com/albums/kk426/magznetwork/socialbig/delicious.gif' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='"http://technorati.com/faves?add=" + data:post.url' rel='external nofollow' target='_blank'><img alt='Technorati' src='http://s310.photobucket.com/albums/kk426/magznetwork/socialbig/technorati.gif' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='"http://twitthis.com/twit?url=" + data:post.url' rel='external nofollow' target='_blank'><img alt='Twitter' src='http://s310.photobucket.com/albums/kk426/magznetwork/socialbig/twitter.gif' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&t=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Facebook' src='http://s310.photobucket.com/albums/kk426/magznetwork/socialbig/facebook.gif' style='padding:0;margin:0;border:none;'/></a>
</div>
</div>

Selamat mencba dan semoga berguna bagi anda.

Panduan SEO untuk Blogger

noreply@blogger.com (Daniel DPK) — Tue, 25 Aug 2009 05:53:00 +0000

SEO menjadi hal yang sangat penting dalam sebuah situs agar bisa dikunjungi oleh banyak visitor. Berikut adalah panduan SEO bagi blogger yang mungkin akan berguna bagi blog anda.

Page Title

Standard title dalam posting di sebuah blog adalah BLOG TITLE: POST TITLE. Anda bisa meningkatkan SEO-nya dengan mengubah title tags menjadi POST TITLE BLOG TITLE. Cari kode berikut di edit HTML anda,

<title><data:blog.pageTitle/></title>

kemudian ganti dengan kode berikut,

<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>

Anda juga bisa menambah beberapa keyword untuk title homepage, Contohnya adalah:

<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/> Let's Think Out Of The Box SEO Contest</title>
</b:if>

Meta Keywords and Description

Banyak ahli blogger yang sudah menulis tutorial tentang bagaimana menambah meta keywords dan description. Dan ini mungkin akan menyegarkan atau menambah pengetahuan anda. Cukup mudah dengan hanya menambahkan kode dibawah ini setelah Title tag seperti diatas atau sebelum <b:skin><![CDATA[/*

Sebagai contoh:

<meta name="description" content="SEO Contest - Let's think Out of the box" />
<meta name="keywords" content="SEO Contest, kontes seo, Let's think Out of the box" />

Namun kode ini membuat meta keywords dan deskripsi yang sama untuk semua postingan anda. Dan hal ini kurang bagus bagi blog anda karena blog anda akan mendapatkan peringatan dari Google Webmaster Tools karena duplikasi meta keywords dan deskripsi. Jadi lebih baik anda hanya menambahkan meta keywords dan deskripsi pada homepage. Sebagai contoh anda bisa menambahkan kode ini,

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta name="description" content="SEO Contest - Let's think Out of the box" />
<meta name="keywords" content="SEO Contest, kontes seo, Let's think Out of the box" />
</b:if>

Heading

Heading Tag (H1, H2, H3, H4, H5) sangatlah penting dalam SEO. Semua widgets blogger menggunakan title H2 tags. Untuk meningkatkan SEO, anda perlu menggunakan H1 tag untuk judul postingan. Sebagai contoh cari kode berikut,

<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

Contoh diatas menunjukkan bahawa templte tersebut menggunakan H3 tag untuk judul postingan. Atau jika anda tidak menenemukan kode diatas mungkin template anda menggunakan H2 tag untuk judul postingan. Gantilah H3 atau H2 dalam kode tersebut dengan H1. Sebagai contoh,

<b:if cond='data:post.title'>
<h1 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>

Jika anda ingin mengganti ukuran font title pada postingan anda,cukup tambahkan kode berikut sebelum ]]></b:skin>

h1.post-title, .post h1 #Blog1 h1, #Blog2 h1 { font-size:1.5em; }

Contoh diatas menggunakan ukuran font 1.5em. Anda bisa mengubahnya kalo anda rasa ukuran tersebut kurang besar.

Social Bookmarking

Menambahkan links social bookmarking bisa meningkatkan SEO. Sebagai contoh adalah menambahkan Sociable icons. Untuk tutorialnya anda bisa melihatnya di Membuat Social Bookmarking Buttons.

Breadcrumb

Anda bisa menambahkan breadcrumb untuk mempermudah navigasi bagi para pengunjung. Untu tutorialnya anad bisa melihat disini.

Related Posts

Sudah sangat banyak tutorial mengenai bagaimana membuat related posts. Kebanyakan menggunakan kode JSON javascript. Mungkin tutorial Membuat related post ini akan membantu anda.

Auto-Readmore Link

Auto-Readmore link tidak memiliki dampak langung terhadap SEO. Namun bisa meningkatkan user interfaces bagi visitors. Buat visitors anda enjoy dengan blog anda, sehingga traffic akan meningkat dan akhirnya SEO akan anda peroleh. Ada dua macam ReadMore hacks yaitu CSS dan Javascript. Anda bisa mendapatkan tutorialnya Auto readmore dan triks dari OOM.com mengenai cara pasang auto readmore untuk Javascript.

Sitemap

noreply@blogger.com (Daniel DPK) — Mon, 29 Jun 2009 06:24:00 +0000