Minggu, 30 Desember 2012

Membuat Related Post Blogspot

cara membuat related post :

Login ke blog anda.
Pada halaman Dasbor pilih RANCANGAN.
Di halaman Rancangan Pilih EDIT HTML.
Checlist terlebih dahulu pada Expand Template Wdget.
Cari kode ]]></b:skin> (Ctrl + F untuk mempercepat pencarian).
Copy kode di bawah ini, kemudian pastekan diatas kode ]]></b:skin>

.rbbox{border: 1px solid rgb(192, 192, 192);padding: 5px;
background-color: #f0f0f0;-moz-border-radius:5px; margin:5px;}
.rbbox:hover{background-color: rgb(255, 255, 255);}

selanjut nya cari kode <data:post.body/> . Lalu copy dan pastekan kode dibawah ini tepat dibawah <data:post.body/> .

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<H2>Related Post:</H2>
<div class='rbbox'>
<div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
<div id='albri'/>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 50;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;albri&#39;).appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;
var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
<script type='text/javascript'>RelPost();</script>
</div>
</b:if>

simpan deh .. heheh ^_^

Label: , , ,

Cara Membuat Breadcrumbs

Login di Blogger
Pilih Template
Pilih Edit HTML (back up template dulu untuk menghindari kesalahan)
Centang Expand Widget Templates
Kalau sebelumnya anda sudah memasang breadcrumbs silahkan dihapus dulu kode breadcrumb yang lama
Kemudian cari kode ]]></b:skin>
Copy kode di bawah ini dan paste tepat di atas kode ]]></b:skin>

.breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:85%; line-height: 1.4em; border-bottom:3px double #e6e4e3;}

Kemudian cari kode <b:includable id='main' var='top'> gunakanlah CTRL+F untuk mempermudah pencarian
Ganti kode <b:includable id='main' var='top'> dengan kode yang dibawah ini

<b:includable id='breadcrumb' var='posts'><b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>
<b:loop values='data:post.labels' var='label'>
&#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:loop>
&#187; <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>

simpan template :) selesai deh hehe

Label: , , ,

Membuat Blog SEO Friendly dengan Easy way

Membuat Blog SEO Friendly dengan Easy way

1. Membuat Blog SEO Friendly dengan Merubah Page Title
Format page title default dari blogger kan seperti ini “judul BLOG : judul POSTING”, nah supaya blog kita lebih disukai oleh search, kita harus merrubah format page title standar itu menjadi seperti ini “title POSTING | title BLOG”. Berikut langkah-langkah :

Masuk ke dashboard blog anda
Masuk ke rancangan lalu pilih Edit html
Cari kode berikut :

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


(Cara Easy way mencari kata/kalimat di web browser tinggal tekan ctrl + f lalu ketik/pastekan kata/kalimatnya lalu tekan enter)

Kalau sudah ketemu kodenya, ganti sama kode berikut ini :

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


Atau anda juga bisa nambahin beberapa kata kunci ( keyword ) seperti ini :

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

Kalau sudah jangan lupa disimpan templatenya.

2. Membuat Blog SEO Friendly dengan Menambahkan Meta Tag
Mesin pencari sangat menyukai web/blog yang jelas tema dan isi content-nya. Jadi, anda harus nambahin suatu tag yang namanya meta tag. Berikut langkah-langkahnya :

Masuk ke dashboard blog anda
Masuk ke rancangan lalu pilih Edit html
Cari kode berikut :

