Mempunyai blog merupakan aktifitas baru. Artinya kita yang dulunya tidak mempunyai kegiatan apa-apa kini kita mempunyai kegiatan baru. Bagi anda yang belum mempunyai blog, bisa anda mulai Cara Buat Blog Gratis 1, kemudian ini Cara Buat Blog Gratis 2.
Dalam hal ini, kita akan membahas caranya mengedit sebuah blog. Mengedit blog merupakan kegiatan yang sangat krusial, penting. Kenapa? Mengedit sama juga kita aktif dalam berblogging ria.
Mungkin kebanyakan dari anda pernah berpikiran seperti ini atau mempunyai pertanyaan seperti ini :
Setelah saya mempelajari bagai mana membuat blog, ternyata saya kesulitan dalam mengedit blog saya, terutama dalam edit HTML nya, , terus untuk menampilkan menu-menu yang disediakan itu bagaimana?? serta mengganti layout blog, sebelumnya pernah saya coba, mengganti layout dengan mengcopy kode HTML nya, tapi tidak masuk,,
sebelumnya terima kasih atas bantuannya. :)
Dalam hal ini, kita akan membahas caranya mengedit sebuah blog. Mengedit blog merupakan kegiatan yang sangat krusial, penting. Kenapa? Mengedit sama juga kita aktif dalam berblogging ria.
Mungkin kebanyakan dari anda pernah berpikiran seperti ini atau mempunyai pertanyaan seperti ini :
Setelah saya mempelajari bagai mana membuat blog, ternyata saya kesulitan dalam mengedit blog saya, terutama dalam edit HTML nya, , terus untuk menampilkan menu-menu yang disediakan itu bagaimana?? serta mengganti layout blog, sebelumnya pernah saya coba, mengganti layout dengan mengcopy kode HTML nya, tapi tidak masuk,,
sebelumnya terima kasih atas bantuannya. :)
Nah, tentu saja pertanyaan itu ada jawabannya.
Ada beberapa teknik yang dapat dilakukan untuk meng-edit html di weblog. Saya tidak tahu Anda menggunakan layanan mana? blogspot ataukah wordpress. Untuk blogspot (blogger.com) pada menu templates - edit HTML agar copy pasti code HTML berhasil Anda bisa mencobanya dengan memilih template klasik di bagian paling bawah, setelah itu Insya Allah code HTML yang anda copykan bisa berhasil. Untuk menampilkan aksesories lainnya sebaiknya Anda sedikit menggunakan beberapa trik HTML.
Kecuali menu terpasang yang sudah disediakan, itu akan lebih mudah.
Selamat Mencoba dan Ber-Blogging Ria.
Cara mengedit blogspot/blogger template agar SEO Friendly
Cara mengedit Blogspot agar SEO Friendly - Sepertinya juragan lagi tergila-gila buat belajar tentang SEO. Jadi kali ini postingnya juga masih tentang Tips SEO ( Search engine optimization ) * bener gak yah tulisannya :o hhe * . Postingan kali adalah kumpulan dari semua cara yang juragan ketahui tentang men-SEO-kan template blogger / blogspot kita. Jadi kalo ada yang kurang silahkan sobat-sobat blogger tambahkan ilmu yang sobat miliki melalui kolom komentar. Tutorial step by step mengedit template blogger / blogspot agar SEO Friendly ini adalah hanya salah satu cara untuk meningkatkan SERP ( apa itu SERP dapat sobat baca disini ). Nah dari pada sobat ketiduran ngedengerin ocehannya juragan yang gak jelas, lebih baik kita langsung membahas step by step Complete SEO Guide untuk blogger templates :
1. Page Title
Biasanya format page title dari blogger kan seperti ini : JUDUL BLOG : JUDUL POSTING, nah agar blog kita lebih disukai oleh google sehingga ujung-ujungnya blog kita jadi rame, kita harus merubah format page title standart itu menjadi seperti ini : JUDUL POSTING | JUDUL BLOG. Caranya cari kode berikut di EDIT HTML ( cara mudahnya di Mozilla tekan ctrl +f lalu copy paste kode dibawah ini):
1. Page Title
Biasanya format page title dari blogger kan seperti ini : JUDUL BLOG : JUDUL POSTING, nah agar blog kita lebih disukai oleh google sehingga ujung-ujungnya blog kita jadi rame, kita harus merubah format page title standart itu menjadi seperti ini : JUDUL POSTING | JUDUL BLOG. Caranya cari kode berikut di EDIT HTML ( cara mudahnya di Mozilla tekan ctrl +f lalu copy paste kode dibawah ini):
<title><data:blog.pageTitle/></title>
Kalo udah dapet kodenya hapus n ganti dengan 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 sobat juga bisa tambahin beberapa kata kunci ( keyword ) :
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/> | Kata kunci sobat | Kata kunci sobat </title>
</b:if>
Ganti kode "kata kunci" dengan keyword yang sobat incar. Setelah semua selesai jangan lupa di save template :)
2. Meta keyword dan deskripsi
Suatu mesin pencari seperti google sangat menyukai sebuah website / blog yang jelas tema dan isi content-nya. Jadi , sobat harus nambahin suatu tag yang namanya meta tag. Caranya adalah dengan menambahkan kode berikut ini sebelum kode <b:skin><![CDATA[/*
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta name="description" content="Deskripsi Blog anda" />
<meta name="keywords" content="Kata kunci , kata kunci, kata kunci, kata kunci , kata kunci" />
</b:if>
Lalu ? ya di save aja :)
3. memasang Breadcrumbs.
Breadcrumbs adalah menu navigasi yang ada diatas sebuah posting atau artikel. Contohnya bisa dilihat diblog-nya juragan ini. Cara pasangnya juga sudah banyak dibahas di blog-blog guru blogging. Silahkan sobat cari di google dengan kata kunci “ cara membuat menu breadcrumbs”.
4. memasang Related Post.
Related post sangat bagus untuk SEO maupun buat pengunjung. Jadi pasang related post di blog sobat. Caranya sudah banyak dibahas di blog-blog para guru blogging. Silahkan sobat cari di google dengan kata kunci “ cara membuat related post di blogger”.
5. Mematikan setting archive ( arsip )
Lho ? buat apa juragan ? begini nih, seperti yang juragan bilang tadikan kalo google sangat membenci dengan yang namanya duplicate content. Jadi ketika kita mengaktifkan opsi arsip, misalnya kejadiannya seperti ini :
sobat membuat sebuah blog di blogger.com. lalu membuat 3 posting, 1 buah setiap hari. Maka di halaman utama atau homepage sobat akan ada 3 posting dan sebuah link arsip seperti ini, http://BLOGSOBAT.blogspot.com/2007_03_01_archive.html, pada halaman arsip tersebut akan memunculkan 3 posting yang sama dengan yang di munculkan oleh homepage.
Intinya, 2 buah link yang menuju 2 halaman yang berbeda tapi memiliki isi konten yang sama. Bagi search engine apa lagi google ini adalah masalah serius. Oleh karena itu kita sebaiknya me-non-aktifkan opsi arsip, caranya : setelah login klik tab setting >> Archiving >> pada bagian Archiving frequency ubah menjadi no archive. >> selesai simpan setting.
Atau jika tidak ingin menonaktifkan fungsi arsip, silahkan letakkan kode berikut dibawah kode <head> :
<b:if cond='data:blog.pageType == "archive"'><meta content='noindex' name='robots'/></b:if>
6. 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 ( *jadi buat yang kerjanya Cuma bisa copas hati-hati nih sebelum didepak dari gugel..xixixi*). Cara nya di edit html tambahkan kode berikut setelah kode <head>
<link expr:href='data:blog.url' rel='canonical' />
Save template dan selesai
7. Tag Heading
Google sangat menyukai sebuah tulisan atau judul dengan tag H1. Oleh karena itu ubahlah ukuran judul posting sobat dengan tag H1. Caranya 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>
Kode yang dicetak tebal(warna orange) dihapus dan ubah dari h3(atau pada beberapa template menggunakan h2) menjadi h1. Setelah itu tambahkan kode berikut sebelum kode ]]></b:skin>
h1.post-title, .post h1 #Blog1 h1, #Blog2 h1 { font-size:1.5em; }
Nah, jadi Cuma segitu yang juragan tau tentang bagaimana men-edit blogger template kita biar jadi lebih SEO Friendly. Silahkan dicoba :) , oia ampir lupa, lebih bagus lagi jika blog sobat dipasang read more nya. Tapi tidak juragan bahas karena rata-rata blogger sudah memasang read more-nya. Hmm, yang masih kurang ngerti silahkan Tanya melalui kolom komentar. Terima kasih sebelum dan sesudahnya. :)
Related Search : cara mengedit blog, cara mengedit blogspot, cara mengedit blogspot supaya seo, edit template seo
Kode yang dicetak tebal(warna orange) dihapus dan ubah dari h3(atau pada beberapa template menggunakan h2) menjadi h1. Setelah itu tambahkan kode berikut sebelum kode ]]></b:skin>
h1.post-title, .post h1 #Blog1 h1, #Blog2 h1 { font-size:1.5em; }
Nah, jadi Cuma segitu yang juragan tau tentang bagaimana men-edit blogger template kita biar jadi lebih SEO Friendly. Silahkan dicoba :) , oia ampir lupa, lebih bagus lagi jika blog sobat dipasang read more nya. Tapi tidak juragan bahas karena rata-rata blogger sudah memasang read more-nya. Hmm, yang masih kurang ngerti silahkan Tanya melalui kolom komentar. Terima kasih sebelum dan sesudahnya. :)
Related Search : cara mengedit blog, cara mengedit blogspot, cara mengedit blogspot supaya seo, edit template seo
Ok kita lanjut bagi yang belum paham, untuk cara mudah mengubah, menambah dan menghapus label pada postingan caranya yaitu
- Login ke blogger dengan menggunakan account sobat,
- Pilih Edit Entri
- Pada halaman edit entri perhatikan di sebelah kiri ada list dari seluruh label postingan, klik label yang ingin di hapus
- Pilih pilihan Pilih : Semua di samping combobox Aksi Label
- Kemudian kalau sudah, cari label yang ingin di hapus pada pilihan hapus label sedangkan untuk menambahkan label yah pilih tambah label, pilihan ini berada di paling bawah combobox Aksi Label dengan mengklik combobox Aksi Label tersebut terlebih dahulu kemudian dari pilihan yang ada cari paling bawah biar gampang gunakan scroll ruler mouse sobat.
CARA MENGGANTI TEMPLATE BLOGSPOT
Mengganti template blogspot sebenarnya tidaklah terlalu sulit, seperti contoh template situs pondok belajar web ini, adalah hasil penggantian template gratis untuk blogspot yang banyak terdapat di internet. Namun jika Anda belum punya template sendiri, Anda bisa mencari template lainnya dikotak pencarian google dipojok kanan atas blog ini ketik kata kunci “template” atau “template gratis”, atau Anda bisa mencoba koleksi template gratis di samping kiri blog ini. Ada banyak pilihan template yang Anda suka sesuai dengan tema blog Anda.Ok, langsung saja kita mulai, Caranya adalah sbb:
1. Anda berada di Dasbor, pilih situs Anda.
2. Pilih Tata Letak.
3. Pilih Edit HTML.
4. Pilih Telusuri (cari template yang sudah Anda simpan di file komputer anda)
5. Klik Upload/Unggah (jika pilihan template di komputer Anda sudah ketemu)
6. Selesai deh, selanjutnya tampak sbb: “Perubahan Anda telah disimpan. Lihat Blog” ini artinya blog sudah berhasil dirubah.
7. Untuk melihat hasil perubahan blog Anda, Anda bisa gunakan “preview atau pratinjau”, jika blog Anda sudah sesuai yang Anda inginkan, lakukan “simpan atau save” untuk memastikan blog sudah ok.
Nah, tidak sulitkan? selanjutnya Anda tinggal mengembangkan sendiri template tersebut supaya lebih menarik dan cantik, enak dilihat. goodluck semoga sukses…!!!
Anda bisa lihat contoh gambar dibawah ini :
1. Template dari blogspot sebelum diganti :
2. Template pilihan saya yang telah diganti/dirubah :
CARA MEMBUAT RELATED POST/POSTING
Oke, langsung saja ke tutorialnya berikut ini:
1. Login ke blog anda
2. Masuk menu 'Layout-->Edit HTML'
3. Centang kotak 'Expand Widgets Template'
4. Cari kode ini <data:post.body/>
5. Letakkan script berikut ini di bawah kode <data:post.body/> tadi.
<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<div class='widget-content'>
<h3>Related Post</h3>
<div id='data2007'/><br/><br/>
<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('data2007').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>
6. Simpan. Selesai.
Anda bisa mengganti tulisan 'Related Post' dengan kalimat lain misalnya 'posting terkait', 'artikel terkait', dll. Kalau di blog saya tulisannya 'Baca juga postingan di bawah ini'
Selamat mencoba.
1. Login ke blog anda
2. Masuk menu 'Layout-->Edit HTML'
3. Centang kotak 'Expand Widgets Template'
4. Cari kode ini <data:post.body/>
5. Letakkan script berikut ini di bawah kode <data:post.body/> tadi.
<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<div class='widget-content'>
<h3>Related Post</h3>
<div id='data2007'/><br/><br/>
<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('data2007').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>
6. Simpan. Selesai.
Anda bisa mengganti tulisan 'Related Post' dengan kalimat lain misalnya 'posting terkait', 'artikel terkait', dll. Kalau di blog saya tulisannya 'Baca juga postingan di bawah ini'
Selamat mencoba.
EDIT TEMPLATE BLOGGER
Template adalah sebuah desain pada suatu blog/wed untuk mempercantik blog atau web tersebut.
Blogger.com sendiri telah menyediakan berbagai template tersebut, akan tetapi semua serba standard dan template tersebut telah digunakan oleh banyak pengguna.
Jika anda ingin merubah template anda dengan template baru itu sangat gambang.berikut uraiannya.
Cara mengganti template blogger:
1. cari template gratis(kalau anda suka yang gratisan) dengan menggunakan search engine (mesin pencari, seperti: google.com, yahoo.com, altavista.com, dll.
2. masuk ke situs hasil pencarian search engine tersebut.terus pilih deh template yang kamu sukai.
3. Copy kode html template tersebut.
4. Buka account blogger anda (jika anda belum membuklanya).
5. Klik Tata Letak (layout).hingga muncul jendela baru.
6. Klik tab Edit HTML.
7. Hapus semua HTML yang ada pada kotak HTML. Terus paste disitu kode HTML yang telah kamu copy tadi.
8. Klik tombol Simpan template.
9. Selesai dech.sekarang kamu bias lihat sendiri hasilnya dengan meng-klik link Lihat Blog
Selamat mencoba
Memasang gadget google search box
Bagaimana dengan Gadget google search box, nah, ini yang sangat penting menurut saya. Gadget search box membantu pengunjung mencari artikel tertentu yang ada di blog ini, artikel di blog dan website yang saya buat link nya di blog ini, dan artikel yang ada di website lain diluar keduanya. Terkadang kita ingin mencari artikel tertentu dengan mengetik kata kunci tertentu di search box, tanpa harus mengunjungi langsung blognya, gadget search box dapat diandalkan untuk tujuan tersebut.
Mungkin anda jarang memanfaatkan gadget search box yang biasanya tampil di sudut kanan atas blog atau website. Bila blog anda memiliki daftar blog teman yang tukaran link dengan blog anda, maka sebaiknya anda memasang search box.
Meskipun sangat bermanfaat, memasang search box di blog sangat mudah. Anda login ke blogger.com dan setelah berada di Dashboard anda klik Design, page elements, lalu klik Add a gadget. Pilih gadget search box dan letakkan di blog anda pada posisi yang anda sukai.Template asli blog ini sebenarnya telah menyediakan form pencari artikel yang ada di sudut kanan atas, namun form tersebut hanya bisa menampilkan hasil pencarian artikel yang ditulis di blog ini, tidak dari blog teman yang di link dari sini, karena itu saya lebih memilih menggunakan google search box.
Itulah makanya saya sangat kecewa karena gadget search box tidak bisa tampil pada blog ini, padahal saya sudah memeriksa baris demi baris html blog, dan saya tidak menemukan listing kode yang salah. Meskipun pada hasil preview, gadget search box dapat ditampilkan, gadget search box tidak bisa ditampilkan ketika saya view blog ini.
Karena itulah form pencarian yang telah disediakan pada template asli blog ini, saya gunakan kembali.
Itulah makanya saya sangat kecewa karena gadget search box tidak bisa tampil pada blog ini, padahal saya sudah memeriksa baris demi baris html blog, dan saya tidak menemukan listing kode yang salah. Meskipun pada hasil preview, gadget search box dapat ditampilkan, gadget search box tidak bisa ditampilkan ketika saya view blog ini.
Karena itulah form pencarian yang telah disediakan pada template asli blog ini, saya gunakan kembali.
Marquee adalah tulisan berjalan bisa di masukan sebagai widget ke dalam halaman blog sebagai hiasan, bisa pula di masukan ke dalam halaman posting caranya mudah cukup ketikan kode <marquee> TEKS YANG DI INGINKAN </marquee> selengkapnya lihat di blog nya bang Fais cWaKep ya....di sana ada banyak sekali model marquee
Membuat Teks berkedip (blink) :
<blink> TEKS YANG DI INGINKAN </blink>
Membuat teks bergaris :
<s>TEKS YANG DI INGINKAN </s>
Membuat link menjadi blink :
lain lagi kalau kita ingin membuat link menjadi berkedip caranya cukup mengkopy paste kode di bawah ini sebelum kode </head> berikut kodenya :
<style>
a:hover { color:#e1771e; text-decoration:blink; border-bottom:1px dotted #940f04; }
</style>
yang di cetak merah adalah kode warna...bisa di sesuaikan dengan selera masing-masing.
<style>
a:hover { color:#e1771e; text-decoration:blink; border-bottom:1px dotted #940f04; }
</style>
yang di cetak merah adalah kode warna...bisa di sesuaikan dengan selera masing-masing.
Mengganti kursor :
Masukan kode cursor: url("http://www.url image.com/imagecursor.ani"), default sebelum kode body {ganti bagian yang di cetak merah menjadi url kursor kamu.....kursor bisa di dapat di mySpace, free cursor, friendster layout dll....bisa juga dengan membuat kursor sendiri dan upload ke webhost (ukuran image sekitar 5 x 10 px)
Tidak ada komentar:
Posting Komentar