Jumat, 30 Maret 2012

Background HTML

Background HTML

Dengan menggunakan latar belakang (background) maka website kita akan nampak semakin menarik. Untuk memasukkan latar belakang kita bisa menggunakan pilihan warna maupun grafik (gambar).
Sekarang kita mulai dengan menggunakan pilihan warna:
<html>
<head></head>
<body bgcolor="#FF99FF">
<p>Hai.. Saat ini saya sedang belajar membuat latar belakang dengan warna</p>
<p>Kalau anda kurang suka dengan warnanya... ganti aja deh... kode warnanya... </p>
</body>
</html>
Preview
Untuk nilai dari atribut bgcolor diatas anda bisa menggunakan Kode hexadecimal, Nilai RGB atau Nama dari warna tersebut.
Coba anda ganti nilai dari atribut bgcolor dengan contoh dibawah ini:
<body bgcolor="#FFFF00">
<body bgcolor="rgb(250,250,0)">
<body bgcolor="yellow">
Hasilnya akan sama. Ikuti link berikut ini untuk mengetahui Kode Hexadecimal dan Nilai RGB dari suatu warna, tapi maaf untuk nama warnanya cari sendiri aja deh…
Selanjutnya membuat latar belakang dengan grafik atau gambar.
Pertama anda harus punya gambar yang ber-extention .gif, .jpg atau .png yang akan dijadikan background, masukkan (copy) gambar tersebut ke folder tempat file dokumen HTML anda berada, dan harus tahu nama dan perluasan (extention) dari file tersebut, misalkan nama filenya adalah: background.jpg
<html>
<head></head>
<body background="background.jpg">
<font color="blue"><h1 color="red">Selamat datang di Websiteku</h1></font><hr color="#ff0000" size="2">
<p><font face="Verdana" size="4" color="black">Hai... Saat ini saya sedang belajar membuat latar belakang dengan gambar,<br>
Biar bagaimanapun anda diwajibkan harus menyukainya...</font></p>
</body>
</html>
Preview
Kemudian latar belakang dapat juga menggunakan gambar yang ada di website orang lain, tapi dengan catatan anda harus sedang terhubung ke internet (online) dan harus tahu alamat url dari gambar tersebut di internet. Untuk mengetahui alamat suatu gambar klik kanan gambar tersebut kemudian pilih properties dan lihat image location, copy alamat tersebut dan ganti ke contoh dibawah ini diawali dari http:
<html>
<head></head>
<body background="http://i52.tinypic.com/nmm2cz.jpg">
<p>Hai.. Saat ini saya sedang belajar membuat latarbelakang dengan menggunakan gambar dari website orang lain! hua ha..ha..ha..</p>
<p>Mudah-mudahan yang punya website ngamuk sekalian deh...siapa takut!!</p>
</body>
</html>
Preview
Baca juga Update dari Background HTML ini di Tutorial HTML.
Posted on April 19th, 2008 in Belajar HTML by Masim man
Diposting oleh di 0 komentar
Label:

Kamis, 29 Maret 2012

Memberikan Efek-efek Unik Pada Kursor Mouse

Memberikan Efek-efek Unik Pada Kursor Mouse


Memberikan efek keren pada cursor 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,
  • 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.
Diposting oleh di 0 komentar
Label:

Tips Menghindari Duplicate Conten Google

Tips Menghindari Duplicate Conten Google

duplicate conten

Tips Menghindari Duplicate Conten - Posting artikel pada blog memang bukan hal yang mudah untuk kita kerjakan secara kontinu. Untuk menulis artikel di blog sehari satu artikel saja sudah sangat sulit, apalagi kita bukan jurnalis atau sejenisnya. untuk itulah hari ini Waroenk Blog akan mencoba membahas Bagaimana agar tulisan kita terhindar dari Duplicate Conten yang tentunya akan berimbas buruk terhadap peredaran blog kita di Google Search Engine.




Berikut ini cuplikan pernyataan yang saya ambil dari pernyataan +Gita Cherry Prabhandhari yang bekerja di google.

Hal paling penting ketika Anda menyajikan sebuah konten di web, pikirkan pendapat pengunjung website Anda. Apakah konten Anda :
  • Memberikan mereka manfaat? “wow, artikel nya keren…jadi tahu hal baru”
  • Sudah sering berkeliaran di internet atau situs lainnya? “yaaah, ini sih copas dr website berita XXXX. Sudah pernah lihat sebelumnya. Ini lagi, ini lagi…bosen ah”
  • Kurang berbobot “saya pikir membahas soal kecelakaan yang sedang di berita hari ini, ternyata hanya 2 paragraf diulang-ulang”
  • ‘Menipu/mengecewakan’ pengunjung “loh?! judulnya download video film yang baru main itu..kok ternyata cuma artikel biasa”
Belajar dari pernyataan mbak gita ternyata hal inilah yang sering kita lupakan saat kita hendak posting artikel di blog. apakah konten yang kita tampilkan fresh alias unik dan baru atau hasil Copy Paste dari blog tetangga. sedangkan untuk memikirkan Unik Konten mungkin hal yang paling sulit jika blog tersebut kita kelola sendiri. Lain Halnya seperti website kapanlagi, okezone, dan situs berita lainnya dimana mereka menggunakan jasa jurnalis untuk mengisi berita terbaru yang ada saat ini. Nah berikut Waroenk Blog menerangkan "Tips Menghindari Duplicate Conten". Silahkan anda simak Tipsnya berikut ini :

1. Tentukan Konten
Konten yang akan kita tampilkan hendaknya sesuai dengan tema web-blog yang kita kelola, contohnya saja jika tema blog kita tentang parfum maka buatlah konten menarik yang mengulas tentang Parfum, seperti
  • 10 Aroma parfum yang disukai wanita
  • Parfum ternama di dunia
  • Parfum termahal di dunia
Jika anda mempunyai produk misal parfum usahakan bahan artikel atau rifiew produk adalah hasil dari pemikiran anda sendiri (Bukan Hasil Copy Paste)

Konten yang tidak boleh dan seharusnya dihindari adalah sebagai berikut :
  1. Download Sofware, Musik Mp3, Movie, Buku/Ebook ; Konten yang berisi link download MP3 sebaiknya dihindari, Karena konten tersebut akan mengurangi tingkat penjualan produk original sehingga merugikan pihak tertentu. Lain Halnya jika itu hasil karya anda sendiri maka hal ini tidak berpengaruh.
  2. Konten Berbau Sara, Pornografi, Togel, dan konten yang dilarang oleh Hukum. Sudah jelas Dilarang kenapa harus dikerjakan? Tapi hal ini terserah dari pribadi masing-masing saja.
  3. Konten Hujatan/Ejekan/Cemooh terhada pihak tertentu sebaiknya jangan, karena jika hal ini dilakukan bukannya menyelesaikan masalah malah mendapatkan masalah.

2. Usahakan Menghindari Copy Paste
Copy Paste adalah langkah tercepat untuk menjerumuskan web-blog kita pada Duplicate Conten, yang lebih berbahaya lagi jika blog kita di anggap spam? ya sudah jelas spam kalau 100% hasil dari Copy Paste blog lain.

3. Butuh Referensi Ya Jangan Full Copy Paste
Jika anda benar-benar membutuhkan Referensi untuk tulisan anda saya sarankan jangan pada akhirnya full copy paste dari referensi anda. meskipun referensi anda dari situs referensi ternama seperti halnya wikipedia.

Untuk mereferensi blog lain sebelum menulis artikel hendaknya membaca dahulu referensi yang anda butuhkan kemudian setelah kita memahami isinya barulah kita tulis pada blog dengan gaya bahasa kita sendiri, hal ini menghindarkan kita dari Duplikat konten.

Selain menggunakan bahasa sendiri usahakan tulisan kita memberikan informasi yang "Lebih Menarik, Mudah Dipahami, Lebih Lengkap dan Memiliki Alur Yang Jelas" sehingga pengunjung akan memberikan nilai kepada tulisan anda bahwa tulisan anda lebih dapat dijadikan referensi daripada tulisan sebelumnya, hal ini juga akan menghindarkan anda dari Duplicate Conten.