<b:skin><![CDATA[/*

Copy-kan kode berikut ini di atas kode tersebut (<b:skin><![CDATA[/*) :

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='text/html; charset=utf-8' http-equiv='Content-Type'/>
<meta name='Author' content='Nama anda'/>
<meta name='description' content='Deskripsi singkat tentang blog anda'/>
<meta name='keywords' content='keyword1, keyword2, keyword3, dst'/>
<meta name='language' content='id'/>
<meta name='geo.position' content='-5;120'/>
<meta name='geo.country' content='id' />
</b:if>

lalu simpan templatenya

3. Membuat Blog SEO Friendly dengan Memasang Breadcrumbs
Breadcrumb adalah sebaris tautan internal pada bagian atas atau bawah laman yang memungkinkan pengunjung untuk menavigasi balik ke bagian sebelumnya atau ke laman dasar dengan cepat. Breadcumbs ini sangat disukai oleh search engine, sehingga apabila blog kita memiliki breadcumbs dapat menambah nilai SEO pada blog kita. Di mesin pencarian (SERP) url yang ditampilkan adalah kategori dari postingan sehingga blog anda bisa bersaing untuk mendapatkan posisi top di google SERP.
4. Membuat Blog SEO Friendly dengan Memasang Related Post
Related post sangat bagus untuk SEO dan disukai para pengunjung. Setelah membaca suatu artikel pengunjung tidak akan lari ke blog lain dan biasanya akan tertarik untuk melihat-lihat related post yang ada di blog anda.
5. Membuat Blog SEO Friendly dengan Mematikan setting archive ( arsip )
Search engine sangat membenci yang namanya duplicate archive. Jika anda mengaktifkan opsi arsip, akan ada 2 buah link yang menuju 2 halaman yang berbeda (Halaman utama dan halaman artikel sendiri) tapi memiliki isi konten yang sama. Bagi search engine ini adalah masalah serius. Oleh karena itu kita sebaiknya me-non-aktifkan opsi arsip. Caranya adalah sebagai berikut :

Masuk ke dashboard blog anda
Masuk ke Setting lalu pilih Archiving
Pada bagian Archiving Frequency rubah menjadi no archive


Atau jika anda tidak ingin menonaktifkan fungsi arsip, silahkan masuk ke rancangan lalu pilih edit html dan letakkan kode berikut dibawah kode <head> :

<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<meta content='noindex' name='robots'/></b:if>

6. Membuat Blog SEO Friendly dengan Menambahkan kode ‘rel=canonical’
Gunanya kita menambahkan ‘rel=canonical’ adalah untuk menghindari konten ganda, karena seperti para master of SEO bilang bahwa google sangat tidak dapat mentolerir sebuah duplicate content (Buat yang kerjanya cuma bisa copas hati-hati nih sebelum didepak dari google). Silahkan masuk ke rancangan lalu pilih edit html dan letakkan kode berikut dibawah kode <head> :

<link expr:href='data:blog.url' rel='canonical' />

7. Membuat Blog SEO Friendly dengan Tag Heading
Google sangat menyukai sebuah tulisan atau title dengan tag H1. Oleh karena itu rubahlah ukuran title posting anda dengan tag H1. silahkan masuk ke rancangan lalu pilih edit html lalu cari kode seperti berikut ini :

 <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>


rubah kode yang berwarna merah dari h3 atau h2 pada beberapa template menjadi h1. Setelah itu tambahkan kode berikut sebelum kode ]]></b:skin>

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

Sekian saja ya beberapa tips dari saya untuk membuat blog menjadi lebih SEO Friendly,
kurang lebihnya saya minta maaf yang sebesar-besanya.
Sebenarnya masih banyak tips dan trik untuk membuat blog menjadi SEO Friendly,
mungkin akan saya update beberapa hari kedepan.

Wassalamm

Label: ,

SEO 212

Perkenalkan nama saya lisa, saya masih sekolah dan ingin belajar tentang SEO, siapapun yang bisa mengajari saya tentang SEO, saya sangat mengharapkan itu dan menghargai itu.

karena keterbatasan waktu saya karena masih di SMK saya inging belajar SEO online, bagusnya sih belajar SEO yang free, hehe ^_^ soalnya aku masih sekolah dan gak punya uang extra untuk kursus SEO.

Siapapun anda yang berkenan untuk mengajari saya tentang SEO, saya akan nganggap sodara deh (ngerayu heheh :) )
sekian dan terima kasih :)

Label: