buat blog

Saat ini memiliki sebuah blog bukan merupakan hal baru, dan hampir semua orang yang menggunakan internet sudah memiliki blog. Baik membuat blog dilayanan yang gratis seperti di blogger.com, wordpress.com, blogsome.com, dan layanan blog gratis lainnya maupun dengan menginstall blog yang ada pada web atau domain dan hostingnya sendiri.

Anda yang saat ini belum memiliki blog, sudah saatnya Anda memiliki dan membuat sebuah blog, baik blog yang hanya dipergunakan sebagai website pribadi sampai membuat blog sebagai website bisnis.


Dan untuk membuat blog pada layanan yang gratis, pilihan terbaik adalah dengan membuat blog di blogger.com sedangkan bila membuat blog dengan domain dan hosting sendiri, Anda bisa menggunakan software blog wordpress.

Kelebihan membuat blog dengan blogger.com :


Blogger.com  milik Paman Google

Blog dengan Blogger.com lebih cepat terindek oleh search engine Google.com. bisa mendatangkan traffic (kunjungan)  yang bagus.

Blog dengan Blogger.com lebih banyak menempati posisi lebih tinggi dibandingkan dengan   posisi sebuah website biasa dengan domain dan   hosting sendiri.

Kekurangannya bila Anda membuat blog dengan blogger.com, Anda akan mendapatkan alamat website yang panjang  seperti http://buatblogblogger.blogspot.com. Tapi anda tidak perlu khawatir, banyak trik dan tip yang bisa mengatasi masalah tersebut. Silahkan anda lihat alamat Ulr blog ini : http://www.buatblog-mudah.co.cc...... jadi ULR yang Pendek dan Kerren kaan.......!!!

Setelah anda selesai membuat blog nanti, anda juga bisa ikut merubah alamat blog anda seperti blog ini dengan CO.CC. Dengan demikian nama dan alamat Ulr blog anda akan terlihat  lebih pendek dan kerren tentunya. Untuk mengganti blogspot.com menjadi co.cc, anda bisa lihat artikel panduan cara dapat domain co.cc DISINI dan cara seting co.cc di blogger DISINI   OK...!!!!

Sekarang kembali kepokok masalah..... 

Ada Tiga langkah untuk membuat Blog :

1.Membuat Akun Google

2. Beri Nama Blog Anda

3 Pilih Template Awal dan Mulai Blogging

Baca selengkapnya tiga langkah buat blog gratis... DISINI

Baca artikel lain :

buat web

Saat ini teknologi dan informatika semakin maju, banyak sekali peluang - peluang bisnis di Internet. Perlu diketahui bahwa jumlah website kian hari kian bertambah, dan setiap website menjakankan peluang atau bisnisnya masing - masing, baik memasarkan produk sendiri maupun produk orang lain.

Lebih - lebih yang namanya Blog, hampir setiap orang yang sering berkunjung didunia maya sudah mempunyai blog, baik untuk pribadi, untuk berbagi pengetahuan ataupun untuk bisnis. Apalagi blog bisa kita dapat dengan gratis. Tapi sayang tidak semua orang mengetahui banyaknya peluang didunia maya yang bisa dijalankan dan menghasilkan...

Mengapa sebaiknya kita mulai belajar bisnis online:

1) "Pasar" di Internet semakin tidak terbatas jumlahnya.
2) Tidak ada krisis global di dunia internet
3) Bisnis online cukup dijalankan di rumah saja.
4) Kita bisa jualan apa saja, kemana saja di Internet
5) Orang-orang yang mengerti dan mau belajar di bisnis online akan semakin maju dan berpenghasilan.
 

Lalu bagaimana kita memulai...?
Kita tidak akan pernah kesulitan untuk memulainya, sebab RWP (Rahasia Website Pemula) benar-benar membantu kita yang masih pemula, bagaimana cara membuat blog, baik dengan blogger atau wordpress dan cara membuat web gratis atau berbayar, juga cara membuat web degan frontpage atau yang lain, hingga bagaimana cara kita menjalankan sampai benar-benar menghasilkan.

RWP benar-benar mengerti kebutuhan kita yang masih pemula sekali. Hal ini dibuktikan oleh RWP dengan diadakanya pelatihan secara offline. Dan karena pesatnya perkembangan RWP, kini sudah dibentuk cabang-cabang disetiap kota besar di Indonesia.
Saran saya, silahkan anda pelajari lebih jauh tentang RWP. Sangat disayangkan, bila anda lewatkan peluang dari RWP.
Sebab RWP mengajarkan dan bertindak FAKTA.

