Cara Membuat Halaman Maintenance Di blog

Cara Membuat Halaman Maintenance di Blog itulah tema artikel kali ini. Halaman maintenance atau perbaikan di blog merupakan tampilan yang akan tampil pada saat blog di kunjungi, namun tidak seperti halaman template biasanya melainkan tampilan maintenance atau gambar yang menyatakan blog dalam perbaikan. Biasanya halaman maintenance ini di gunakan pada saat kita sedang memperbaiki tampilan blog. Tujuannya yaitu agar pengunjung tidak melihat blog acak-acakan atau error pada saat maintenance atau perbaikan blog berlangsung.

Halaman Maintenance di Blog

Cara Membuat Halaman Maintenance di Blog merupakan hal yang mudah cukup menambahkan script di template blog kita. Cara yang akan saya bagikan ke anda ini hanya di gunakan pada blogspot atau blogger untuk pengguna wordpress saya tidak mengetahuinya karena saya tidak menggunakan wordpress. Script halaman maintenance di blog ini sangat simpel silahkan perhatikan lang-langkahnya.

1. Masuk ke akun blog anda

2. Pilih perancangan template.

3. kemudian edit html.

4. Cari kode ]]></b:skin> atau gunakan Ctrl F untuk memudahkan pencarian.

5. Setelah itu letakkan kode di bawah ini tepat di atas kode ]]></b:skin>

html { height: 100%; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMuugP-Mj9XCjFFwt3d90akhtoj-qJ7d1hyphenhyphenW82iSNirPKWpavMk84neF6-X9Ao-r3vodI6uR4NkRg7Zxr1u_PaJeDVkz_oYFujbbgfQdCP3gyXNx53jcOer4Xg-4FNz8ovVQyEYYXrEek/s1600/website_maintenance.jpg) no-repeat center 50%; margin: 0; } body { display: none; }

6. Simpan template dan lihat hasilnya.
Ket: url warna merah di atas ganti dengan url gambar yang anda inginkan

Jika selesai me maintenance blog anda dan ingin mengembalikan seperti template semula maka script di atas tinggal di hapus saja lalu simpan template anda maka blog anda akan kembali seperti biasa.

Itulah tutorial mengenai Cara Membuat Halaman Maintenance di Blog semoga bermanfaat. Jika ada pertanyaan atau kritik dan saran tentang artikel ini silahkan tinggalkan komentar

Sumber Artikel: http://blogseoarul.blogspot.com/2013/06/cara-membuat-halaman-maintenance-di-blog.html#ixzz304WSKhg6
Follow us: @syahrullahsyam1 on Twitter | AmalkanIlmuBerbagiUntukSemua on Facebook

Cara Cepat Terindex Google Dengan SEO Sederhana

Cara cepat terindex google dengan SEO sederhana - Memang saat ini search engine yang paling top adalah google. dan sampai saat inipun masih menjadi rujukan semua para webmaster dalam dunia internet, walaupun ini sangat SIMPLE dan MUDAH tapi hasilnya benar-benar blog anda akan lebih cepat terindeks digoogle. Walaupun tanpa pengetahuan SEO (Search Engine Optimation) yang SUSAH anda akan bisa dengan mudah melakukannya. Silahkan simak terus tutorial ini YA...

 

Agar Blog Baru Cepat Terindex Di Google

1. Setelah anda selesai membuat blog, silahkan pilih/gunakan template yang benar-benar seo friendly dan ringan loadingnya, ini harus anda dilakukan diawal, karena bila anda sering gonta-ganti template maka akan berakibat blog anda akan susah terindek oleh google, untuk itu sebisa mungkin ini dilakukan dengan seksama.

2. Kemudian Daftarkan/verifikasi kepemilkan blog anda di  Google Webmaster Tools, Bing  dan Juga Alexa.com

3. Hubungkan akun blogger anda dengan Google+.

