SKUT-U

Salah satu cara mempromosikan website adalah dengan menambahkan Google Sitemap. Ini adalah salah satu hal kecil yang didukung oleh Googlebot yang disediakan untuk pengunjung. Anda mungkin akan bertanya apa ini penting? Apa kegunaannya? Bagaimana membuatnya?

Hal ini sangat berguna? Ya, karena sikap resmi dari Google adalah program ini masih di Beta jadi tidak ada jaminan.

Google sitemap sendiri sebenarnya adalah sebuah file XML yang berisi informasi pada semua halaman web dalam situs Anda. Anda membuat file ini, mengirimkannya ke Google, dan Google akan membacanya, tidak ada yang benar benar tau tentang apa yang Google lakukan dari sana. Anda dapat menentukan parameter tertentu dalam file seperti lokasi (URL) dari halaman web anda, kapan terakhir  diubah, seberapa sering halaman diperbarui, dan berapa halaman yang diprioritaskan.

Menggunakan Google sitemap juga dapat meningkatkan keberadaan web anda di indeks mereka. Ini secara tidak langsung dapat meningkatkan peringkat Anda dengan mendapatkan halaman unlinked atau sangat terkait dalam Indeks yang sebelumnya tidak ada.

Jadi sekarang anda yakin untuk membuat Sitemap anda sendiri? begini caranya :

1. Pertama, anda harus membuat sebuah XML file. Jangan susah-susah untuk melakukannya sendiri. ada web penyedia sitemap yang sangat baik www.sitemapbuilder.net
2. Anda sekarang harus menyerahkan sitemap ke Google. Kunjugi www.google.com/webmasters/sitemaps/login dan login menggunakan akun google anda, tidak punya? jangan khawatir, itu juga gratis. Setelah anda login anda dapat menambahkan Sitemap sebanyak mungkin.
3. Jangan lupa setiap kali Anda memperbarui situs web Anda (dengan menambahkan, menghapus atau relokasi halaman web) pastikan untuk mengulangi proses ini. Anda tidak akan perlu untuk kembali sitemap Anda ke Google.

IchiDovers kali ini ketemu lagi ya? , kita bahas masalah bikin blog Under Maintenance dengan Gambar, soalnya saya pernah ditanya sama teman saya, Gimana cara bikin blog maintenance pake gambar ris? , Gua jawab dengan jawaban ini, Sini gua tunjukin, gampang kog

Berikut Langkahnya :

1.  Masuk Ke Template ->Edit HTML
2. Cari kode ]]></b:skin> , Lakukan dengan Ctrl+F agar mencarinya lebih cepat
3. Copy Kode dibawah ini dan pastekan diatas kode ]]></b:skin>

html {
  height: 100%;
  background:url(http://i1104.photobucket.com/albums/h331/labibkhairi1/under-maintenance.gif)

 no-repeat center 50%;
  margin: 0;
}
body {
  display: none;
}

NB: url Warna biru dapat diganti dengan gambar maintenance yang lain

1. Login ke Blogger
2. Masuk ke Tata Letak
3. Tambah Gadget lalu Pilih HTML/Javascript
4. Masukin code ini ke dalam form tersebut : 

<script src='https://daunberguguran.googlecode.com/files/daun.js'/></script>

     5. Simpan
Sekian dulu ya sob , terima Kasih IchiDovers

 

1. Login ke dalam akun Blogger milik anda
2. Setelah berhasil login masuk ke Tata Letak

          <style type='text/css'>

#outerCircleText {
font-style: italic;
font-weight: bold;
font-family: &#39;comic sans ms&#39;, verdana, arial;
color: #warnanya;

position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}

</style>
<script type='text/javascript'>
//<![CDATA[

;(function(){

// Pesanmu di sini, bahasa sundanya yaitu "Pesan anjeun di dieu.." hehehe... (QUOTED STRING)
var msg = "Ganti dengan tulisan yang ingin ditampilkan";


// Set font's style size for calculating dimensions
// Set to number of desired pixels font size (decimal and negative numbers not allowed)
var size = 25;

// Set both to 1 for plain circle, set one of them to 2 for oval
// Other numbers & decimals can have interesting effects, keep these low (0 to 3)
var circleY = 0.75; var circleX = 2;

// The larger this divisor, the smaller the spaces between letters
// (decimals allowed, not negative numbers)
var letter_spacing = 5;

// The larger this multiplier, the bigger the circle/oval
// (decimals allowed, not negative numbers, some rounding is applied)
var diameter = 10;

// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.2;

// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)
var speed = 0.3;


if (!window.addEventListener && !window.attachEvent || !document.createElement) return;

msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement :

document.body,

mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},

makecircle = function(){ // rotation/positioning
if(init.nopy){
o.style.top = (b || document.body).scrollTop + 'px';
o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){ // makes the circle
d = document.getElementById('iemsg' + i).style;
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) +

'px';
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},

drag = function(){ // makes the resistance
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},

init = function(){ // appends message divs, & sets initial values for positioning arrays
if(!isNaN(window.pageYOffset)){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
d = document.createElement('div'); d.id = 'iemsg' + i;
d.style.height = d.style.width = a + 'px';
d.appendChild(document.createTextNode(msg[i]));
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},

ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};

o.id = 'outerCircleText'; o.style.fontSize = size + 'px';

if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
if (/Apple/.test(navigator.vendor))
window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};

})();
//]]>
</script>

Keterangan
 Ganti kode berwarna merah untuk menentukan tulisan yang mengikuti kursor
 Ganti Kode berwarna Hijau untuk mengganti warna Tulisan

6. Save dan Refresh page untuk melihat hasilnya apakah bagus atau tidak
7. Jika anda merasa hal tersebut mengganggu anda dapat menghapusnya dari blog anda

Itulah cara mempercantik dengan menambahkan tulisan mengikuti kursor, Terima kasih sudah berkunjung, jangan lupa tinggalkan komentar ya