Tutorial Bagaimana Menghapus Label pada Blogger/Blogspot 100% Work

Bagaimana menghapus label pada blogger/blogspot?

Google baru-baru ini sering melakukan razia terhadap blog-blog spam yang terdaftar dalam sistem pencarian mereka, dan sering pula, kebanyakan korbannya adalah para blogger yang tidak taat aturan main Google.

Ya, Google pun sempat meluncurkan beberapa algoritma yang cukup memberi pengaruh besar terhadap hasil di Search Engine Result Page (SERP) mereka.

Untuk itulah, beberapa waktu lalu ane memutuskan untuk membersihkan konten-konten low quality di blog ini sehingga asumsi ane bisa aman dari sepak terjang Google terkabulkan. Dalam pengerjaannya yang manual itu, ane bisa mendapat satu pelajaran, yakni bagaimana menghapus label pada blogger/blogspot, terutama untuk tampilan baru ini yang super mendetil.

Jadi berikut ini tutorialnya.

Bagaimana Menghapus Label pada Blogger/Blogspot

1. Login ke akun Google kamu, kemudian langsung masuk ke blogger.

2. Menuju ke Pos, sehingga muncul semua postingan di blog kamu.

3. Pada ujung kanan atas, terdapat tulisan "Semua Label". Klik saja dan pilih label mana yang ingin kamu hapus.

4. Tunggu beberapa saat, akan muncul postingan-postingan dalam satu label yang dipilih. Lakukan centang pada postingan-postingan yang akan dihapus labelnya.

Harap diingat jika ingin menghapus keseluruhan label, centang semua postingan sekaligus. Tapi pengalaman saya blogger hanya mengizinkan sebanyak 50 postingan maksimal untuk dimodifikasi. Jadi bila kamu ingin menghapus label yang berisi ratusan artikel, lakukan dengan bertahap tapi pasti. :)

5. Kemudian pada pojok kiri atas disebelah tombol "Publikasikan", terdapat ikon label. Klik disitu dan muncul dropdown tentang label yang ingin kamu tambah dan hapus. Klik pada label yang sama seperti tahap selanjutnya, dan tadaa! Label pun berhasil terhapus :D

Bagaimana, menarik bukan? Ada pertanyaan atau masih belum menemukan menghapus label pada blogger/blogspot yang benar, bisa langsung bertanya melalui komentar :)

Cara Membuat Tabel dalam Postingan Blog dengan Mudah

http://christiandwiwijaya.blogspot.com/-Pada kesempatan kali ini ane akan meberikan script sederhana
untuk Membuat Tabel dalam Postingan Blog. Tabel yang akan dibuat ini sangat simpel dan tidak perlu menambah efek warna, frame, CSS. Untuk memasukan kode tabel ke postingan blog, agan harus memasukannya ke bagian HTML saat membuat artikel blog.

KODE HTML Tabel 1

<table width="500" border="1">

<tr>

<td>Kolom 1 </td>

<td>Kolom 2 </td>

</tr>

</table>

Hasilnya seperti ini gan

Kolom 1

Kolom 2

Jika ingin menambah jumlah kolom, agan cukup menambah kode <td>Kolom 3</td> dibawah tulisan <td>Kolom 2</td>
dan hasilnya seperti dibawah ini:

Kolom 1

Kolom 2

Kolom 3

KODE HTML Tabel 2

<table width="500" border="1">

<tr>

<td>Kolom 1 A </td>

<td>Kolom 1 B </td>

</tr>

<tr>

<td>Kolom 2 A </td>

<td>Kolom 2 B </td>

</tr>

</table>  

Hasilnya seperti ini gan:

Kolom 1 A	Kolom 1 B
Kolom 2 A	Kolom 2 B

Jika ingin menggunakan kolom tambahan, gunakan kode berikut:

<table width="500" border="1">

<tr>

<td>Kolom 1 A</td>

<td>Kolom 2 A</td>

<td>Kolom Tambahan 1</td>

</tr>

<tr>

<td>Kolom 1 B</td>

<td>Kolom 2 B</td>

<td>Kolom Tambahan 2 </td>

</tr>

</table>

Dan hasilnya seperti ini

Kolom 1 A	Kolom 2 A	Kolom Tambahan 1
Kolom 1 B	Kolom 2 B	Kolom Tambahan 2

KODE HTML Tabel 3

<table width="500" border="1">

<tr>

<td>Kolom 1 A </td>

<td>Kolom 1 B </td>

<td>Kolom 1 C </td>

</tr>

<tr>

<td>Kolom 2 A </td>

<td>Kolom 2 B </td>

<td>Kolom 2 C </td>

</tr>

<tr>

<td>Kolom 3 A </td>

<td>Kolom 3 B </td>

<td>Kolom 3 C </td>

</tr>

</table>

Hasilnya seperti ini gan

Kolom 1 A	Kolom 1 B	Kolom 1 C
Kolom 2 A	Kolom 2 B	Kolom 2 C
Kolom 3 A	Kolom 3 B	Kolom 3 C

++Tambahan++☺ Angka 500 adalah lebar tabel keseluruhan, jika agan ingin menjadikan lebarnya sesuai ukuran maksimal, agan bisa menuliskannya menjadi 100%


Sekian


SALAM Blogger

Apakah Autosurf Berbahaya Untuk Blog?

http://christiandwiwijaya.blogspot.com/-Sudah lama ane gak posting artikel tentang Blogger, kali ini ane akan memberikan info tentang Autosurf.

Apa itu Autosurf? 

Awalnya Autosurf adalah salah satu program investasi di internet yang sedang berkembang saat ini, 
dengan Autosurf berarti anda dibayar hanya untuk melihat beberapa website promosi, yang akan muncul bergantian secara otomatis, dengan jumlah waktu tertentu dan jumlah tertentu per hari,
tergantung peraturan masing-masing website penyedia Autosurf.

Namun sekarang Autosurf banyak digunakan oleh para Blogger agar blognya ramai pengunjung dan memiliki traffic yang tinggi. Cara kerjanya yaitu mirip seperti mempromosikan blog otomatis ke beberapa situs web secara bergantian. Jadi intinya blog yang menggunakan Autosurf tersebut mendapat banyak visitor bayangan (bukan visitor orang).

Apa kelebihan dan kekurangan Autosurf untuk Blog?

KELEBIHAN

• Meningkatkan traffic pengunjung secara instant dan cepat 
• Mempercepat peningkatan Link Popularity pada Alexa dan PR (untuk Alexa agan harus pasang widget Alexa asli dari situsnya, sedang untuk Google PR, blog agan sebaiknya daftarkan dulu di Google.com/addurl dan Google.com/webmasters/tools, usahakan juga pasang tracker Google.com/analytics)
• Blog yang terlihat ramai memberi kesan baik pada visitor dan blogger lain (motivasi)
• Jika traffic sudah maksimal, otomatis banyak Advertisers iklan yang tertarik pada blog agan

KEKURANGAN

• Semakin otomatis dan instant, semakin jelek kualitas visitornya (visitor hanya numpang lewat) 
• Pengunjung sebagian besar hanya memiliki 2 tujuan, yaitu Traffic dan Uang 
• Peningkatan traffic yg tidak wajar, tidak stabil dan berlebihan karena traffic exchange, kurang disukai Search Engine, jadi sebaiknya digunakan seperlunya dan sewajar mungkin, misal; biasanya agan dapat visitor 100 perhari, jangan langsung dikebut jadi 1000 visitor besoknya, itu namanya tidak wajar dan bisa-bisa agan kena penalty hingga BANNED!
• Akun GA bisa dihapus oleh Google

Meihat sisi kelebihan, mungkin Autosurf adalah cara mudah menaikan traffic blog. Contoh Autosurf:

http://www.surfingforvisitors.com/?ref=2487

Namun BANNED adalah taruhannya. Kita sebagai pemilik Blog harus hati-hati memaksimalkan Blog kita, ingat ada Google yang selalu mengawasi lalu lintas di blog kita.

Jadi, apakah Google mengizinkan penggunaan Autosurf untuk Blogger?

Lebih jelasnya, berikut pernyataan resmi Google

It has come to our attention that invalid clicks or impressions have

been generated on the Google ads on your site(s) through users of

third-party programs paid or provided with other incentives to visit

your site. Such programs include, but are not limited to auto-surf,

pay-to-surf, pay-to-read, or pay-to-click sites.

Please bear in mind that if we continue to detect invalid clicks or

impressions from these services on your ads, we may disable your

account to protect our advertisers. In addition, we may adjust your

future payments for any days during which invalid clicks occurred in

order to properly credit advertisers for any invalid activity.

We understand that you may wish to receive specific information

regarding the invalid activity we observed on your account. However,

due to the proprietary nature of our algorithm, we cannot disclose any

details about how our monitoring technology works or what specifics we

found on your account.

As a reminder, any method of generating invalid clicks or impressions

is strictly prohibited by our Terms and Conditions and program policies:

https://www.google.com/adsense/localized-terms?hl=en_US

https://www.google.com/adsense/policies?hl=en_US

For your reference, you can find tips and guidelines for keeping your

account in good standing by visiting our Help Center at

https://www.google.com/support/adsense/bin/answer.py?answer=23921&hl=en_US.

Sincerely,

The Google AdSense Team

Translate Bahasa Indonesia: (With Google Translate)

Telah menjadi perhatian kami bahwa klik atau jejak yang tidak valid memiliki

telah dihasilkan pada iklan Google di situs Anda melalui pengguna

program pihak ketiga yang dibayar atau disediakan dengan insentif lain untuk mengunjungi

situs Anda . Program tersebut mencakup , tetapi tidak terbatas pada, surfing otomatis ,

bayar untuk surfing , bayar untuk baca , atau bayar untuk klik .

Harap diingat bahwa jika kami terus mendeteksi klik yang tidak valid atau

tayangan dari layanan pada iklan Anda, kami dapat menonaktifkan Anda

account untuk melindungi pengiklan . Selain itu, kami dapat menyesuaikan Anda

pembayaran di masa mendatang untuk setiap hari selama klik yang tidak valid terjadi di

memesan untuk benar pengiklan kredit untuk setiap aktivitas yang tidak valid .

Kami memahami bahwa Anda ingin menerima informasi spesifik

tentang aktivitas tidak valid yang kami amati dalam account Anda . Namun ,

karena sifat dari algortima , kami tidak dapat mengungkapkan

rincian tentang bagaimana teknologi pengawasan kami atau hal spesfik yang kami

temukan dalam account Anda .

Sebagai pengingat, metode apapun yang menghasilkan klik atau tayangan tidak valid

sangat dilarang oleh Syarat dan Ketentuan serta kebijakan program :

https://www.google.com/adsense/localized-terms?hl=en_US

https://www.google.com/adsense/policies?hl=en_US

Untuk referensi, Anda dapat menemukan tips dan panduan agar Anda

akun dalam performa yang baik dengan mengunjungi Pusat Bantuan kami di

https://www.google.com/support/adsense/bin/answer.py?answer=23921&hl=en_US .

Hormat kami ,

Tim Google AdSense

Sangat berbahaya, apalagi jika blog agan menggunakan Google Adsense. Biasanya jika sudah terdeteksi sering menggunakan Autosurf blog agan akan dicap memiliki visitor palsu dan klik iklan yang tidak valid.

Untuk di Indonesia sendiri, belum ada peraturan resmi mengenai Autosurf, tidak ada larangan untuk menggunakan Autosurf. Soal pakai atau tidak, itu terserah agan! Tapi ane sarankan untuk tidak memakainya (apalagi jika blog agan menggunakan GA) karena Advertisers iklan juga menginginkan klik yang valid dan visitor asli.

Ada pepatah berkata: Rajin pangkal kaya

Ya mulai dari sekarang, rajinlah mengoptimalkan blog agan! Bukan tidak mungkin para Advertisers akan sangat tertarik memasang iklan di blog agan. Ingatlah tidak ada kesuksesan yang datang secara instan...

Sekian

SALAM Blogger

Cara Mengetahui Informasi Rinci Sebuah Website/Blog

http://christiandwiwijaya.blogspot.com/-Pastinya agan sudah tau tentang website atau blog, menurut Wikipedia, Website (Situs Web) adalah sejumlah halaman web yang saling terkait, terkadang disertai gambar, video, dan berkas lainnya. Untuk agan yang memiliki website, ada baiknya untuk mengetahui lebih dalam komponen informasi website/blog agan secara detil. Dan tentunya baik untuk mengetahui nilai SEO agan.

   Cara Mengetahui Informasi Rinci Sebuah Website/Blog   