4. Setelah ke tiga cara sederhana diatas anda lakukan, berikutnya adalah mulai denganmemposting/membuat artikel untuk blog anda. Silahkan buat postingan/atikel 4 sampai 6 postingan terlebih dahulu, dan yang harus anda ingat disini adalah artikel anda harus 100% ORIGINAL/ASLI buatan sendiri/Ketik sendiri, (Tanpa Copas Sedikitpun) dan benar-benar UNIK. karena ini tidak bisa di tawar-tawar lagi,

5. Setelah blog anda mempunyai sedikitnya 4-6 artikel, langkah berikutnya tunggulah sampai 3x24, agar robot search engine menelusuri blog sobat dengan sendirinya natural, (Kesabaran Mutlak Diperlukan)

6. Setelah menunggu 3x24, silahkan daftarkan sitemap.xml blog ke Google Webmaster Tools dan  Bing Webmaster Tools.

7. Setelah selesai bikin menambahkan sitemap di google dan bing, selanjutnya ini yang selalu saya lakukan agar blog saya cepat terindeks, yaitu dengan cara mensubmit website/blog di imtalk.org. Silahkan langsung klik disini untuk melakukan submit. dan juga bisa melakukan ping di www.pingomatic.com

8. Lakukan submit blog anda tersebut secara bertahap dari 50 submit dulu. karena usia blog anda masih baru, disini anda bisa mensubmit sampai 2000 submit.

9. Jangan lupa selalu Update artikel yang original dan unik ke blog anda.

10. SABAR DAN TUNGGU!!. karena bila anda terlalu memaksakan agar blog anda cepat terindeks dengan langsung mencarikan backlink atau melakukan Ping kesana-kemari maka blog anda malah bisa di anggap blog SPAM. dan INI berakibat fatal, blog anda malah TIDAK bisa terindeks di mesin pencarian google..

Ok sobat blogger dimanapun kalian berada :), demikianlah sepuluh tips singkat tentang bagaimanacara cepat terindex google yang selalu saya lakukan. Yang perlu diingat disini adalah usahakan untuk selalu membuat postingan/artikel yang paling unik dan 100% ORIGINAL/ASLI karena itulah yang saat ini sangat mempengaruhi cepat atau tidaknya blog anda terindeks oleh google. Sekian, 

Tipe Jaringan Komputer

Kembali lagi dengan Computer Network. Setelah kita tahu tentang jaringan komputer dan beberapa pembagiannya sesuai luas area cakupannya, sekarang kita lihat lagi tipe jaringan komputer. Tipe di sini diklasifikasi berdasarkan fungsi komputer yang digunakan dalam jaringan komputer tersebut.

Tipe jaringan komputer dibedakan menjadi 2 yaitu :

• Jaringan Peer to Peer atau Point to Point
• Jaringan Client-Server

Jaringan Peer to Peer

Pada jaringan tipe ini, setiap komputer yang terhubung dalam jaringan dapat saling berkomunikasi dengan komputer lainnya secara langsung tanpa perantara. Bukan hanya komunikasi langsung tetapi juga sumber daya komputer dapat digunakan oleh komputer lainnya tanpa ada pengendali dan pembagian hak akses.

Setiap komputer dalam jaringan Peer to Peer mampu berdiri sendiri sekalipun komputer yang tidak bekerja atau beroperasi. Masing-masing Komputer tidak terikat dan tidak tergantung pada komputer lainnya. Komputer yang digunakan pun bisa beragam dan tidak harus setara, karena fungsi komputer dan keamanannya diatur dan dikelola sendiri oleh masing-masing komputer.

Tipe jaringan ini cocok digunakan untuk membangun jaringan komputer skala kecil seperti di rumah, di dalam sebuah ruangan kerja, lab komputer sekolah dan lain-lain. Peer to Peer ini umumnya dipakai dalam membangun jaringan berbasis workgroup yang menerapkan fungsi sharing atau bagi pakai penggunaan hardware dan software, karena pada tipe ini biasanya tidak memerlukan pengaturan keamanan dan kendali antara masing-masing komputer.

