Test Keyword Astaga.com Portal Lifestyle On The Net

Posted by Daniel DPK

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


READ MORE - Test Keyword Astaga.com Portal Lifestyle On The Net

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

Posted by Daniel DPK

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...
READ MORE - Astaga.com Portal Lifestyle On The Net Cek Posisi di SERP

Astaga.com Portal Lifestyle On The Net

Posted by Daniel DPK

Astaga.com Portal Lifestyle On The Net


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

Auto-Readmore Link untuk CSS

Posted by Daniel DPK

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(&#39;span&#39;);
var found = 0;
for (var i = 0; i &lt; spans.length; i++) {
if (spans[i].className == &#39;fullpost&#39;) {
spans[i].style.display = &#39;none&#39;;
found = 1;
}
if (spans[i].className == &#39;showlink&#39;) {
if (found == 0) {
spans[i].style.display = &#39;none&#39;;
}
}
}
}
</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;'/> <!-- clear for photos floats -->
</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(&quot;post-<data:post.id/>&quot;);
</script>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</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..
READ MORE - Auto-Readmore Link untuk CSS

Membuat Related Post

Posted by Daniel DPK

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&amp;callback=related_results_labels&amp;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"'>
<!-- only display title if it's non-empty -->
<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.
READ MORE - Membuat Related Post

Membuat Social Bookmarking Buttons

Posted by Daniel DPK

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 = &#39;<data:post.url/>&#39;;
</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='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + 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='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + 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='&quot;http://technorati.com/faves?add=&quot; + 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='&quot;http://twitthis.com/twit?url=&quot; + 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='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + 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.
READ MORE - Membuat Social Bookmarking Buttons

Panduan SEO untuk Blogger

Posted by Daniel DPK

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 == &quot;item&quot;'>
<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 == &quot;item&quot;'>
<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.

READ MORE - Panduan SEO untuk Blogger