Cara Memberi alt tag pada gambar di Blogspot biasanya di lakukan secara manual. alt tag pada gambar menurut suhu2 dan mastah2 SEO penting dan dapat mengoptimalkan SEO blog kita. So pasti tidak adasalahnya bila di praktekan, diantara kalian pasti juga banyak yang belom tahu, tapi tenang aja berikut saya kasih caranya.
1. Pertama kita upload sebuah gambar ke postingan,sebagai contoh saya akan mengupload gambar berikut.
alt tag gambar,pasang alt tag,optimalisasi alt tag,image tagging
2.setelah di upload,ketika menulis posting pilih edit html lalu tambahkan alt tag bersama keyword-keywordnya.tepatnya formatnya sebagai berikut.
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNp3xbn9MRH0W-YR0cDj190lpWDI837VvPA1m1aADDxlGyKbdN8-2jSZKXnDU_zM_EqdmDM3412-_hRj1zt5vEIf09ZAinLKl1T96joIGQKeLXQxgeNqSRiqdD4-Y5wzIT8cmG5Ki1h7A/s1600/alttag.jpeg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="alt tag gambar,pasang alt tag,optimalisasi alt tag,image tagging" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNp3xbn9MRH0W-YR0cDj190lpWDI837VvPA1m1aADDxlGyKbdN8-2jSZKXnDU_zM_EqdmDM3412-_hRj1zt5vEIf09ZAinLKl1T96joIGQKeLXQxgeNqSRiqdD4-Y5wzIT8cmG5Ki1h7A/s320/alttag.jpeg" /></a></div>
3. Pada tulisan yang berwarna merah adalah contoh alt tag pada gambar yang saya upload diatas
4. selamat mencoba, semoga berhasil dan dapat lebih mengoptimalkan Blog sobat.
Panduan Lengkap Belajar Ilmu Komputer Internet Teknologi Informasi Tips Trik Tutorial serta berbagai Artikel Top Populer.
Tuesday, December 6, 2011
Sunday, November 27, 2011
Cara Menampilkan Google Map di Blog
Cara Menampilkan Google Map di Blog - Keberadaan google map sangat penting, karena kita pasti akan tau letak suatu tempat lokasi, dan pastinya seumpama blog anda posting suatu tempat akan lebih bagusnya disertai letak lokasi tersebut. Maka kali ini ilmu komputer akan membagikan Cara Menampilkan Google Map di Blog pada suatu postingan.
Contoh lokasi yang menggunakan goole map :
Letak Bandara Airport Ngurah Rai
Contoh lokasi yang menggunakan goole map :
Letak Bandara Airport Ngurah Rai
Saturday, November 12, 2011
Repair Windows 7 Tanpa CD (Part 1)
Repair Windows 7 Tanpa CD (Part 1) yaitu tentang “CARA MEMPERBAIKI/REPAIR installasi Windows 7 tanpa CD Boot”, Sobat, kali ini saya mencoba berbagi tentang artikel yang dimaksud.
Pertama, bisa menggunakan “System Recover”
Kedua, bisa menggunakan cara yang saya akan ulas berikut ini :
1. Masuk Ke Menu Start - Control Panel
2.di Menu System and Security, pilih Backup your Computer
3. Pilih Create a System Image
4. Pilih On a Hardisk, kemudian Pilih Partisi lokasi penyimpanan Image yang dimaksud
5. Klik Next, kemudian ketika muncul Pertanyaan ” Which drives do you want to include in the Backup”, Pilih Partisi tempat System Operasi anda di Install, jangan lupa centangkan / tandai juga “Partisi System Reserved (System)
6. Klik Next, kemudian ketika dialog konfirmasi muncul, klik tombol Start Backup
7. System Backup akan berjalan untuk beberapa waktu… tunggu sampai muncul pesan “The backup completed successfully”. dan pesan “Do you want to create a system repair disk?”…
8. Pilih Yes jika ingin membuat CD Repair, dan No jika tidak…
9. Buka Explorer Anda, pilih partisi tempat anda menyimpan System Image nya.. Akan terlihat Folder Baru seperti Berikut :
Sekarang Anda sudah punya System Repair yang anda bisa gunakan untuk repair Windows7 anda tanpa memerlukan CD Booting.
Silahkan dicoba..
Semoga Sukses
To be continud...
Pertama, bisa menggunakan “System Recover”
Kedua, bisa menggunakan cara yang saya akan ulas berikut ini :
1. Masuk Ke Menu Start - Control Panel
2.di Menu System and Security, pilih Backup your Computer
3. Pilih Create a System Image
4. Pilih On a Hardisk, kemudian Pilih Partisi lokasi penyimpanan Image yang dimaksud
5. Klik Next, kemudian ketika muncul Pertanyaan ” Which drives do you want to include in the Backup”, Pilih Partisi tempat System Operasi anda di Install, jangan lupa centangkan / tandai juga “Partisi System Reserved (System)
6. Klik Next, kemudian ketika dialog konfirmasi muncul, klik tombol Start Backup
7. System Backup akan berjalan untuk beberapa waktu… tunggu sampai muncul pesan “The backup completed successfully”. dan pesan “Do you want to create a system repair disk?”…
8. Pilih Yes jika ingin membuat CD Repair, dan No jika tidak…
9. Buka Explorer Anda, pilih partisi tempat anda menyimpan System Image nya.. Akan terlihat Folder Baru seperti Berikut :
Sekarang Anda sudah punya System Repair yang anda bisa gunakan untuk repair Windows7 anda tanpa memerlukan CD Booting.
Silahkan dicoba..
Semoga Sukses
To be continud...
Tuesday, November 8, 2011
Langkah Membuat artikel terkait dibawah posting Blogspot
Kali ini kita akan belajar membuat related post atau artikel terkait yang di letakan pada bagian bawah halaman blog kita di blogspot.
Sebenarnya penempatan artikel terkait atau related post sama saja baik di bagian bawah halaman maupun di bagian side bar blog. Hal ini tergantung selera Anda mana yang lebih bagus kelihatannya.
Baiklah, sekarang langsung saja ikuti panduan dan tutorial cara membuat related post atau artikel terkait di bawah halaman posting berikut ini:
1. Login menggunakan Username dan Password google account atau gmail Anda di blogger.com
2. Dari halaman dasbor/dashboard, pilih dan klik Design atau Rancangan.
3. Klik Edit HTML dan tandai Expand Widget Template (sebaiknya download dulu template Anda sebagai backup)
4. Cari kode ini
<data:post.body/>
5. Letakkan script code berikut ini di bawah kode diatas (lihat kode di nomor 4):
<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. Save Template, lihat hasilnya.
Selamat mencoba dan semoga berhasil.
Sebenarnya penempatan artikel terkait atau related post sama saja baik di bagian bawah halaman maupun di bagian side bar blog. Hal ini tergantung selera Anda mana yang lebih bagus kelihatannya.
Baiklah, sekarang langsung saja ikuti panduan dan tutorial cara membuat related post atau artikel terkait di bawah halaman posting berikut ini:
1. Login menggunakan Username dan Password google account atau gmail Anda di blogger.com
2. Dari halaman dasbor/dashboard, pilih dan klik Design atau Rancangan.
3. Klik Edit HTML dan tandai Expand Widget Template (sebaiknya download dulu template Anda sebagai backup)
4. Cari kode ini
<data:post.body/>
5. Letakkan script code berikut ini di bawah kode diatas (lihat kode di nomor 4):
<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. Save Template, lihat hasilnya.
Selamat mencoba dan semoga berhasil.
Friday, November 4, 2011
Cara Meletakkan Iklan di Postingan
Cara Meletakkan Iklan di Postingan - Peletakkan iklan yang strategis juga mempengaruhi klik dari para pengunjung. Biasanya sih kalau iklan didalam postingan akan semakin banyak visitor yang ngeklik. Berikut saya share cara meletakkan iklan di dalam postingan yaitu iklan sebelah kanan postingann dan iklan sebelah kiri postingan. Lansung saja cekidot :
1. Login ke Blogger » Klik Rancangan » Pilih Edit HTML » centang Expend Widget
2. Silakan cari kode
<data:post.body/>
3. Setelah ketemu pastekan kode berikut sebelum kode tadi
<div style='float:left;width:300px;height:250px;padding:0 0px 0px 0;'>
<--Simpan Kode Iklan Disini--></div>
4. Sehingga hasilnya menjadi seperti ini :
<div class='post-body entry-content'>
<div style='float:left;width:300px;height:250px;padding:0 0px 0px 0;'>
<--Simpan Kode Iklan Disini--></div>
<data:post.body/>
Cara Untuk Menampilkan Iklan Di Pinggir Posting.
1. Copy dulu kode iklan yang Anda dapatkan, kemudian Parse dengan Tool ini Parse HTML
2. Setelah kode iklan di parse, hapus kode merah <--Simpan Kode Iklan Disini--> kemudian ganti dengan kode iklan Anda yang telah di Parse.
Terakhir simpan template dan lihat hasilnya.
Iklan diatas terletak di Kiri teks, kalau ingin diletakkan dikanan teks tinggal mengubah lang nomor 3 left menjadi right .
Sekian dulu tutorial dari Ilmu komputer mengenai Cara Meletakkan Iklan di Postingan, semoga bermanfaat.
1. Login ke Blogger » Klik Rancangan » Pilih Edit HTML » centang Expend Widget
2. Silakan cari kode
<data:post.body/>
3. Setelah ketemu pastekan kode berikut sebelum kode tadi
<div style='float:left;width:300px;height:250px;padding:0 0px 0px 0;'>
<--Simpan Kode Iklan Disini--></div>
4. Sehingga hasilnya menjadi seperti ini :
<div class='post-body entry-content'>
<div style='float:left;width:300px;height:250px;padding:0 0px 0px 0;'>
<--Simpan Kode Iklan Disini--></div>
<data:post.body/>
Cara Untuk Menampilkan Iklan Di Pinggir Posting.
1. Copy dulu kode iklan yang Anda dapatkan, kemudian Parse dengan Tool ini Parse HTML
2. Setelah kode iklan di parse, hapus kode merah <--Simpan Kode Iklan Disini--> kemudian ganti dengan kode iklan Anda yang telah di Parse.
Terakhir simpan template dan lihat hasilnya.
Sekian dulu tutorial dari Ilmu komputer mengenai Cara Meletakkan Iklan di Postingan, semoga bermanfaat.
Wednesday, August 24, 2011
Cara Meletak Iklan diatas Postingan 2
<div style='clear: left; float: left;'>
<table cellpadding='0' cellspacing='0' class='tr-caption-container' style='float: left; margin-right: 4px; text-align: left;' width='300px'><tbody>
<tr><td align='left' style='text-align: left;'>
kode iklan GA anda (300x250)
</td></tr>
<tr><td style='text-align: center;'><span style='font-size: xx-small;'><b><a expr:href='data:blog.pagenameUrl' expr:title='data:blog.pageName'><data:blog.pageName/></a></b></span></td></tr></tbody></table>
</div>
<table cellpadding='0' cellspacing='0' class='tr-caption-container' style='float: left; margin-right: 4px; text-align: left;' width='300px'><tbody>
<tr><td align='left' style='text-align: left;'>
kode iklan GA anda (300x250)
</td></tr>
<tr><td style='text-align: center;'><span style='font-size: xx-small;'><b><a expr:href='data:blog.pagenameUrl' expr:title='data:blog.pageName'><data:blog.pageName/></a></b></span></td></tr></tbody></table>
</div>
Penempatan iklan seperti itulah yang akan ical share.
Jika tertarik bikin Iklan Adsense Seperti halnya Gambar dalam postingan, berikut langkahnya :
- Login ke blog, langsung menuju ke halaman EDIT HTML, centang Expand Widget Template
- Cari kode <data:post.body/> , kalau blog anda sudah mengaplikasikan Readmore, akan terdapat 2 kode seperti itu, silahkan pilih yang kedua.
- Tempatkan kode berikut sebelumnya kode tersebut diatas
- Setelah itu save, dan lihat hasilnya
catatan : sebelum meletakkan kode, anda harus mem-parse-nya terlebih dahulu, bisa lewat parse HTML di blog ini. dan apabila diaplikasikan maka secara default semua postingan akan muncul iklan Google seperti yang telah disetting yaitu didalam postingan layaknya sebuah gambar.
Apabila anda tidak menginginkan format ini muncul disemua postingan, maka cukup mengikutkan kode saat ingin memosting postingan baru, atau dengan jalan mengedit postingan yang sudah ada dan memasukkan kode tersebut diatas. Dan dengan cara ini anda tidak perlu melakukan parse kode html, langsung dicopas saja.
Selamat mencoba kawan-kawan,
Cara Pasang Iklan di Atas dan di Bawah Postingan
Pada postingan sebelumnya disebutkan bahwa salah satu jalan untuk merintis bisnis online dari blog adalah dengan mengikuti program ppc/adsense. Sederhananya adalah bahwa kita sebagai publisher dibayar per klik setiap iklan yang di tampilkan. Nahh…bagaimana cara supaya iklan ppc yang kita pasang mudah terlihat dan di klik ? salah satunya dengan memasang di bawah judul posting dan di bawah postingan.
Subscribe to:
Posts (Atom)