Gambar di bawah menunjukkan skema jaringan Peer to Peer.

Beberapa hal dari jaringan Peer to Peer ini adalah :

• tidak perlu spesifikasi yang setara untuk setiap komputer (bisa beragam)
• biasanya tidak ada komputer pusat yang dijadikan sentral jaringan
• biasanya juga tidak ada kontrol atau kendali terhadap pengaturan keamanan jaringan
• tidak memerlukan Operating System khusus seperti untuk server
• jika ada 1 atau lebih komputer yang rusak atau tidak bekerja, komputer lain tetap dapat berfungsi normal

Jaringan Client-Server

Sesuai namanya, jaringan komputer tipe ini memerlukan sebuah (atau lebih) komputer yang difungsikan sebagai pusat pelayanan dalam jaringanyang disebut Server. Komputer-komputer lain disebut Client atauWorkstation. Sesuai sebutannya, komputer Server bertugas melayani semua kebutuhan komuter lain yang ada dalam jaringan. Semua fungsi jaringan dikendalikan dan diatur oleh komputer Server, termasuk masalah keamanan jaringan seperti hak akses data, waktu akses, sumber daya dan sebagainya.

Dalam jaringan Client-Server ini, mungkin saja digunakan lebih dari 1 buah Server, ini tergantung fungsi yang diterapkan dalam jaringan tersebut. Misalnya ada Server Web, Server Mail dan lain-lain.

Komunikasi antarkomputer dilakukan melalui perantara Server, namun, kalau Server tidak aktif maka komputer lainnya (Client) tidak dapat saling berkomunikasi. Skema dasar dari jaringan tipe Client-Server ini seperti ditunjukkan gambar di bawah.

Tipe ini sangat baik digunakan jika ingin menerapkan Diskless System yang akan menghemat penggunaan (pembelian) harddisk pada komputer Client seperti pada LTSP (Linux Terminal Server Project). Tetapi tipe jaringan Client-Server ini memerlukan Operating System khusus yang fitur dan fingsi-fungsinya memang dikhususkan untuk Server. Contoh Operating System khusus untuk Server adalah Novell Netware, Microsoft Window$ Server, Linux dan sebagainya.

Cara Disable Klik Kanan pada Blog

Pernahkah kalian membuat postingan dengan susahnya tapi akhirnya di-repost sama orang tanpa meninggalkan sumber? Yap, hal ini emang udah menjadi hal yang wajar oleh seorang blogger dan hal ini sangat sulit diberantas dalam dunia blogging khususnya para Copaster (sebutan bagi orang-orang khususnya blogger yang hanya mengisi konten blognya dengan cara menyalin postingan blog orang lain tanpa mencantumkan sumbernya). Dulu Sunu sering melihat konten blog yang Sunu punya di-copypaste oleh pihak-pihak yang kurang menghargai karya orang lain. Bolehlah kita copypaste, tapi asal jangan sama persis, ya paling tidak topik postingannya aja yang sama, cuma kalimatnya sendiri.
Namun, lebih baik kita mencegah blog kita di-copas nya sebelum terlambat. Biasanya para copaster mengambil konten blog dengan menggunakan klik kanan. Nah, alangkah baiknya kitamenonakftifkan fungsi klik kanan pada blog kita.
Untuk membuatnya cukup mudah, kita hanya menambahkan sebuah javascript ke dalam blog kita.

1. Login blog sobat
2. Pilih Tata Letak
3. Klik Tambah Gadget
4. Pilih HTML/JavaScript
5. Masukkan kode di bawah ini dan Simpan

<script language=JavaScript>
<!--

//Disable right mouse click Script
//Kunjungi http://http://artikelku02.blogspot.com/
//untuk cara membuat blog tidak bisa klik kanan

var message="Function Disabled!";

///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}

function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}

if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}

document.oncontextmenu=new Function("alert(message);return false")

// -->
</script>

