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
<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,danMerah bisa agan ganti sesuai keinginan
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
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 mengetik10 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 mengetik10 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
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.
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.
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
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.
<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.
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.
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
Artikel kadaluarsa berarti artikel agan sudah banyak yang tau dan tidak terlalu penting seperti membuat postingan yang gak jelas 2. Loading Yang Lama
Visitor akan sangat benci dengan blog yang berloading lama karena selain membuang waktu juga akan menghabiskan kuota internet visitors
3. Chaptha Pada Komentar
Para BlogWalker juga akan jarang berkomentar bila ada chaptha pada komentar blog
4. Blog Berat
Berat disini bukan berarti loading yang lama, tetapi konten bergerak yang terlalu banyak seperti animasi di bagian bawah blog, efek daun berjatuhan, konten SWF yang tidak penting
5. Iklan Adf.ly Terlalu Banyak
Ini biasanya dipasang oleh visitor yanggak mau rugi namun akan berimbas pada visitor blog yang sangat sedikit
6. Artikel Copas
Selain mudah diSPAM oleh Google, mengCo-Pas artikel juga menurunkan pagerank blog
7. Terlalu Banyak Iklan
Iklan yang terlalu banyak juga dapat menambah lama loading blog
http://christiandwiwijaya.blogspot.com/-Seberapa pentingkah widget di blog? Pasti sangat penting karena mempengaruhi jumlah pengunjung dan Rank Page blog. Berhubung blog ane juga masih kekurangan widget, jadi tolong komentarnya juga!! :D Widget di blog yang sebenarnya adalah bukan widget penghias, namun widget pelengkap! misalkan widget seputar jadwal pertandingan Liga Sepak Bola itu sebenarnya tidak penting karena orang sudah biasa mengetahuinya dari situs-situs bola.
Arsip blog sangatlah penting karena akan sangat membantu pengunjung untuk mencari artikel lama dan daftar postingan
2. RECENT POSTS
Recent post untuk mengetahui artikel terakhir yang dibaca pengunjung lain atau untuk melihat artikel terbaru
3. ARTIKEL TERPOPULER
Artikel populer diperlukan untuk mempopulerkan postingan blog agar artikel tersebut cepat terindex di google, karena google juga mengidentifikasi jumlah page view postingan tersebut\
4. SEARCH ENGINE BLOG
Berguna untuk menemukan artikel yang pernah terbaca atau akan dibaca
5. LABEL/NAVIGASI MENU
Label dipasang jika postingan di blog agan bermacam macam
6. ARTIKEL TERKAIT
Coba bandingkan jumklah pengunjung blog agan sebelum dan sesudah memasang artikel terkait, pasti sangat berubah drastis
7. SHARE BUTTON
Ini harus dipasang untuk mempopulerkan blog
Nah itulah artikel seputar 7 Widget Yang Harus Ada Di Blog, walaupun demikian, agan boleh saja menambahkan widget Followers atau FansPage dan tentunya PageRank. Selain widget di atas, diharuskan juga untuk memasang Follow/FansPage Berlangganan E-Mail Recent Comments Iklan Post Acak
http://christiandwiwijaya.blogspot.com/-16/02/13 03:12Keretamini.com Pabrik Kereta Mini No 1. Ready StockPusat jual beli kereta miniatau kereta mini mall, Ya keretamini.com. Sebuah pabrikkereta miniterbaik no. 1 . Kereta miniyang digerakan oleh aliran listrik dari motor/genset/Arus DC ini memiliki 1 lokomotif dengan 2 gerbong yang unik. Salah satu gerbong sengaja dibuka untuk memberikan kesan klasik yang menarik.Kereta Miniini dapat digunakan di taman-taman hiburan maupun untuk tempat rekreasi. Desain dan warna dapat ditentukan oleh pembeli yang tentunya harga dapat dijangkau. www.keretamini.com juga menyediakan komedi putar, istana balon dan fitur-fitur hiburan kecil lainnya.Keretamini.com Pabrik Kereta Mini No 1. Ready Stock,
Keretamini.com Pabrik Kereta Mini No 1. Ready StockBerikut ini adalah screen shoot foto produk produk yang dibuat keretamini.com, silahkan dipilih (Klik keterangan gambar untuk melihat penjelasan)
Untuk melihat macam dari produk yang kami tawarkan seperti Kereta Mini Kincir Angin Helikopter Komedi Putar Istana balon dll klik sub menu yang ada dibawah :
Daftar Kota yang dilayani keretamini.com * Aceh * Langsa * Binjai * Medan * Tanjung Balai * Aekenopan * Tarutung * Payakumbuh * Padang * Solok * Pekanbaru * Bangkinang * Batam * Tanjung Pinang * Bangka * Bukit Tinggi * Bagansiapi-api * Palembang * Baturaja * Jakarta * Tangerang * Bekasi * Bogor * Bandung * Subang * Cilacap * Banyumas * Batang * Klaten * Sragen * Solo * Semarang * Banaran * Karanganyar * Ponorogo * Madiun * Ngawi * Kediri * Blitar * Surabaya * Sidoarjo * Mojokerto * Kalimantan * Sulawesi * Irian Jaya * Dll
KeretaMini.com kini sudah mulai merambah ke kota-kota besar seperti, Lampung, Bandung, Makassar, Medan dan tentunya Jakarta. Kereta Mini Mall buatan pabrikan ini didesain semirip mungkin dengan kereta aslinya. Dengan demikian kereta ini juga banyak diminati para pebisinis di Mall atau tempat hiburan lainnya. Nah bagaimana? Tertari dengan Kereta Mini Mall?
Beberapa Fitur KeretaMini.com dan harganya
Kereta mini pariwisata Harga Rp. 40 juta Jet sky (mesin cina) Harga Rp10 juta Kereta MiniFT 003 dobel dengan atap Harga Rp. 17 juta
Kincir Angin Besar 14 Gondola untuk tempat wisata Harga Rp 135 Jt
Kincir Angin Mini elektrik Harga Rp. 29.5 Jt Gerbong dan Loko Kereta Mini Triplek Engkel
Rolling Star Tanpa genset Harga Rp. 23 juta Kereta Mini Sepeda Motor Harga Rp. 25 Juta Helikopter Tunggal Harga Rp. 29 Juta Komedi Putar Helikopter Harga Rp.28 Juta Komedi Putar Besar Harga Rp. 115 Juta Kereta Wisata Karafan (kelinci) Harga Rp.37 Juta ( 47 juta 2 gerbong ) Kereta Mini Sepeda Motor Model Thomas Harga Rp. 27 Juta
Kereta Mini Sepeda Motor Model Naga Harga Rp. 27 Juta Kereta MiniSepeda Motor Model Gajah
http://christiandwiwijaya.blogspot.com/- Ada cara mudah mensubmit Blog ke berbagai situs di seluruh dunia tanpa perlu register dan Autosurf, Nah berikut caranya
1. Buka aplikasi Auto Backlink yang dapat di DOWNLOAD DISINI (300KB)
2. jika sudah selesai di Download, install dan ikuti langkah berikut
3. Klik Add, masukan alamat blog, Klik Submit
4. Proses Submit akan dimulai
Catatan :
Proses submit akan berlangsung sangat lama
Diharapkan jangan meng Cancel proses karena akan diulang dari awal lagi