4. Tuliskan Link Sumber Aslinya
Jika anda menampilkan Cuplikan paragraf dari aetikel orang usahakan menampilkan Sumber yang asli dimana anda mencuplik kata-kata atau kalimat tersebut. sehingga anda akan sedikit terhidar dari google DMCA.

5. Gunakan Gambar
Menggunakan gambar yang ditujukan untuk memudahkan pengunjung untuk memahami alur atau langkah yang dijelaskan pada postingan kita juga diperlukan. seperti halnya Waroenk blog memberikan artikel Tutorial lengkap dengan gambar sesuai dengan langkan yang dijelaskan pada tutorial tersebut. sehingga pengunjung akan lebih mudah memahami isi dari tutorial yang kita buat.

Pada intinya adalah Copy Paste dari artikel orang lain sangat beresiko tinggi terhadap duplicate conten sehingga anda akan dianggap sebagai spammer. Jika anda sulit untuk menghindari Copy Paste Usahakan anda mengulas kembali isi dari artikel orang dengan bahasa anda sendiri dan Pastikan memberikan informasi yang "Lebih Menarik, Mudah Dipahami, Lebih Lengkap dan Memiliki Alur Yang Jelas" sehingga pengunjung tidak kecewa dengan tulisan kita. semoga artikel 'Tips Menghindari Duplicate Conten Google" kali ini dapat memberikan pencerahan sehingga kita dapat menjadi penulis blogger yang handal.
Diposting oleh di 0 komentar
Label:

Cara Mendapatkan Banyak Like Fans Page Natural

Cara Mendapatkan Banyak Like Fans Page Natural

Like Facebook
Cara Mendapatkan Banyak Like Fans Page Natural - Fans Page memang menentukan rating pada blog tersebut. dalam hal ini semakin banyak yang like Facebook Fans Page anda maka blog anda memiliki nilai dimata pengguna sosial media seperti facebook. Nah pasti semua ingin memiliki banyak like di fans Pagenya. berikut ini saya akan menjelaskan bagaimana caranya :

Beberapa syarat mendapatkan banyak Like Fans Page.

1. Fans Page Profesi / Komunitas.
Fans Page yang mengatasnamakan profesi / komunitas tertentu maka akan mengundang komunitas tersebut untuk klik tombol like pada Fans Page tersebut.

2. Fans Page harus bermanfaat.
Siapa yang tidak kenal dengan Mario Teguh Golden Ways? nah jika Fans Page seperti milik Bapak Mario yang berisikan Petuah bermanfaat maka secara otomatis akan banyak sekali yang menekan tombol like.

 3. Promosi Di Fans Page Lain
Anda bisa berkunjung di fanspage lain yang sudah memiliki ribuan like. kemudian anda promosikan fans page anda ke Fans Page tersebut sehingga memberikan peluang untuk like di fans page anda.

4.Usahakan setiap postingan diberi gambar

Gambar yang dimaksud adalah gambar yang berkaitan dengan postingan kita, dan usahakan gambar yang dipakai unik dan lucu. Tujuannya apa? Tujuannya agar para member membagikan gambar tersebut di wall mereka sehingga teman mereka dapat melihat gambar dan jika tertarik teman mereka akan mengelike fanspage kita.

5. Tidak bertentangan dengan SARA

Jika kita membuat postingan yang menyindir suatu suku atau agama tentu saja ada beberapa orang yang tersinggung, dan otomatis mereka akan mengunlike dan likers FP kita berkurang. Selain itu nama FP kita menjadi jelek di mata orang lain.

6. Tidak membahas di luar tema

Misalnya FP kita membahas sepak bola tapi kita membahas personil chery belle, tentunya itu sungguh tidak sinkron. Hal itu menyebabkan member kita jengkel.

7. Sering update

Semakin sering kita update makin banyak member yang nyimak perkembangan FP kita, dan tentunya akan menambah member.