1. Buka situs http://www.woorank.com/


2. Masukan alamat web yang ingin agan ketahui detail informasinya

Lalu klik     Website Review    



3. Tunggu, akan muncul tampilan halaman seperti berikut

4. Pada bagian sebelah kiri, agan  bisa melihat informasi yang dipisahkan berdasarkan kategori. Tentunya informasi yang di berikan sangat akurat dan terperinci.

5. *Tambahan: Jika agan ingin me-review beberapa website, agan bisa menggunakan fitur premium dengan cara mendaftar! Tapi agan harus membayar. Eits tenang aja gan, dengan mendaftar agan otomatis mendapatkan Free Trial 7 Day.

Jika ada masukan, mohon berikan komentar.

Kritikan agan akan sangat berguna untuk kemajuan blog ini ^o^

Sekian

SALAM Blogger

Cara Membuat Widget 3 In 1 Melayang Di Blog

http://christiandwiwijaya.blogspot.com/-Beberapa waktu lalu blog ane juga pasang gadget ini di blog ane. Mungkin agan sudah pernah melihatnya. Ya kelebihan dari widget ini adalah ringan dan tidak memakan tempat banyak, dan tentunya bisa berguna untuk hiasan blogger.

Demonya belum ada gan, ya ngebayangin aja dulu!

Cara Membuat Widget 3 In 1 Melayang Di Blog

1. Log in ke Blogger
2. Klik Tata Letak
3. Klik Add Gadget > HTML/Javascript

4. Copy kode berikut dan paste ke gadget agan

<style type="text/css">
.barrightblogger{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9KhyxqLj5vYe5Yv9PLeEitkAQ7vW88cZcCXCX-5yKOEC_BMgR8HyjjXNd3UEl4vF8C6OCHg2Fiugg0ySuXhueR09RJ4St9g320ZDaWQoj_7R9arjZv4p5fpYaS3SGXH_L5wLLhn1Yj6ab/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:50px; z-index:1000;}
.barrightbloggerc{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuqonM5iFCq_gneoOwza_plJFVvOX8_9EImGo3_vnMo2Lx73DYKVXE6bTBShzoKLjb5Pn3f0N7YJYkjZqaIxI4ZjVj9-6TaoyBMhcK7kfU-PZcKyYotkUKDowYoyXfn_QsFqszkugYsyG3/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:50px; z-index:1100;}
.barconteblogger{margin:5px 0 0 47px}
.barrighttwitter{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-PlNUU_29aluFPgBcFX4_AsNcnbDxyYc2z5lFWTfOR78gY6O4gXKqNuh89CpTyreoQsqLJfyQA-tUzxIzwqaC4uH0emqZn09g2Bt0QTwMrGTgMPknjCDymvU9J0BWKkVrTozvJen8WVeg/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:210px;z-index:1000;}
.barrighttwitterc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5alVzh58Mxxu4tIS4Z2kYgf8ezz3MRobK3d9zsZNMkkXR1sJvE4JSBGqecJvfkdau7FkMHxU6fuqQXDmzFeZ3j6b32Eut5QbZ1OmdwS71SczjqA2-sm95wGTbasWehXR8GKCVWFpJDXAs/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:120px; z-index:1100;}
.barcontetwitter{margin:5px 0 0 47px}
.barrightfacebook{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe6QCzFLHuygX91DX3HFepwzRAGeGA5ka3-A9x1GuYbfLQwyd82831DFlPNg-3FqnegCO9dletS7hgTNXtI-KY9GAdqttZiqvPrkVfmwI4ndwZtqJuWJNQLfMPNb6xjLiFdziFxuu2ASYk/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:370px; z-index:1000;}
.barrightfacebookc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5Dg25dvH8k7mFZhht_11cJLSim8foQRC5UGqFoUEex3SI8TU5IE5ydNuLwZk6aON2_azhMuBCTnzRvNoeFp1zPv_Jm9jE4_4NEOWYTKMHEEPS-6BOweo2njLjwy9A-LUwQhr-eus98DAz/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:185px; z-index:1100;}
.barcontefacebook{margin:5px 0 0 47px}
</style>
<div class="barrightblogger" onmouseover="this.className='barrightbloggerc'" onmouseout="this.className='barrightblogger'">
<div class="barconteblogger">
CONTENT BLOGGER HERE
</div>
</div>
<div class="barrighttwitter" onmouseover="this.className='barrighttwitterc'" onmouseout="this.className='barrighttwitter'">
<div class="barcontetwitter">
CONTENT TWITTER HERE
</div>
</div>
<div class="barrightfacebook" onmouseover="this.className='barrightfacebookc'" onmouseout="this.className='barrightfacebook'">
<div class="barcontefacebook">
CONTENT FACEBOOK HERE
</div>
</div>


Keterangan:

• ganti Content Facebook, Blogger, Twitter Here dengan script yang agan inginkan, misal Content Facebook Here agan ganti dengan script Like Box
• Alamat URL Gambar yang berwarna dan bercetak miring bisa agan ganti sesuai keinginan
• Sisanya agan bisa kostumasi sendiri dan klik simpan

Jika ada pertanyaan, tanya ane di Facebook Christian Dwi Wijaya

Sekian

SALAM Blogger

Cara Menampilkan Total Waktu Pemuatan Laman Di Blog

http://christiandwiwijaya.blogspot.com/-Ane yakin yang baca postingan ini 90% adalah seorang pemilik Blog.
Kali ini ane mau share Script yang berisi lamanya pemuatan laman, demonya bisa agan lihat sendiri di bagian atas blog ini. Dan widget/script ini tidak memberatkan laman karena sangat simple dan tidak memiliki file .js. jadi  bisa dibilang tidak memberatkan koneksi internet .

Langsung saja gan

Cara Menampilkan Total Waktu Pemuatan Laman Di Blog

Demo

1. Login ke Dasbor blogger
2. Klik Tata Letak
3. Add Gadget
4. Pilih HTML/JavaScript

Masukan Kode Berikut



<div id="load-time">Kalkulasi Kecepatan Loading...</div>
<script type="text/javascript">
var showTime = document.getElementById('load-time'),
    startTime = (new Date()).getTime(); // Get the time before `window.onload`

window.onload = function() {
    // Get the current time in `window.onload`
    var endTime = (new Date()).getTime();
    // Now use the `startTime` and `endTime` to calculate the seconds
    // And show the result inside `#load-time`
    showTime.innerHTML = "Lamanya Pemuatan Laman = " + ((endTime-startTime)/1000) + " detik";
};
</script>


Klik Simpan,

NB:

• Tulisan berwarna Kuning, Biru, dan Merah bisa agan ganti sesuai keinginan

Sekian


SALAM Blogger

Cara Cepat Tes JavaScript/HTML Blogger

http://christiandwiwijaya.blogspot.com/-sebelumnya ane yakin kalo yang membaca postingan ini adalah seorang blogger. Mendesain blogger diperlukan ketelitian  yang tinggi karena harus mengetes atau mengedit kode HTML satu per satu dengan sangat hati2.

Nah, sebelum agan memasang javascript atau HTML tersebut ke blogger atau web agan2, ada baiknya untuk mengetes javascript HTML tersebut agar tidak terjadi kesalahan yang tentunya akan menambah rumit javascript. Ok berikut adalah Cara Cepat Tes JavaScript/HTML Blogger

Oleh CDW Blog
Cara Cepat Tes JavaScript/HTML Blogger

1. Buka Browser agan2, bisa pake Mozilla atau Google Chrome

2. Masukan kode berikut di addres bar (Berwarna Kuning Tebal)

data:text/html,

