Mungkin semuanya sudah tahu apa fungsi dari meta tag. Pada artikel sebelumnya saya sudah menjelaskan cara memasukkan meta tag ke ddalam blogger. Namun kali ini kita akan mencoba memasukkan meta tag yang lebih seo friendly.
Caranya tidak jauh berbeda, hanya pada penambahan meta tag sekunder.
1. Masuk ke Edit HTML.
2. Cari kode <head>
3. Letakkan kode dibawah ini tepat setelah kode tadi.
<b:if cond='data:blog.pageType != "item"'>
<meta content='Isi dengan deskripsi blog' name='description'/>
</b:if>
<meta content='Isi dengan kata kunci blog' name='keywords'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='blogger' name='generator'/>
<meta content='noodp' name='robots'/>
<meta content='Isi dengan nama author' name='author'/>
<meta content='Isi dengan pemilik copyright' name='copyright'/>
<meta content='index, follow' name='robots'/>
<meta content='id' name='language'/>
<meta content='id' name='geo.country'/>
<meta content='global' name='distribution'/>
<meta content='1 days' name='revisit-after'/>
<meta content='Indonesia' name='geo.placename'/>
4. Huruf yang di cetak tebal ganti sesuai keinginan anda.
5.Simpan pekerjaan anda.
continue...
2009-09-20
2009-09-19
Membuat Breadcumbs atau BlogMap
Langsung ke TKP
1. Masuk Edit HTML dan Centang Expand Widget Template. Jangan lupa backup template!
2. Cari kode ini ]]></b:skin>
3. Copykan kode dibawah ini tepat sebelum kode di atas.
.breadcrumbs{
float:left;
width:590px;
font-size:11px;
border-bottom:double #eaeaea;
margin:0 0 20px;
padding:0 0 3px
}
4. Cari kode dibawah ini :
<b:includable id='main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<data:adStart/>
5. Nonaktifkan status message tsb dengan menambahkan <!-- di depan dan --> dibelakangnya.
6. Maka akan menjadi seperti ini:
<!-- <b:include data='top' name='status-message'/> -->
7. Tambahkan kode breadcumbs dibawah status message tadi. Hasilnya akan seperti ini:
><!-- <b:include data='top' name='status-message'/> -->
<b:include data='posts' name='breadcrumb'/>
8. Cari kode di bawah ini:
<b:includable id='main' var='top'>
9. Masukkan kode Breadcumbs dibawah ini tepat diatas kode yang tadi.
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumbs'>
Browse » <a expr:href='data:blog.homepageUrl' rel='tag'>Beranda</a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'> »
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
</b:loop>
» <span><data:post.title/></span>
</b:if>
</b:loop>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<div class='breadcrumbs'>
Browse » <a expr:href='data:blog.homepageUrl'>Beranda</a> » Arsip untuk <data:blog.pageName/>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == ""'>
Browse » <a expr:href='data:blog.homepageUrl'>Beranda</a> » Seluruh Artikel
<b:else/>
Browse » <a expr:href='data:blog.homepageUrl'>Beranda</a> » Artikel Pada Kategori <data:blog.pageName/>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
10. Simpan dan lihat hasilnya.
Selamat Mencoba! continue...
Memasang Artikel Terkait Versi Standard dan Simpel
Semuanya udah pada tau kan fungsi dari Artikel terkait atau Related Post? Nah,tanpa basa-basi lagi sesuai judulnya "simpel" maka langsung aja kita ke TKP. Okee?? Kemon!!!
1. Masuk ke Edit HTML
2. Centang Expand Widget Template.
3. Cari kode <data:post.body/>
4. Copy kan kode di bawah ini tepat di atas kode yang tadi.
5. Jika kode <data:post.body/> ada dua buah maka pilih lah yang kedua atau yanga bawah.
6. Simpan dan Lihat hasilnya dengan membuka salah satu postingan anda yang sudah di beri label.
Selamat Mencoba..!!! continue...
1. Masuk ke Edit HTML
2. Centang Expand Widget Template.
3. Cari kode <data:post.body/>
4. Copy kan kode di bawah ini tepat di atas kode yang tadi.
<b:if cond='data:blog.pageType == "item"'>
<H2>Artikel Terkait:</H2>
<div class='rbbox'>
<div style='margin:0; padding:10px;overflow:auto'>
<div id='aditku'/>
<script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
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 < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('aditku').appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
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 = "<data:label.name/>";
var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
</div>
</b:if>
<H2>Artikel Terkait:</H2>
<div class='rbbox'>
<div style='margin:0; padding:10px;overflow:auto'>
<div id='aditku'/>
<script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
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 < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('aditku').appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
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 = "<data:label.name/>";
var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
</div>
</b:if>
5. Jika kode <data:post.body/> ada dua buah maka pilih lah yang kedua atau yanga bawah.
6. Simpan dan Lihat hasilnya dengan membuka salah satu postingan anda yang sudah di beri label.
Selamat Mencoba..!!! continue...
2009-08-20
Memasang avatar profil di form komentar blogger
Sebelumnya kita sudah tahu layanan avatar dari mybloglog (MBL). Dan baru-baru ini blogger.com memunculkan fasilitas avatarnya, namun untuk menampilkan avatar tersebut kita harus mengupload foto kita saat ingin berkomentar. Sangat tidak praktis bukan?
Nah, untuk mengatasinya masalah tersebut, inilah solusinya
1.Masuk ke Layout - Edit HTML
2. Cari kode ini <dl id='comments-block'>
3. Kalau sudah ketemu ganti dengan kode ini
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
4. Lalu cari kode ini
5. Tambahkan kode dibawah ini tepat setelah kode yang tadi
continue...
Nah, untuk mengatasinya masalah tersebut, inilah solusinya
1.Masuk ke Layout - Edit HTML
2. Cari kode ini <dl id='comments-block'>
3. Kalau sudah ketemu ganti dengan kode ini
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
4. Lalu cari kode ini
5. Tambahkan kode dibawah ini tepat setelah kode yang tadi
<b:if cond='data:blog.enabledCommentProfileImages'><br><data:comment.authorAvatarImage/><br></b:if>
continue...


