Download Templates

Cara Membuat Form Berlangganan

2011-07-04T06:48:00.000-07:00

SEO Blogspot - Form berlangganan dapat membantu pengunjung untuk tetap mengetahui posting terbaru dari blog Anda. Disini Admin ingin berbagi tips bagaimana Membuat Form Berlanggan seperti yang Ada diblog ini.. Caranya sangat mudah, kamu hanya mengikuti langkah-langkah berikut :

Cara membuat form berlangganan :

Login ke blogger
Klik Design > Add Gadget
Copy Paste kode berikut

<form action="http://feedburner.google.com/fb/a/mailverify" style="border:1px solid #dedede;padding:3px;text-align:left; background: #ffffff url('http://3.bp.blogspot.com/_C6KkooKXCEw/SdzycInYPWI/AAAAAAAAEIQ/-wCtpr_KsfM/s400/feedreader_2.jpg') no-repeat right" target="popupwindow" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=namafeedburnerkamu', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input value="en_US" name="loc" type="hidden" /><input value="namafeedburnerkamu" name="uri" type="hidden" />
<p style="text-align: left"><b><a href="url feedburner kamu" target="_blank" rel="nofollow"><img border="0" style="margin: 0pt 5px 5px 0pt; float: left; cursor: pointer;" alt="Feed" width="16" src="http://1.bp.blogspot.com/_C6KkooKXCEw/TIBf3E-mUfI/AAAAAAAAGwM/EoxAFDlcdr4/s200/feed-c.png" height="16" />Gratis berlangganan artikel via RSS FEED</a></b><br />
<b><a href="http://kangamphi.blogspot.com/2011/06/apa-itu-rss-feed.html"><img border="0" style="margin: 0pt 5px 5px 0pt; float: left; cursor: pointer;" alt="feed Info" width="16" src="http://4.bp.blogspot.com/_C6KkooKXCEw/SJGp_w0ZS1I/AAAAAAAACFo/2cuGcYjSin4/s400/feedquestion.gif" height="16" />Apa itu RSS FEED?</a></b></p><p><font color="#000000">Atau, anda bisa berlangganan FEED via email:</font></p>

<table border="0" cellpadding="0" cellspacing="0" style="margin-bottom:3px;" width="317">
<tr>
<td width="222">
  
<input onblur="if (this.value == "") {this.value = "Tulis email anda disini";}" onfocus="if (this.value == "Tulis email anda disini") {this.value = ""}" style="width:200px" class="feedinput" value="Tulis email anda disini" name="email" size="20" type="text" /></td>
<td valign="top" width="95" align="right">
<input id="imageField" width="82" src="http://2.bp.blogspot.com/_C6KkooKXCEw/TICkhW8aXjI/AAAAAAAAGz0/pfMYYIZEvSQ/s200/subscribe-zoom-c.png" name="I2" height="24" type="image" align="left" /></td>
</tr>
</table>
<p><a href="url feedburner kamu"><img src="http://feeds.feedburner.com/~fc/kangamphi?bg=99CCFF&fg=444444&anim=1&label=listeners" height="26" width="88" style="border:0" alt="berlangganan" /></a></p>
</form>
Jangan lupa ganti tulisan yang berwarna merah ya. :)

Cara Membuat Widget Related Post Di Sidebar

2011-07-04T06:35:00.000-07:00

SEO Blogspot - Related post atau biasa disebut posting terkait / artikel terkait selain sebagia navigasi juga memudahkan pengunjung untuk menjelajah blog Anda. Selian itu pula search engine juga menyukai blog yang memiliki related post.

Disini admin ingin berbagi tips mengenai Cara Membuat Widget Related Post Di Sidebar seperti widget "artikel terkait lainnya" seperti yang ada di blog ini. ( lihat widget "Artikel terkait lainnya" disamping >> )

Cara Membuat Widget Related Post Di Sidebar adalah :

Langkah pertama

Login ke blogger > Design > Edit HTML
Letakkan kode dibawah ini di atas kode </head>

<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>
Kemudian klik Save

Langkah kedua

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>
Jika sudah ketemu ganti 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>
Simpan Template

Langkah ketiga

Klik Design > Page elements
Klik Add Gadget
Klik HTML/Javascript
Ketik "Aritkel Terkait Lainnya" di bagian judul
Selanjutnya Copy Paste kode dibawah ini

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

Langkah keempat

Klik Design > Edit HTML
Centang Expand Widget Template
Cari judul widget yang telah dibuat pada langkah ketiga. Caranya tekan CTRL + F dan ketik "artikel terkait lainnya"
Setelah ketemu tambahkan kode warna merah diatara kode berikut :

<b:widget id='HTML13' locked='false' title='Artikel Terkait Lainnya' 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>

Catatan : Pada kode diatas ID widget adalah HTML13, ini mungkin tidak sama dengan ID widget Anda, jadi abaikan saja (jangan diganti)

Membuat Meta Dynamic supaya SEO Friendly

2011-07-04T05:41:00.000-07:00

SEO Blogspot - Salah satu kekurangan blogspot adalah tidak adanya custom description dan keyword seperti di Wordpress. Sehingga setiap posting yang kamu buat tidak mempunyai meta description dan meta keyword. Hal ini tentu mengurangi nilai SEO blog kamu. Meta description dan keyword hanya tersedia untuk homepage saja, tetapi tidak untuk disetiap halaman posting.

Nah agar setiap halaman posting di blogspot kamu memiliki meta description dan meta keyword, ikuti langkah-langkah berikut:

Login ke blogger
Klik Design > Edit HTML
Cari kode <title><data:blog.pageTitle/></title>
Copas script dibawah ini tepat dibawah kode <title><data:blog.pageTitle/></title>

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

<meta content='index,follow' name='robots'/>
<meta content='en' name='language'/>

<b:if cond='data:blog.pageType != "item"'>
<meta content='deskirpsi blog kamu' name='description'/>
<meta content='keyword1, keyword2, keyword3' name='keywords'/>
<b:else/>
<meta expr:content='data:blog.pageName + ", deskripsi blog"' name='description'/>
<meta expr:content='data:blog.pageName + ", keyword1, Keyword2, keyword3"' name='keywords'/>
</b:if>

Catatan : ganti kode yang berwarna merah dengan descripsi dan keyword blog kamu. Gampang bukan??