3. Setelah kode data:text/html, masukan kode javascript atau HTML agan, contoh

 sebagai percobaan, agan2 bisa menggunakan kode javascript Recent Post berikut (ganti alamat christiandwiwijaya.blogspot.com dengan alamat blog agan2
<center><style type="text/css">#rp_plus_img{height:300px;overflow:hidden;border:solid 0px #fff;padding:6px 10px 24px 5px;background-color:transparent;} #rp_plus_img ul{list-style-type:none;margin:0;padding:0} #rp_plus_img li{border:1px; margin:0; padding:0; list-style:none;} #rp_plus_img li{height:60px;padding:5px;list-style:none;} #rp_plus_img a{color:#F68629;} #rp_plus_img .news-title{display:block;font-size:14px;font-weight:bold !important;color:#F68629;text-align:justify;} #rp_plus_img .news-text{display:block;font-size:11px;font-weight:normal !important;color:#000000;text-align:justify;} #rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #F68629;width:95px;height:55px;} </style><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script><script src="http://theplick.googlecode.com/files/newsticker-plick.js" type="text/javascript"></script><script type="text/javascript">var speed = 1000; var pause = 2500; $(document).ready(function(){ rpnewsticker(); interval = setInterval(rpnewsticker, pause); }); </script><ul id="rp_plus_img"><script>var numposts = 20; var numchars = 0; </script> <script src="http://www.christiandwiwijaya.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script> </ul></center>

4. Tekan Enter dan lihat hasilnya

CONTOH YANG ANE BUAT

Sekian



SALAM Blogger

Teknik Mengetik 10 Jari

http://christiandwiwijaya.blogspot.com/-Mengetik saat ini merupakan hal yang lumrah bahkan sering kita lakukan. Namun, sudahkah agan2 mengetik dengan menggunakan 10 jari? Masihkah agan mengetik menggunakan 11 jari alias satu kanan satu kiri, hehehe?

Mengetik dengan 11 jari alias dua jari saja, sangat menyita waktu dan kurang efektif. Untuk itu, diperlukan keterampilan agar agan mampu mengetik secara cepat tepat dan benar, yaitu melalui teknik mengetik sepuluh jari.
Untuk dapat mengetik 10 jari dengan lancar, agan harus mengetahui terlebih dahulu tugas masing-masing jari tangan untuk menekan tombol keyboard. Setelah agan mengetahui tugas masing-masing jari, langkah selanjutnya adalah latihan mengetik. Posisi awal/letak masing-masing jari dalam mengetik 10 jari dimulai dari kelingking kiri sampai kelingking kanan secara berurutan adalah:\



A-S-D-F-Spasi-Spasi-J-K-L-;

Artinya adalah

• jari kelingking kiri diletakkan pada tombol "A",
• jari manis kiri diletakkan pada tombol "S",
• jari tengah kiri diletakkan pada tombol "D",
• jari telunjuk kiri diletakkan pada tombol "F",
• jempol kiri dan kanan diletakkan pada tombol "Spasi",
• jari telunjuk kanan diletakkan pada tombol "J",
• jari tengah kanan diletakkan pada tombol "K",
• jari manis kanan diletakkan pada tombol "L",
• jari kelingking kiri diletakkan pada tombol "titik-koma".

Posisi jari ini sering disebut pos jari pada keyboard "QWERTY" untuk mengetik 10 jari.
Contoh: jari tengah kiri memiliki tugas untuk mengetik huruf "C", "D", dan "E".

Pos jari ini berada pada tombol huruf "D". Jika kita ingin mengetikkan huruf "E", pindahkanlah jari tengah kiri ini ke tombol "E" dan begitu selesai harus segera kembali lagi ke pos nya, dan begitu juga untuk jari yang lainnya.

Pada gambar berikut akan diberi gambaran tugas masing-masing jari untuk mengetik pada keyboard "QWERTY".

Selain itu agan2 juga bisa mengtes kemampuan mengetik 10 Jari di situs RapidTyping.com

Sekian

SALAM Blogger

Kode HTML Sederhana Untuk Blog

http://christiandwiwijaya.blogspot.com/-Hai gan, kali ini ane mau ngepost tentang tutorial blog, yaitu Kode HTML Sederhana Untuk Blog yang tentunya valid dengan HTML5. Sip langsung dicoba aja scriptnya gan

1. Anti Klik Kanan

Kode javascript ini buat menonaktifkan klik kanan di blog kalian gan, jadi pengunjung gak bisa klik kanan dan melihat source kode blog agan. Cari kode <body> di template blog kalian lalu ganti dengan kode dibawah ini gan.

<body oncontextmenu="return false;">

2. Kotak Pesan Peringatan ( Alert Box )

Pesan Pembuka

Kode ini buat nampilin pesan saat pengunjung pertama kali membuka atau mengunjungi blog kalian gan. Cari kode </head> di template blog, lalu copy paste kode di bawah ini tepat di bawahnya gan. Tinggal di edit aja kalimat yang di cetak tulisan kuning sesuai keinginan kalian gan.


<script type="text/javascript">
 alert("SELAMAT DATANG DI CDW BLOG");
</script>


Pesan Penutup

Kode ini muncul kalau pengunjung mau meninggalkan atau menutup tab blog kalian gan. Cara pasangnya sama dengan pesan pembuka, cari kode </head> lalu copy paste kode berikut di bawahnya gan. Tinggal di edit aja kalimat yang di teks kuning sesuai keinginan agan2.


<script type="text/javascript">
window.onbeforeunload=function(){
return confirm("Yakin Ingin Meninggalkan Blog Ini?? Masih Banyak Yang Menarik Loh Untuk Di Baca!!");
}
</script>

3.Onmouseover Sound

Kode ini buat memberikan backsound musik kalau pengunjung mengarahkan atau mengklik mousenya ke text atau gambar gan. Caranya tinggal copy paste kode di bawah ini ke mode HTML edit post blog kalian.


<script language="javascript" type="text/javascript">
 function playSound(soundfile) {
 document.getElementById("SCsound").innerHTML=
 "<embed src=\""+soundfile+"\" hidden=\"true\" autostart=\"true\" loop=\"false\" />";
 }
 </script>

<span id="SCsound"></span>


Lalu copy dan paste kode di bawah ini buat ngemunculin musik/soundnya gan.


<a href="#" onmouseover="playSound('URL-FILE-MUSIK/SOUND');">
Mouseover DISINI Buat Dengerin Musik</a>


Atau


<a href="#" onclick="playSound('URL-FILE-MUSIK/SOUND');">Klik DISINI Buat Dengerin Musik</a>


Tinggal dipilih aja mau yang onmouseover atau onclick gan. Lalu ganti URL-FILE-MUSIK/SOUND dengan Url file musik/sound agan2. Silahkan di edit sendiri kalimatnya atau bisa juga diganti sama gambar agan. Contoh kayak di bawah ini, silahkan di coba dan mungkin loadnya agak lama karena ane pake file mp3 gan.

4.Show Hide Konten / Spoiler

Kode untuk menampilkan atau menyembunyikan konten, mirip tombol spoiler yang ada  di forum-forum gan. Cara pasangnya gampang, agan cari kode </head> lalu copy paste kode javascript di bawah ini di atasnya gan.


<script language='javascript' type='text/javascript'>
function showHide() {     var ele = document.getElementById("showHideDiv");
 if(ele.style.display == "block") {             ele.style.display = "none";       }
else {         ele.style.display = "block";     } }
</script>


Sekarang tinggal nambahin kode di konten yang pengen di isi tombol buka tutupnya gan. Copy paste kode di bawah ini dan letakan kontenya di tempat yang udah ane kasih tanda gan.


<form action="" method="post">
<input onclick="return showHide();" type="button" value="Show-Hide" />
</form>
<div id="showHideDiv" style="display: none;">

---------> Konten Disini Gan <---------

</div>

5. Teks Berjalan / Marquee

Kode ini bisa kalian gunakan untuk menampilkan teks berjalan gan. Kodenya sangat sederhana bisa juga untuk gambar atau link gan. Tinggal copy kode di bawah ini dan pastekan di manapun kalian suka.


<marquee onmouseover="this.stop()" onmouseout="this.start()" behavior="scroll" direction="left" bgcolor="#FF0000">Teks, Link Atau Gambar Kalian Disini</marquee>


Buat ngerubah arahnya tinggal di ganti aja "left" sesuai keinginan kemana arah yang agan2 mau. Buat behavior bisa juga diganti pake alternate atau slide, untuk bgcolor silahkan ganti warnanya sesuka hati gan.

Atau yang lebih sederhana

 <marquee direction="left" scrollamount="2" align="center">Contoh Tulisan Berjalan</marquee>

angka 2 adalah kecepatan berjalan teks
Contoh Tulisan Berjalan

6. Downloading Progress Bar

Dengan kode ini kita bisa dengan mudah membuat bar proses download yang sederhana gan. Yang ini pake javascript kalau di klik progress barnya bergerak atau berubah otomatis gan. Tinggal copy dan paste kode di bawah ini dimana pun agan mau.

<script type="text/javascript">
//current progress
var currProgress = 0;
//is the task complete
var done = false;
//total progress amount
var total = 100;

//function to update progress
function startProgress() {
//get the progress element
var prBar = document.getElementById("prog");
//get the start button
var startButt = document.getElementById("startBtn");
//get the textual element
var val = document.getElementById("numValue");
//disable the button while the task is unfolding
startButt.disabled=true;
//update the progress level
prBar.value = currProgress;
//update the textual indicator
val.innerHTML = Math.round((currProgress/total)*100)+"%";
//increment the progress level each time this function executes
currProgress++;
//check whether we are done yet
if(currProgress>100) done=true;
//if not done, call this function again after a timeout
if(!done)
    setTimeout("startProgress()", 100);
//task done, enable the button and reset variables
else     
{
    document.getElementById("startBtn").disabled = false;
    done = false;
    currProgress = 0;
}
}
</script>
<progress id="prog" value="0" max="100"></progress>
<br />
<input id="startBtn" onclick="startProgress()" type="button" value="start" />
<div id="numValue">
0%</div>


Standarnya progress bar ini kodenya cuma <progress value="0" max="100"></progress> gan. Contoh seperti yang dibawah ini, silahkan di coba gan.

0%

7. Textarea

Fungsi textarea ini bisa buat naruh kode di postingan gan sebagai pengganti blockquote. Cara pasangnya gampang gan tinggal copy paste kode di bawah ini dan ada tiga pilihan gan.

Sederhana
<textarea>TULISAN AGAN</textarea>

Seleksi Otomatis

<textarea rows="4" cols="50" onclick="this.focus();this.select()" readonly="readonly">
Teks atau Kode Disini Gan
</textarea>

Seleksi Dengan Tombol

<form name="selectall">
<textarea name="messageBody" rows="4" cols="50">Teks atau Kode Disini Gan</textarea>
<br />
<input type="button" value="Select Text" onClick="javascript:this.form.messageBody.focus();this.form.messageBody.select();">
</form>

8.Link Dengan Pop Up

Yang terakhir gan, ini kode buat link kalau di klik bakal muncul pop up sesuai dengan target Urlnya. Misal digunakan untuk iklan atau link download gan. Copy paste kode javascript di bawah ini di atas kode </head> atau bisa juga paste langsung di postingan dengan linknya gan.


<script language="javascript" type="text/javascript">
function scpopup(url) {
    newwindow=window.open(url,'name','height=200,width=150');
    if (window.focus) {newwindow.focus()}
    return false;
}
</script>


Buat kode linknya seperti di bawah ini silahkan di copy paste gan.


<a href="Target URL Pop up" onclick="return scpopup('Target URL Pop up')">Contoh Link Popup</a>


Tinggal diganti aja Target URL Pop up dengan link yang kalian inginkan gan.




Sekian



SALAM Blogger

Cara Mengetahui Kata Kunci Paling Populer Di Google

http://christiandwiwijaya.blogspot.com/-Google adalah sebuah Search Engine raksasa yang tentunya berdiri di bawah naungan Google Inc. Selain menjadi Search Engine paling populer nomor 1 di dunia, Google juga mulai merambah dunia Software seperti Google Earth, Google Chrome, Google Sketch Up, Google Street, dan sebagainya. Sebagai Mesin Pencari paling akurat, Google menyediakan Data pencarian populer di dunia. Yang memungkinkan pengunjung dapat melihat Sepopuler apakah kata kunci tersebut.

Berikut adalah Cara Mengetahui Kata Kunci Paling Populer Di Google



1. Buka situs http://www.google.com/trends/explore

2. Tampilannya akan seperti ini

 Coba masukan lokasi dan rentang waktu

Hasilnya bisa agana2 lihat

3. Nah coba masukan keyword tertentu di suatu negara, sebagai contoh ane akan memasukan Keyword Harlem Shake di Indonesia dalam rentan waktu 7 Hari

Hasilnya sebagai berikut

4. Sekarang ane mencoba hal yang sama pada langkah ke tiga namun dengan lokasi di seluruh dunia, Hasilnya sangat berbeda

Telah terbukti bahwa hasil pencarian dari tiap negara dan waktu berbeda



Semoga Bermanfaat



Sekian



SALAM Blogger