8. Memperhatikan member

Jika kita menanggapi respon member, maka member akan lebih “setia” ke FP kita

9. Memasang FP like ke blog atau web yang kita miliki

Cara ini cukup ampuh asalkan visitor blog kita banyak, dan isinya bermanfaat. Hal itu mendorong pengunjung blog untuk menyukai blog kita dengan mengelike FP blog kita.

10. Ini saya beri tahu cara invite semua teman sobat agar like FP kita :

a. Buka FP kita
b. Klik undang teman (tampilan full)
c. Tekan CTRL + Shift + K
d. Copy kode ini :

Quote:javascript:elms=document.getElementsByName("checkableitems[]");for (i=0;i<elms.length;i++){if (elms.type=="checkbox")elms[i].click()};

e. Teman sobat sudah di-invate
NB : Terkadang tidak semua teman sobat di-invate, tetapi anda boleh coba invite manual jika ada yang belum di-invate. Sekian info dari saya, semoga bermanfaat.
http://www.waroenkblog.com/2013/12/cara-mendapatkan-banyak-like-fans-page.html
Diposting oleh di 1 komentar
Label:

cara mengubah kursor pada blog

cara mengubah kursor pada blog

Kursor pada blog secara default adalah bentuk panah putih atau sesuai dengan tampilan kursor pada komputer yang telah di setting sebelumnya. namun kali ini saya mencoba menjelaskan Cara mengubah kursor pada blog dengan mengubah sedikit kode HTML pada Edit HTML blog kita.

Mengubah kursor tidaklah sulit, sahabat blogger hanya mengubah sedikit kode HTML dengan langkah pemasangan berikut ini.

  • Login dahulu ke blog sahabat
  • Klik panah kebawah seperti pada gambar yang diberi kotak merah :

  • pilih >> Template


  • Silahkan anda backup template blog sahabat terlebih dahulu untuk keaman. cara backup templatenya bisa lihat link berikut : Cara Backup Template Blogger.
  • Setelah tersimpan kemudian lanjutkan dengan klik >> Edit HTML
  • Kemudian centang Expand widget template.
  • Cari kode berikut dengan klik Ctrl + F pada keyboard dan masukkan kode berikut : </head>
  • Setelah ketemu, kemudian pasang kode HTML berikut tepat diatas kode </head>.
<style type="text/css">
HTML,BODY{cursor: url("http://cursors2.totallyfreecursors.com/thumbnails/bluemultiglit.gif"), auto;}
</style>
  • Setelah langkah diatas, maka save/simpan pengaturan template sahabat dan lihat hasilnya dengan membuka homepage blog sahabat.
Kode merah diatas hanya disesuaikan dengan model kursor pilihan anda. sahabat blogger bisa membuat sendiri desain kursor sesuai keinginan dan upload di blog kemudian ambil link gambarnya menggantikan link gambar pada kode diatas.

Berikut ini berberapa pilihan model kursor keren menurut waroenk blog :

Link Kursor : http://cursors2.totallyfreecursors.com/thumbnails/earwig.gif
Link Kursor : http://cursors3.totallyfreecursors.com/thumbnails/dogani.gif
Link Kursor : http://cursors1.totallyfreecursors.com/thumbnails/hellokitty2.gif
Link Kursor : http://cursors2.totallyfreecursors.com/thumbnails/rainbow-ani3.gif
Link Kursor : http://cursors2.totallyfreecursors.com/thumbnails/bluemultiglit.gif
Link Kursor : http://cursors2.totallyfreecursors.com/thumbnails/bullseyered.gif
Sangat mudah bukan cara mengubah kursor pada blog. bagi sobat yang ingin mengubah tampilan kursor pada blog sobat silahkan ikuti langkah-langkah mudah diatas. demikian tutorial waroenk blog mengenai cara mengubah kursor pada blog. semoga artikel ini bermanfaat.
kunjungi
http://www.waroenkblog.com/2013/01/cara-mengubah-kursor-pada-blog.html
Diposting oleh di 0 komentar
Label:
Langganan: Postingan (Atom)