RWP (Rahasia Website Pemula) memberikan kesempatan setiap saat untuk belajar gratis secara offline, melalui puluhan cabang RWP (Rahasia Website Pemula) yang tersebar diseluruh Indonesia.

Baca selengkapnya tentang RWP (Rahasia Website Pemula) Langkah cara membuat website.DISINI

Training RWP secara offline

Baca artikel lain :

Submit Sitemap

Masih tentang sitemap atau peta situs. Tapi kali ini saya akan coba jelaskan bagaimana cara submit sitemap di webmaster google, agar search engine seperti google lebih cepat mengindek seluruh isi artikel atau halaman yang ada dalam sebuah website atau blog, seperti yang saya jelaskan mengenai fungsi sitemap pada postingan yang lalu.

Untuk submit sitemap blog dengan blogger atau blogspot, yang kita lakukan hanya dengan menambahkan kode atom.xml pada ujung alamat ulr blog kita. Silahkan anda lihat contoh berikut :

Alama Ulr : http://htmlnoer.blogspot.com

Maka alamat sitemap untuk didaftarkan menjadi :
http://htmlnoer.blogspot.com/atom.xml

Bila anda menggunakan layanan feedburner, maka tinggal menambahkan kode ?redirect=false, sehingga alamat sitemap untuk didaftarkan menjadi : http://htmlnoer.blogspot.com/atom.xml?redirect=false

Blogger Sitemap Generator

Cara lain submit sitemap blog dengan menggunakan Blogger Sitemap Generator. Berikut langkah-langkahnya :
1. Silahkan kunjungi http://digitalinspiration.com/tools/blogger/sitemap/index.php
 