Silakan ganti tulisan berwarna biru sesuai kehendak sobat. Nah itu dia cara mendisable klik kanan di blog kita. Semoga bisa memproteksi sedikit artikel sobat :)

Terimakasih buat sobat Ladang Tutorial yang masuk ke postingan ini karena mencari cara menonaktifkan klik kanan di blog dengan javascript, cara membuat blog tidak bisa di copy paste, cara mencegah copy paste di blog, membuat blog tidak bisa dicopy

Cara Mengganti Icon Favicon Blogger Pada Address Bar

Hai semua, pada postingan kali ini kita belajar cara mengganti favicon blogger. Sebelumnya apa sih favicon itu? Nih Admin kasih tahu favicon itu apa, Favicon adalah icon yang terdapat pada Address Bar browser kita.

Menurut Admin pribadi hal ini kurang menarik, dan selain itu icon favicon pada address bar juga berfungsi sebagai ciri / identitas dari sebuah situs. Pasti pengen kan biar blog kita terlihat lebih keren dan profesional? Baiklah langsung saja kita untuk mengganti favicon ini.
Untuk mengganti favicon ini caranya cukup mudah, kita hanya menambahkan kode ke dalam template blog kita.
Caranya:
1. Login Blogger
2. Pada Dasbor  pilih -> Template -> Edit HTML.
3. Setelah itu cari kode </head>.
4. Kalo udah ketemu, masukkan kode ini diatas kode </head>

<link href='ALAMAT GAMBAR ICON' rel='icon' type='image/x-icon'/>

5. Ganti ALAMAT GAMBAR ICON dengan URL gambar. Jadi hasilnya bakal seperti ini.

<link href='http://static.cbox.ws/smilies/1/biggrin.gif' rel='icon' type='image/x-icon'/>

Itu hanya contoh saja, untuk iconnya terserah kreasi kamu aja, Admin cuma kasih dasarnya saja seperti yang Sunu tahu.
Kalau kamu bingung ataupun malas untuk mencari gambar icon, ini Sunu sekalian kasih URL link gambar yang siap pakai.
 http://img98.imageshack.us/img98/9617/image3cr0.gif

 http://img134.imageshack.us/img134/633/image4hx4.gif

 http://img100.imageshack.us/img100/4658/image12du2.gif

 http://img264.imageshack.us/img264/7575/image16kn8.gif

 http://static.ak.fbcdn.net/rsrc.php/yl/r/H3nktOa7ZMg.ico

Sekian Dari Admin :)

Memberikan Efek-efek Unik Pada Kursor Mouse

Memberikan efek-efek unik pada kursor mouse, yaa itulah tema kita malam ini. Karena sebelumnya saya memberikan cara merubah tampilan kursor mouse, jadi postingan kali ini ga usah jauh-jauh dari kursor dah :D. dari membaca judulnya pasti anda sudah bisa menerawang apa yang akan saya berikan di postingan ini, ok langsung saja beberapa efek yang saya punya untuk menghiasi kursor mouse yang ada di Blog anda.

Efek yang pertama adalah salju/bintang yang berjatuhan ketika kursor mouse anda bergerak.

Untuk memberikan efek ini pada Blog anda, langkah-langkahnya:

• Login >> Tata Letak >> Tambahkan Gadget >> HTML/Javascript.
• Isi konten dengan kode yang ada dibawah

<script src="https://pesan-bocah-alus.googlecode.com/files/salju.js" type="text/javascript"></script>
<script language="JavaScript" type="text/javascript">var colour="blue";</script>

Keterangan : Untuk kode yang berwarna biru, merupakan kode dari warna efek, dapat anda rubah sesuai selera anda.

• Klik "Simpan".

Efek yang kedua adalah Bubble/gelembung, jika pada efek yang pertama saljunya berjatuhan, maka pada efek ini buble akan melayang keatas.

Untuk menggunakan, Langkah-langkahnya persis seperti memasang efek yang pertama hanya dengan kode yang berbeda, yaitu:

• Login >> Tata Letak >> Tambahkan Gadget >> HTML/Javascript.
• Isikan konten dengan kode dibawah.

<script type="text/javascript" src="https://pesan-bocah-alus.googlecode.com/files/startbubble.js"></script>
<script type="text/javascript" src="https://pesan-bocah-alus.googlecode.com/files/bubble.js"></script>

• Klik "Simpan".

Efek yang ketiga berupa tulisan yang mengikuti kursor mouse, jika pada efek yang pertama saljunya akan berjatuhan dan efek yang kedua bubblenya melayang, maka pada efek ini tulisan akan terus mengikuti kursor mouse dan membentuk sebuah circle.

Untuk memasangnya pada Blog anda, Langkah-langkahnya masih sama dengan langkah efek pertama dan kedua, tentunya dengan kode yang berbeda, yaitu:

• Login >> Tata Letak >> Tambahkan Gadget >> HTML/Javascript.
• Isikan konten dengan kode dibawah.

<style type='text/css'>
#outerCircleText {
font-style: italic;
font-weight: bold;
font-family: &#39;comic sans ms&#39;, verdana, arial;
color: #0000FF;
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(){
var msg = "Tulisan yang ingin anda tampilkan";
var size = 14;
var circleY = 0.75; var circleX = 2;
var letter_spacing = 5;
var diameter = 10;
var rotation = 0.2;
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 : kode berwarna biru, merupakan tulisan yang akan muncul nantinya.

• Klik "Simpan".

Efek yang keempat, berupa jam digital yang mengikuti kursornya.
Cara pemasangannya,(ini yang saya pakai :D)

• Login >> Tata Letak >> Tambahkan Gadget >> HTML/Javascript.
• Isikan konten dengan kode dibawah.

<script src="https://pesan-bocah-alus.googlecode.com/files/analogkursor.js" type="text/javascript"></script>

• Klik "Simpan"

Sekarang anda hanya perlu menentukan efek mana yang sesuai dengan keinginan anda.

Sekian tutorial saya kali ini.

Semoga bermanfaat.

Cara Mudah Merubah Tampilan Cursor Mouse di Blog

Mouse pointer atau penunjuk mouse adalah tanda yang menyatakan posisi mouse pada layar. Umumnya berbentuk tanda panah akan tetapi bisa diubah sesuai keinginan. Untuk itu pada postingan kali ini saya akan membagikan cara mudah merubah pointer atau cursor mouse pada Blog anda. Cursor mouse merupakan salah satu bagian penting pada Blog, karena merupakan bagian yang paling sering mendapat perhatian dari pengunjung. Dengan merubah kursornya dengan tampilan yang lebih unik tentunya Blog anda akan terlihat lebih menarik. Jika anda tertarik untuk mengganti kursor pada Blog anda, silakan ikuti tutorialnya dibawah,

Langkah-langkah:

• Kunjungi situs www.cursors-4u.com.

• Disana anda akan disugukan banyak contoh dari kursornya.
• Anda dapat memilih berdasarkan kategori yang ada.

• Silakan anda pilih salah satu gambar yang anda ingin gunakan pada Blog anda.

• Jika anda telah menentukan kursor mana yang akan anda gunakan, klik gambar tersebut untuk mendapatkan kode dari kursornya.
• Sekarang copy kode yang diberikan untuk kursor yang telah anda pilih. (Option #1 - Universal CSS/HTML Code)

• Nah anda sekarang telah mendapatkan kodenya.

• Untuk memasangnya di Blog anda, Pilih Tata Letak >> Tambahkan Gadget >> HTML/Javascript.
• Isikan konten dengan kode yang sebelumnya telah anda copy.
• Jika sudah klik "Simpan".

Sekarang anda akan menemukan perubahan yang terjadi pada cursor mouse yang ada Blog anda.

Sekian tutorial dari saya mengenai cara mudah mengganti kursor blog dengan animasi, Semoga bermanfaat.