2. Masukan alamat blog anda pada kolom yang tersedia secara lengkap ( misal: http://htmlnoer.blogspot.com/) seperti gambar dibawah ini, lalu Klik tombol Create Blogger Sitemap.

3. Setelah proses selesai seperti gambar dibawah, silahkan anda catat atau copy sitemap yang baru dibuat, seperti ini :

For Google : " atom.xml?redirect=false&start-index=1&max-results=500 "
For Bing      : " Submit 1 - 500 posts "
For Yahoo   : " Submit 1 - 500 posts "

Kemudian paste pada notepad agar tidak keliru cara penulisannya.

4. Kemudian langkah selanjutnya kita ke google webmaster tool , dan login dengan akun anda untuk masuk.

5. Pada beranda  google webmaster tool, silahkan pilih blog anda yang mau disubmit sitemapnya.
6. Lalu pada dasbor Klik "Konfigurasi situs"

7. Klik peta situs

8. Klik Kirim Peta Situs, kemudian muncul kolom dan Paste alamat sitemap yang tadi di buat di blogger sitemap generator (  atom.xml?redirect=false&start-index=1&max-results=500 ) pada kolom tersebut, kemudian klik tombol Mengirim Peta Situs.

9. Proses Pengiriman Peta Situs atau Submit Sitemap telah selesai.

Selamat mencoba....
Semoga bermanfaat..... jangan lupa luangkan waktu anda untuk beri komentar ya....Terima kasih.

Baca artikel lain :

Cara Buat Sitemap / Peta Situs

Sebagaimana yang saya sampaikan pada postingan yang lalu, selain fungsi sitemap untuk mempermudah search engine seperti google mengindek seluruh isi artikel yang ada dalam sebuah website atau blog. Tapi sitemap juga bertujuan untuk mempermudah pengunjung untuk melihat seluruh isi artikel yang ada dalam sebuah website atau blog. Lalu bagaimana cara membuatnya ?

Cara buat sitemap sangat mudah, tapi terlebih dahulu kita bagi menjadi dua fungsi :

• Pertama, Buat sitemap untuk memudahkan pengunjung melihat seluruh isi halaman web/blog.
• Kedua, Buat sitemap untuk meningkatkan mesin pencari optimasi situs dengan memastikan  bahwa  semua  halaman  dapat  ditemukan. Cara ini bisa dibuat dengan manual atau bisa juga dengan Blogger Sitemap Generator

Kali ini saya akan bahas cara buat sitemap menurut fungsi yang pertama. Sitemap ini biasanya diletakkan pada halaman web atau blog. Dan cara buatnya kita tinggal menggunakan jasa gratis Sitemaps Generator di http://www.xml-sitemaps.com. Ikuti langkah - langkah berikut :

1. Silahkan anda menuju ke http://www.xml-sitemaps.com.
2. Dihalaman utama ada forum seperti gambar dibawah ini :

3. Masukkan Ulr web atau blog anda.
4. Tekan tombol 'Start' dan tunggu hingga situs tersebut benar-benar merangkak menjelajahi web atau blog anda, hingga selesai proses.
5. Setelah selesai proses, lihat seperti gambar dibawah ini :

6. Kemudian anda tinggal download sitemap yang sudah jadi dalam beberapa format :

     - un-compressed XML Sitemap

     - compressed XML Sitemap

     - ROR Sitemap

     - HTML Sitemap

     - Sitemap in Text Format

Atau cara lain buat sitemap, Anda bisa lihat sitemap blog ini Disini dan anda bisa copy untuk menirunya, caranya :
1. Drag atau blog semua isi peta situs.
2. Klik kanan dan pilih "view selection source" lalu copy.
3. paste pada notepad dan ganti ulr setiap halaman dengan ulr setiap halaman web atau blog milik anda.
4. Anda tampilkan peta situs anda pada halaman posting atau pada elemen html.

Selesai.......
Silahkan anda coba membuat peta situs atau sitemap sendiri.
Semoga bermanfaat..... jangan lupa luangkan waktu anda untuk beri komentar ya....Terima kasih

Baca artikel lain :

HTML Paragrap

Waktu yang lalu saya menampilkan tentang html judul dengan tag <h1>. Sekarang bagaimana untuk paragrap?. HTML paragrap ditandai dengan tag <p>. Artinya untuk membuat paragrap, cara penulisannya tinggal menambah tag awal <p>, dan tag penutup </p>.

Dengan memberi tag awal <p>, dan tag penutup </p> pada suatu paragrap, maka halaman akan secara otomatis memisahkan paragrap satu dengan paragrap yang lain.

Contoh

<p>Disini paragrap teks</p>

<p>Disini paragrap teks yang lain</p>

Catatan :

Browser secara otomatis menambahkan baris kosong (spasi) sebelum dan sesudah paragraf.

Tapi jangan melupakan tag akhir (</p> ) walaupun browser akan tetap bisa menampilkan HTML dengan benar. Tapi jika lupa menuliskan tag akhir dapat mengakibatkan hasil yang tidak diharapkan atau kesalahan.

Itulah cara tentang Html Paragrap, semoga bermanfaat....

Silahkan berikan komentar anda ..... terima kasih.

Baca artikel lain :

Cara buat tabel kode warna

Warna sangat berperan dalam pembuatan website atau blog. Dan pemberian warna dalam mebuat web atau blog, yang dibutuhkan adalah "code color" atau "kode warna". Hampir setiap saat kita edit dan posting artikel pada web atau blog, "kode warna" selalu kita butuhkan.

Repotnya... ketika kita butuh kode warna, sering kali kita harus mencari sebuah web atau blog yang menyediakan kode warna tersebut.... iya kan....?.
Nah.... Tutorial blog kali ini akan berbagi pada anda, bagaimana cara mebuat tabel kode warna sendiri seperti tabel kode warna dibawah ini, yang bisa anda pasang juga  pada web atau blog anda.

Kode  HTML Warna :

Ok....., Bila anda berminat untuk membuat tabel kode warna seperti disamping kanan halaman ini, silahkan anda ikuti langkah-langkah berikut ini :

1. Kamu harus Login dulu di Blogger.com dengan ID kamu
2. Klik Layout / Rancangan lalu pilih Edit HTML
3. Jangan lupa Centang Expand Widget
4. Copy dan paste kode berikut diatas kode </head> :

<br /> <script language='javascript'> function Barva(koda) { document.getElementById("vzorec").bgColor=koda; document.hcc.barva.value=koda.toUpperCase(); document.hcc.barva.select(); } function BarvaDruga(koda) { document.getElementById("vzorec2").bgColor=koda; document.hcc.Barva2.value=koda.toUpperCase(); document.hcc.Barva2.select(); } </script><br /> <script type='text/javascript'> var hue; var picker; //var gLogger; var dd1, dd2; var r, g, b; function init() { if (typeof(ygLogger) != "undefined") ygLogger.init(document.getElementById("logDiv")); pickerInit(); //ddcolorposter.fillcolorbox("colorfield1", "colorbox1") //PREFILL "colorbox1" with hex value from "colorfield1" //ddcolorposter.fillcolorbox("colorfield2", "colorbox2") //PREFILL "colorbox1" with hex value from "colorfield1" } // Picker --------------------------------------------------------- function pickerInit() { hue = YAHOO.widget.Slider.getVertSlider("hueBg", "hueThumb", 0, 180); hue.onChange = function(newVal) { hueUpdate(newVal); }; picker = YAHOO.widget.Slider.getSliderRegion("pickerDiv", "selector", 0, 180, 0, 180); picker.onChange = function(newX, newY) { pickerUpdate(newX, newY); }; hueUpdate(); dd1 = new YAHOO.util.DD("pickerPanel"); dd1.setHandleElId("pickerHandle"); dd1.endDrag = function(e) { // picker.thumb.resetConstraints(); // hue.thumb.resetConstraints(); }; } executeonload(init); function pickerUpdate(newX, newY) { pickerSwatchUpdate(); } function hueUpdate(newVal) { var h = (180 - hue.getValue()) / 180; if (h == 1) { h = 0; } var a = YAHOO.util.Color.hsv2rgb( h, 1, 1); document.getElementById("pickerDiv").style.backgroundColor = "rgb(" + a[0] + ", " + a[1] + ", " + a[2] + ")"; pickerSwatchUpdate(); } function pickerSwatchUpdate() { var h = (180 - hue.getValue()); if (h == 180) { h = 0; } document.getElementById("pickerhval").value = (h*2); h = h / 180; var s = picker.getXValue() / 180; document.getElementById("pickersval").value = Math.round(s * 100); var v = (180 - picker.getYValue()) / 180; document.getElementById("pickervval").value = Math.round(v * 100); var a = YAHOO.util.Color.hsv2rgb( h, s, v ); document.getElementById("pickerSwatch").style.backgroundColor = "rgb(" + a[0] + ", " + a[1] + ", " + a[2] + ")"; document.getElementById("pickerrval").value = a[0]; document.getElementById("pickergval").value = a[1]; document.getElementById("pickerbval").value = a[2]; var hexvalue = document.getElementById("pickerhexval").value ='#'+ YAHOO.util.Color.rgb2hex(a[0], a[1], a[2]); ddcolorposter.initialize(a[0], a[1], a[2], hexvalue) if (hexvalue!="#FFFFFF") document.getElementById("pickerhexval").select(); } </script><!--[if gte IE 5.5000]><br /> <script type="text/javascript"> function correctPNG() // correctly handle PNG transparency in Win IE 5.5 or higher. { for(var i=0; i<document.images.length; i++) { var img = document.images[i] var imgName = img.src.toUpperCase() if (imgName.substring(imgName.length-3, imgName.length) == "PNG") { var imgID = (img.id) ? "id='" + img.id + "' " : "" var imgClass = (img.className) ? "class='" + img.className + "' " : "" var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' " var imgStyle = "display:inline-block;" + img.style.cssText if (img.align == "left") imgStyle = "float:left;" + imgStyle if (img.align == "right") imgStyle = "float:right;" + imgStyle if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle var strNewHTML = "<span " + imgID + imgClass + imgTitle + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";" + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader" + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>" img.outerHTML = strNewHTML i = i-1 } } } YAHOO.util.Event.addListener(window, "load", correctPNG); </script><br /> <![endif]-->

5. Selanjutnya Save Template

Langkah selanjutnya :
Kopi dan paste kode dibawah ini pada Entri baru, bila anda menghendaki tabel kode warna dipasang pada postingan anda. Dan kopi paste kode dibawah ini pada Gadget bila anda menghendaki tabel kode warna dipasang pada bilah samping, dengan cara tambah gadget pada Elemen Laman.
 
Berikut kodenya :

<center> <form name="hcc" id="hcc"> <table style="border-collapse: collapse;" align="center" border="1" bordercolor="#cccccc" cellpadding="0" cellspacing="0"><tbody> <tr><td><table width="375" align="center" border="0" cellpadding="0" cellspacing="1"><tbody> <tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#190707"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#2a0a0a"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#3b0b0b"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#610b0b"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#8a0808"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#b40404"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#df0101"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#ff0000"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#fe2e2e"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#fa5858"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#f78181"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#f5a9a9"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#f6cece"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#f8e0e0"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#fbefef"><br /> </td></tr> <tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#191007"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#2a1b0a"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#3b240b"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#61380b"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#8a4b08"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#b45f04"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#df7401"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#ff8000"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#fe9a2e"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#faac58"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#f7be81"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#f5d0a9"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#f6e3ce"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#f8ece0"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#fbf5ef"><br /> </td></tr> <tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#181907"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#292a0a"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#393b0b"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#5e610b"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#868a08"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#aeb404"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#d7df01"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#ffff00"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#f7fe2e"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#f4fa58"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#f3f781"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#f2f5a9"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#f5f6ce"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#f7f8e0"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#fbfbef"><br /> </td></tr> <tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#101907"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#1b2a0a"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#243b0b"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#38610b"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#4b8a08"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#5fb404"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#74df00"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#80ff00"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#9afe2e"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#acfa58"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#bef781"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#d0f5a9"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#e3f6ce"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#ecf8e0"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#f5fbef"><br /> </td></tr> <tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071907"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#0a2a0a"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#0b3b0b"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#0b610b"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#088a08"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#04b404"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#01df01"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#00ff00"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#2efe2e"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#58fa58"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#81f781"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#a9f5a9"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#cef6ce"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#e0f8e0"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#effbef"><br /> </td></tr> <tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071910"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#0a2a1b"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#0b3b24"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#0b6138"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#088a4b"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#04b45f"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#01df74"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#00ff80"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#2efe9a"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#58faac"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#81f7be"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#a9f5d0"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#cef6e3"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#e0f8ec"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#effbf5"><br /> </td></tr> <tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071918"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#0a2a29"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#0b3b39"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#0b615e"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#088a85"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#04b4ae"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#01dfd7"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#00ffff"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#2efef7"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#58faf4"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#81f7f3"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#a9f5f2"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#cef6f5"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#e0f8f7"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#effbfb"><br /> </td></tr> <tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071019"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#0a1b2a"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#0b243b"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#0b3861"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#084b8a"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#045fb4"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#0174df"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#0080ff"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#2e9afe"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#58acfa"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#81bef7"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#a9d0f5"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#cee3f6"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#e0ecf8"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#eff5fb"><br /> </td></tr> <tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#070719"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#0a0a2a"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#0b0b3b"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#0b0b61"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#08088a"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#0404b4"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#0101df"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#0000ff"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#2e2efe"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#5858fa"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#8181f7"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#a9a9f5"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#cecef6"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#e0e0f8"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#efeffb"><br /> </td></tr> <tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#100719"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#1b0a2a"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#240b3b"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#380b61"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#4b088a"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#5f04b4"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#7401df"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#8000ff"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#9a2efe"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#ac58fa"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#be81f7"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#d0a9f5"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#e3cef6"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#ece0f8"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#f5effb"><br /> </td></tr> <tr height="24"> <td onclick="Barva(this.bgColor)" bgcolor="#190718"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#2a0a29"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#3b0b39"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#610b5e"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#8a0886"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#b404ae"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#df01d7"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#ff00ff"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#fe2ef7"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#fa58f4"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#f781f3"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#f5a9f2"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#f6cef5"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#f8e0f7"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#fbeffb"><br /> </td></tr> <tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#190710"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#2a0a1b"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#3b0b24"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#610b38"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#8a084b"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#b4045f"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#df0174"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#ff0080"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#fe2e9a"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#fa58ac"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#f781be"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#f5a9d0"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#f6cee3"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#f8e0ec"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#fbeff5"><br /> </td></tr> <tr height="10"><td><br /> </td></tr> <tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#000000"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#0b0b0b"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#151515"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#1c1c1c"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#2e2e2e"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#424242"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#585858"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#6e6e6e"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#848484"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#a4a4a4"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#bdbdbd"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#d8d8d8"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#e6e6e6"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#f2f2f2"><br /> </td><td onclick="Barva(this.bgColor)" bgcolor="#ffffff"><br /> </td></tr> </tbody></table> </td></tr> </tbody></table> <table align="center" border="0" cellpadding="0" cellspacing="2"><tbody> <tr height="24"><td id="vzorec" width="24" height="24"><br /> </td><td valign="bottom"><p> <span style="font-weight: bold; font-style: italic;">Kode HTML Warna :</span> <input name="barva" id="barva" style="font-weight: bold; font-family: Verdana; height: 16px; width: 74px; font-size: 12px;" maxlength="7" size="9" type="text"></p> </td></tr> </tbody></table> </form> </center>

Jadi deh.....
Silahkan anda mencoba,
Semoga bermanfaat.... Anda juga bisa berlangganan artikel-artikel terbaru dari saya, silahkan anda masukkan email pada forum Langganan Via Email yang ada disebelah kanan halaman ini. Jangan lupa luangkan waktu untuk beri komentar ya......, Terima kasih.

Baca artikel lain :

Membuat Teks Berjalan ( Marquee )

Untuk menghiasi blog atau web, banyak cara yang bisa kita lakukan, termasuk memberi effek animasi teks berjalan. Dan untuk membuat teks berjalan caranya juga sangat mudah, baik dengan html, css, ataupun java scrip. Dan kali ini saya akan coba memberikan panduan cara membuat teks animasi berjalan dengan html. Animasi teks berjalan dengan html, tag dasar yang digunakan adalah "marquee". Marquee sendiri memiliki beberapa atribut dasar seperti "behavior, direction, scroll, delay, dan event mouse.

Langsung saja ya...,
Berikut ini adalah contoh penggunaan "marquee" pada HTML, dan sengaja saya sajikan beberapa contoh marquee, agar lebih mudah membedakan effek yang dihasilkan :

1. behvior=scroll.

Teks dengan atribut ini akan berjalan terus hingga habis teks yang ditampilkan dan mengulanginya lagi dari awal.

Teks Berjalan Terus

<marquee behavior=scroll>Tutorial Blog : Membuat Teks Berjalan ( Marquee )</marquee> Tutorial Blog : Membuat Teks Berjalan ( Marquee )

Teks Berjalan sesuai arah yang ditentukan

<marquee behavior=scroll direction=left>Tutorial Blog : Membuat Teks Berjalan ( Marquee )</marquee> Tutorial Blog : Membuat Teks Berjalan ( Marquee )

Teks Berjalan sesuai arah yang ditentukan dengan effek delay 

<marquee behavior=scroll direction=left scrolldelay=700 onmouseover=stop() onmouseout=start() >Tutorial Blog : Membuat Teks Berjalan ( Marquee )</marquee> Tutorial Blog : Membuat Teks Berjalan ( Marquee )

2. behavior=alternate.

Atribut ini akan menampilkan animasi teks berjalan dari kanan ke kiri dan kemudian kembali lagi kekanan.
Teks Berjalan Bolak - balik

<marquee behavior=alternate>Tutorial Blog : Membuat Teks Berjalan ( Marquee )</marquee> Tutorial Blog : Membuat Teks Berjalan ( Marquee )

Teks Berjalan Bolak - balik sesuai arah yang ditentukan

<marquee behavior=alternate direction=left>Tutorial Blog : Membuat Teks Berjalan ( Marquee )</marquee> Tutorial Blog : Membuat Teks Berjalan ( Marquee )

 Teks Berjalan Bolak - balik sesuai arah yg ditentukan, dgn effek delay

<marquee behavior=alternate direction=left  scrolldelay=700 onmouseover=stop() onmouseout=start()>Tutorial Blog : Membuat Teks Berjalan ( Marquee )</marquee><br /> Tutorial Blog : Membuat Teks Berjalan ( Marquee )

3. behavior=slide

Atribut ini akan menampilkan animasi teks berjalan hingga habis area lalu berhenti.

Teks Berjalan lalu berhenti

<marquee behavior=slide>Tutorial Blog : Membuat Teks Berjalan ( Marquee )</marquee> Tutorial Blog : Membuat Teks Berjalan ( Marquee )

Teks Berjalan lalu berhenti sesuai arah yang ditentukan

<marquee behavior=slide direction=left>Tutorial Blog : Membuat Teks Berjalan ( Marquee )</marquee> Tutorial Blog : Membuat Teks Berjalan ( Marquee )

Teks Berjalan lalu berhenti sesuai arah yg ditentukan, dgn effek delay

<marquee behavior=slide direction=left  scrolldelay=700 onmouseover=stop() onmouseout=start() >Tutorial Blog :Membuat Teks Berjalan ( Marquee )</marquee> Tutorial Blog : Membuat Teks Berjalan ( Marquee )

Catatan :

"direction"
berfungsi menentukan arah animasi teks akan berjalan yaitu right (kanan), left (kiri), up (keatas), dan down (kebawah).

"scroldelay"
berfungsi menentukan kecepatan animasi berjalan, semakin besar nilainya maka akan semakin cepat jalannya animasi.

"onmouseover=stop()"
Berfungsi menghentikan teks atau animasi yang sedang berjalan, ketika cursor mouse kita arahkan diatas teks atau animasi berjalan tersebut.

"onmouseout=start()"
Berfungsi akan kembali menjalankan teks atau animasi, jika cursor mouse tidak berada di atas teks atau animasi berjalan tersebut.

Anda bisa memberi variasi teks sesuai selera, silahkan anda kreasi sendiri.

Selamat mencoba dan Semoga bermanfaat.... Anda juga bisa berlangganan artikel-artikel terbaru dari saya, silahkan anda masukkan email pada forum Langganan Via Email yang ada disebelah kanan halaman ini. Jangan lupa luangkan waktu untuk beri komentar ya......, Terima kasih.

Baca artikel lain :

Membuat Refresh Otomatis pada Blog

Fungsi refresh di gunakan untuk membuat “penyegaran” kembali halaman blog ataupun website. Fungsi refresh ini sama dengan fungsi refresh yang ada pada browser internet, perbedaannya yaitu fungsi ini di buat bekerja secara otomatis, yakni pengguna tidak perlu menekan tombol refresh yang ada pada tool bar. Intinya, setelah kita mengedit atau posting baru pada blog atau web, kadang ketika pengunjung bembuka blog atau web kita, ternyata masih belum melihat postingan atau editan kita yang terbaru. nah..., itulah fungsinya refresh otomatis Cara buatnya sangat mudah, silahkan anda ikuti langkah-langkah berikut : 1. Kamu harus Login dulu di Blogger.com dengan ID kamu 2. Trus Pilih Layout / Rancangan lalu buka  Edit HTML 3. Copy dan paste kode berikut di antara <head> .... </head> <meta http-equiv="refresh" content="10"/>   Penjelasan : Content="10" --> angka sepuluh menunjukan bahwa proses refresh akan di lakukan dalam rentang waktu 10 detik. Catatan : Jadi sebaiknya angka ini di set jangan terlalu cepat karena bisa menimbulkan kejengkelan kepada para pembaca apabila terlalu cepat di refresh. Jadi deh.....Silahkan anda mencoba, Semoga bermanfaat ya...... Jangan lupa tinggalin komentarmu lho.....Terima kasih. Mohon bantuannya untuk memperbaiki blog ini. Jika Anda menemukan hal yang kurang berkenan atau tutorial yang belum bisa anda aplikasikan, Silahkan hubungi saya dengan menggunakan fasilitas Layanan umum. Dan saya akan selalu berusaha membalas keluhan anda serta memperbaiki kesalahan seceparnya. Dan apabila anda merasa artikel /atau tutorial ini bermanfaat, silahkan bagikan ke teman Anda lewat tombol-tombol di disebelah kanan atas pada halaman ini...Terima kasih.

Baca artikel lain :

About me

Noer Cholis - Sang penunggu blog Tutorial Blogger carabuatwebgratis.com, alias orang ndeso yang suka belajar, belajar, dan belajar terus, dan yang penting ... suka berburu peluang yang menguntungkan.

Berbagi pengetahuan, berbagi pengalaman adalah aktifitas tambahan setiap saat. Bagi beliau, blogging merupakan wadah menuangkan ide dan pikiran kreatif, yang siapa saja boleh ikut menikmatinya.

Silahkan manfaatkan Tutorial cara buat web gratis,tutorial blog, blogspot, blogger, Css, Html, javascript,tips, trik, widget dan fitur-fitur menarik untuk kebutuhan blogging anda.

Saat ini selain sesekali waktu oles poles didunia blogging, beliau lebih banyak fokus pada wirausaha mandiri atau bisa disebut home industri makanan ringan (Bisa dilihat di rambakjogja.com).

Tidak hanya itu... disela-sela waktu bergelut dengan makanan ringan, beliau juga sibuk melayani pelanggannya setiap hari di toko online jogjasmart.com.

Anda bisa menemukan beliau di Tweeter (baru), Facebook, dan Google+ atau langsung hubungi di @noerchoils

Baca artikel lain :