Tutorial

Titel bar di blog secara default berisi judul halaman blog yang kita buka. Kita dapat mengganti tulisan tersebut dengan tulisan berjalan.






Kodenya seperti dibawah ini :

<script language='javascript'>

message = "TERIMA KASIH ATAS KUNJUNGAN ANDA ^"



scrollSpeed = 100

lineDelay = 0




txt2 = ""



function scrollText(pos) {

if (message.charAt(pos) != '^') {

txt2 = txt2 + message.charAt(pos)

document.title = txt2

prt = scrollSpeed

}

else {

prt = lineDelay

txt2 = ""

if (pos == message.length-1) pos = -1

}

pos++

setTimeout("scrollText('"+pos+"')",prt)

}




scrollText(0)

</script>

Copy kode dan ganti text sesuai dengan keinginan, dan letakkan di blog melalui Layout-->Add a Gadget-->HTML/JavaScript Paste Kode dan Save.





Sekarang kita lihat blog kita. Kita lihat di title bar Browser kita akan terlihat tulisan berjalan. Trims atas perhatiannya.

Flickr adalah tempat penyimpanan foto atau video online yang disediakan oleh yahoo.com. Untuk menggunakan Flickr kita tinggal login denggan menggunakan email yahoo ke http://www.flickr.com.



Kapasitas yang disediakan lumayan besar 300 MB, jika masih kurang kita bisa membuat akun yahoo lagi dan pada dasarnya kapasitas yang bisa kita gunakan tidak terbatas.



Untuk upload gambar setelah login dan dihalaman dashboard klik Upload. Pilih foto yang akan diupload dan tunggu proses upload selesai Lalu klik upload 1 foto.











Untuk menampilkan gambar di blog, klik pada gambar, klik bagi, pilih ukuran gambar dan copy script yang disediakan untuk diletakkan di postingan blog.





Contoh script dan gambar yang saya ambil dari Flickr seperti dibawah ini :

<a href="http://www.flickr.com/photos/freeblogtutorial/7716869740/" title="3 oleh Free Blog Tutorial, di Flickr"><img src="http://farm9.staticflickr.com/8431/7716869740_91d85496ed_n.jpg" width="320" height="213" alt="3"></a>

Semoga bermanfaat :)

Seperti pernah kita bahas sebelumnya tentang membuat text berjalan, untuk membuat gambar berjalan kita hanya perlu menambahkan alamat url gambar tesebut. Contoh gambar dibawah ini adalah gambar banner dari blog teman kita. Kodenya seperti dibawah ini :





<marquee direction="up" onmouseover="this.stop()" width="180" onmouseout="this.start()" scrollamount="2" height="200">




<a href="http://bermaindiblog.blogspot.com" target="_blank"> <img border="0" alt="banner02" src="http://i620.photobucket.com/albums/tt284/ppipyo/Banner-002-1.gif"/></a>


<a href="http://freegamerevolution.blogspot.com/" target="_blank"><img border="0" width="155" src="http://i249.photobucket.com/albums/gg207/er_vachum_k/banner_azzalea.gif" title="Download Free PC Game"/></a>





</marquee>




Copy kode dan ganti URL gambar dengan alamat url yang mau di pasang, dan letakkan di blog melalui Layout-->Add a Gadget-->HTML/JavaScript Paste Kode dan Save.







direction="up" bisa diganti down (bergerak turun), left (bergerak ke kiri) dan right (berkerak ke kanan).

width="180" untuk menentukan lebar area

height="200" untuk menentukan lebar area dan

scrollamount="2" untuk menentukan kecepatan gerak.



Hasilnya akan seperti dibawah ini.

Bahasa Standard saat kita membuat email yahoo biasanya ditentukan ketika registrasi pembuatan email yahoo. Tetapi jika email yahoo kita sudah terlanjur menggunakan Bahasa Inggris atau bahasa yang lainnya, untuk merubahnya menjadi Bahasa Indonesia caranya sbb :



1. Login ke email yahoo.com

2. Klik akun info dan pilih Account Info.





3. Kita akan dibawa ke halaman baru, login lalu di Account Settings pilih Set Language, Site, Time zone.





4. Pilih Bahasa yang diinginkan misalnya Bahasa Indonesia lalu klik tanda panah ke kanan, dan Save.





5. Selesai, sekarang email yahoo kita sudah berbahasa Indonesia.





Semoga bermanfaat :)

Tadi sore saya ditanya temen yang mau ngisi pulsa modem SmartFren nya tetapi lupa no kartunya. Tanya kesana kemari gak ada yang tahu akhirnya tanya ke operatornya SmartFren.





Ternyata untuk mengetahui nomer kartu SmartFren sangat mudah, tinggal tekan *995 lalu dial. Tunggu sebentar, akan ada sms dari operator SmartFren nomer kartu dan sisa pulsa serta masa aktif.



Semoga bermanfaat bagi temen-temen yang kebetulan menggunakan modem SmartFren :)

Ketik *995 Ok, untuk mengetahui nomer kartu SmartFren.

Untuk memasang musik di blog kita bisa menggunakan SoundCloud.Com yang merupakan hosting gratisan untuk musik dengan berbagai format baik WAVE, OGG, MP2, MP3, AAC, AMR, WMA maupun yang lainnya.



Kita bisa mamasang lagu yang kita upload sendiri ataupun punya orang lain yang di upload di SoundCloud.



Cara memasangnya adalah sbb :



1. Buka http://soundcloud.com/

2. Cari atau upload lagu yang akan kita pasang.





3. Jika sudah ketemu lagu yang akan kita gunakan, klik Share.





4. Copy Embed Code, Script yang akan kita gunakan di blog.





5. Login ke Blogger.com, buka Dasbor - Rancangan - Tambah Gadget - HTML/JavaScript

6. Pastekan kode dari SoundCloud tadi didalamnya dan Save dan lihat hasilnya.





Hasilnya seperti dibawah ini :







Semoga bermanfaat.

Sebelumnya saya pernah posting tentang cara download video dari youtube dengan menggunakan GetGo youtube downloader, untuk kali ini saya akan sharing cara mudah download lagu dari youtube dalam format file mp3.



Caranya :

1. Cari alamat lagu di youtube yang akan di download.





2. Buka situs http://www.video2mp3.at/

3. Pastekan alamat lagu dari youtube tadi ke tempat yang tersedia lalu klik Convert.





4. Tunggu beberapa saat sampai proses convert selesai dan akan muncul link download. Lalu klik Download mp3.





5. Tunggu sampai download selesai dan musik siap untuk diputar.





Semoga bermanfaat :)

Masih ingat game-game jaman dulu (jadul) yang berjalan di sistem operasi DOS? Kadang saya juga kangen main games yang dulu sangat asik untuk dimainkan seperti CD-MAN, PACK-MAN, Lotus, Prehistorik, POOL dll. Kita bisa memainkan game-game jadul tersebut dengan menggunakan Dos Emulator yaitu DOSBox. DOSBox adalah DOS emulator dan open source yang selain bisa berjalan di Windows XP, Wikndow 7 juga di Linux.



Untuk download DOSBox silakan kunjungi http://www.dosbox.com. Setelah di install buka DOSBox seperti gambar dibawah.

Mount direktori games

direktori tempat games disimpan harus di mount dulu dengan perintah

mount c c:\games

Misalnya c:\ games adalah direktori tempat kita menyimpan gamenya.

Game POOL

Setelah di mount kita bisa memainkan gamesnya. Walaupun jadul, tapi asik juga lho sob hehehe... Selamat bermain :)

Ada yang unik dengan logo Google.com hari ini. Bergambar pesawat jadul yang kalau kita lihat di film-film kayak pesawat yang digunakan pada perang dunia pertama dengan seorang wanita ditangga pesawat. Siapa dia?? ternyata hari ini google memperingati kelahiran Amelia Earhart.





Amelia Mary Earhart (pelafalan /ˈɛərhɑrt/ "AIR-hart"; 24 Juli 1897 – hilang 2 Juli 1937, dinyatakan tewas 5 Januari 1939), anak perempuan dari Edwin dan Amy Earhart, adalah seorang pelopor penerbangan, penulis, dan pejuang hak wanita Amerika Serikat. Earhart adalah wanita pertama yang menerima Distinguished Flying Cross. Ia mendapat penghargaan itu karena ia adalah wanita pertama yang terbang sendiri menyeberangi samudera Atlantik. Ia juga membuat banyak rekor lainnya, menulis buku yang terjual paling banyak tentang pengalaman terbangnya, dan memiliki peran penting dalam pendirian Ninety-Nine, organisasi pilot wanita.

Sumber gambar disini

Earhart hilang secara misterius di samudera Pasifik di dekat pulau Howland dalam usaha untuk melakukan penerbangan keliling dunia tahun 1937. Ketertarikan mengenai hidup, karier, dan misteri hilangnya Earhart masih tetap berlanjut sampai sekarang. (Sumber Wikipedia)



Hemmm... ternyata Amelia Earhart adalah wanita yang hebat :)

Seringkali kita membutuhkan kode warna pada saat ingin merubah-rubah warna template ataupun hanya untuk sekedar memberikan warna pada tulisan, kita membutuhkan kode warna. Untuk mempermudah mencarinya alangkah baiknya jika kita pasang di blog kita sendiri agar mudah untuk memakainya.



Untuk memasangnya buatlah postingan baru dan copy script dibawah ini dan letakkan didalam postingan.

<center>

<iframe src="http://www.2createawebsite.com/build/col.swf" title="colorcode" frameborder="0" height="400" scrolling="no" width="400">

</iframe>

</center>

Hasilnya seperti dibawah ini.











Semoga bermanfaat.

Tag Superscript digunakan untuk menaikkan teks dari ukuran normalnya. Biasanya digunakan untuk menuliskan derajat, pangkat, kwadrat atau yang lainnya. Tag yang digunakan .



Contohnya sbb :



Luas : 236 m²

Suhu : 35^oC

y = ax² + bx + c



Hasilnya akan seperti dibawah ini :



Luas : 236 m²

Suhu : 35^oC

y = ax² + bx + c



Dan tag Subscript digunakan untuk menurunkan teks dari ukuran normalnya. Biasanya digunakan untuk menuliskan rumus-rumus matematika atau yang lainnya. Tag yang digunakan .



Contohnya sbb :



A_tot = A₁ + A₂ + A₃

Ini Tulisan Normal _{Ini tulisan subscript}



Hasilnya akan seperti dibawah ini :



A_tot = A₁ + A₂ + A₃

Ini Tulisan Normal _{Ini tulisan subscript}

Tag Superscript : 

Tag Subscript : 

Walaupun ngeblog itu menurut saya menyenangkan, karena bisa saling bertukar informasi dengan sesama blogger, mendapatkan banyak teman, bisa saling bertukar ilmu tetapi tidak dapat dipungkiri kadang juga kita bosan untuk ngeblog.

Sumber gambar disini

Jika virus bosan sudah menyerang langkah yang biasanya saya ambil adalah hiatus untuk sementara. Meninggalkan aktifitas ngeblog untuk sementara bisa membuat pikiran kita fresh lagi dan pada saat tertentu akan membuat kita kangen lagi untuk menengok blog kita walaupun untuk sekedar membaca-baca postingan ataupun untuk mengetahui update terbaru blog temen-temen blogger lainnya.



Jika sudah demikian biasanya semangat ngeblog akan muncul kembali dengan ide-ide yang baru hehehee... Keep blogging and happy blogging :)

World Wide Web (WWW)



World Wide Web (WWW) atau yang sering kita sebut web saja merupakan sumber data yang dapat di akses oleh semua orang yang terhubung ke jaringan internet. Tiga komponen penting dari World Wide Web adalah :



1. URL (Uniform Resource Locator)

URL adalah standar pengalamatan sebuah file di internet yang dirancang khusus untuk digunakan oleh browser seperti Internet Explorer, Mozila Firefox, Opera dll.



2. HTTP (HyperText Transfer Protokol)

HTTP merupakan salah satu protokol yang digunakan untuk bahasa komunikasi antar server seperti web, telnet atau FTP.



3. HTML (HyperText Markup Language)

HTML merupakan tulisan teks ASCII yang bisa di markup menggunakan tag-tag sehingga bisa dibaca oleh semua komputer dengan berbagai sistem operasi seperti windows, linux, macintosh dll.



HTML adalah bahasa interpreter yang akan diterjemahkan oleh browser menjadi sebuah halaman web yang biasa kita lihat saat kita berowsing di internet.



Tag HTML adalah kode yang digunakan untuk me-markup teks ASCII untuk membentuk file html. Setiap tag mempunyai fungsi sendiri-sendiri yang selalu dimulai dengan tanda "<" dan ditutup dengan tanda ">" contohnya <b>, <i>, <u> dll. Biasanya tag mempunyai pasangan penutup tag yang diletakkan di akhir teks yang akan di markup. Tag penutup sama dengan tag pembuka hanya disisipi dengan tanda "/" contohnya </b>, </i>, </u>.



Format penggunaan tag HTML adalah :

<Tag pembuka> Teks ASCII <Tag penutup>

contohnya :



<b>Huruf Tebal</b> di browser akan nampak Huruf Tebal

<i>Huruf miring</i> di browser akan nampak Huruf miring

<u>Garis bawah</u> di browser akan nampak Garis bawah



Bersambung ...

Sebelumnya saya pernah posting tentang Photobucket Free Image Hosting, sama seperti Photobucket Imageshack juga menyediakan layanan hosting gratis untuk gambar yang lumayan banyak digunakan oleh temen-temen blogger dari dulu dan sampai sekarang masih eksis.



Imageshack juga menyediakan tool untuk membuat album serta slideshow, rotasi gambar, juga menyediakan link untuk digunakan di blog ataupun forum.





Untuk posting di blog kita bisa menggunakan Direct Link dengan format :

<img src="URL Gambar" width="300" height="225" alt="Contoh1" />

Contoh tag ambil gambar dari imageshack :

<img src="http://img405.imageshack.us/img405/5858/foto1gh.jpg" width="300" height="225" alt="Contoh 1" />



<img src="http://img32.imageshack.us/img32/5325/foto2paj.jpg" width="300" height="225" alt="Contoh 2" />

Hasilnya seperti gambar dibawah ini :











Alamat pendaftaran Imageshack di http://imageshack.us.

Semoga bermanfaat.

Tips ini untuk teman-teman yang kebetulan jaringannya lambat kayak di modem HP saya yang jaringan 3G nya suka ada kadang ilang hehehe... Seperti pernag saya posting tentang Membuka Halamam Blogspot dengan Tampilan Mobile untuk kali ini saya mau sharing alamat mobile email-email yang sering kita pakai untuk berbagai keperluan.



1. Google mail (gmail) alamat tampilan mobilenya adalah http://m.gmail.com.

2. Yahoo mail alamat tampilan mobilenya adalah http://m.yahoo.com/mail.

3. Live Mail alamat tampilan mobilenya http://m.mail.live.com.

4. Facebook URL mobilenya http://m.facebook.com



Dengan menggunakan tampilan moibile tentusaja loadingnya akan jauh lebih cepat dibandingkan jika kita menggunakan tampilan normal. Semoga bermanfaat.

Co.De merupakan penyedia domain serta webhosting gratis tetapi co.de menambahkan iklan dipojok kiri bawah. Co.De menyediakan 10 GB space penyimpanan, mendukung script PHP dan menyediakan database MySQL.







Untuk registrasi silakan kunjungi http://www.co.de/ dan untuk info lebih lanjut silakan baca fiturnya di http://www.co.de/features.

Photobucket merupakan penyedia penyimpanan gambar gratis yang termasuk sudah lama dan masih eksis sampai sekarang dan masih banyak yang menggunakannya untuk menyimpan gambar. Sebenarnya saat kita meng upload gambar di postingan bloggger secara automatis gambar akan disimpan di album picasa yang dimiliki oleh google. Tetapi tidak ada salahnya jika kita mencoba image hosting lainnya seperti Photobucket atau imageshack.us yang juga sudah lama berkecimpung didunia maya.







Untuk pendaftaran di Photobucket kunjungi Photobucket.com, buat album dan upload gambar. Untuk menggunakannya klik pada gambar dan sudah disediakan link untuk dipakai di blog maupun di forum. Atau bisa juga menggunakan tag seperti dibawah ini.

<img src="http://i645.photobucket.com/albums/uu175/pixelcell/gambar1.jpg" width="300" height="225" alt="Pemandangan 2" />

http://i645.photobucket.com/albums/uu175/pixelcell/gambar1.jpg adalah alamat gambar di Photobucket. Hasilnya seperti dibawah ini.







Semoga Bermanfaat.

Ada kalanya kita ingin menggunakan gambar yang pernah kita upload, kita tidak perlu mengupload ulang. Kita bisa menggunakan tag img src untuk menampilkan gambar yang pernah kita upload atau juga bisa untuk menampilkan gambar yang kita upload diserver lain misalnya image hosting seperti photobucket atau yang lainnya.



Caranya adalah dengan menggunakan tag img scr seperti format dibawah ini:

<img src="URL Gambar" width="300" height="225" alt="Pemandangan" />

URL Gambar : Alamat URL Gambar yang akan ditampilkan.

Width : Lebar Gambar.

Height : Tinggi Gambar.

Alt : Kata kunci gambar untuk digunakan oleh mesin pencari.



Contoh :

<img src="http://2.bp.blogspot.com/-cw-gkGiV5Es/T7kTb8aXEZI/AAAAAAAABCU/vT2BN8j8sNU/s1600/warna2.JPG" width="100" height="75" alt="Pemandangan" />

<img src="http://2.bp.blogspot.com/-cw-gkGiV5Es/T7kTb8aXEZI/AAAAAAAABCU/vT2BN8j8sNU/s1600/warna2.JPG" width="300" height="225" alt="Pemandangan" />

Hasilnya akan seperti dibawah ini :











Semoga bermanfaat.

Setelah sebelumnya telah dibahas Cara Membuat Efek Daun Berjatuhan dan Cara Membuat Efek Pelang pada Link, sekarang kita akan membuat efek bintang yang berjatuhan dari pointer kursor.



Seperti biasa cara membuatnya :



1. Login Blogger.com.



2. Buka Dashboard - Design - Add a Gadget - HTML/JavaScript.







3. Copy script dibawah ini dan pastekan di kotak yang tersedia.



4. Simpan template dan lihat hasilnya.



Semoga bermanfaat.

Seringkali kita membuka halaman blog yang sangat berat loadingnya karena terlalu banyak widget yang ditampilkan dihalaman Home blog tersebut. Belum lagi jika pas jaringan ditempat kita lagi lambat. Untuk mengatasi hal tersebut kita bisa membuka blog dengan tampilan mobile sehingga menghilangkan semua widget pada blog dan loading untuk membuka halaman blogpun menjadi sangat ringan.



Caranya sangat mudah yaitu tinggal kita tambahkan "?m=1" didepan alamat halamam blogspot yang akan dibuka. Misalnya tampilan mobile untuk blog ini adalah "http://the--tutorial.blogspot.com/?m=1" dan tampilannya seperti dibawah ini.







Semoga bermanfaat.

Postingan tentang efek blog sebelumnya adalah Membuat Efek Daun Berjatuhan, dan sekarang adalah cara membuat efek pelangi pada link. Efek pelangi ini cukup menarik dimana jika pointer mouse berada diatas sebuah link, maka link tersebut akan berubah-ubah warnanya seperti warna pelangi.



Cara membuat efek pelangi adalah sbb :



1. Login di Blogger.com.



2. Buka Dashboard - Design - Add a Gadget - HTML/JavaScript.

Klik untuk memperbesar

3. Copy script dibawah ini dan pastekan di kotak yang tersedia.

<script src='http://blogefek.googlecode.com/files/pelangi.js' type='text/javascript'/>

</script>

4. Save dan lihat hasilnya.



Semoga bermanfaat.

Banyak situs yang menyediakan domain gratis, tetapi hanya sedikit yang masih bisa bertahan sampai sekarang ini. Beberapa domain gratis ini juga menyediakan DNS service sehingga kita bisa bebas memetakan domainnya. Karena domain ini disediakan secara gratis, tentu saja ada kelemahan-kelemahannya dibandingkan domain berbayar.



Daftar domain gratis terbaik saat ini adalah :



1. Co.Cc

2. Co.Nr

3. Dot.Tk

4. Co.De

5. Cc.Cc



Semoga bermanfaat.

Penambahan efek-efek untuk mempercantik blog sebenarnya akan menambah berat loading blog. Tetapi ada juga sebagian blogger suka menggunakannya agar blognya tampil lebih indah walaupun loading halaman blognya sedikit berat.



Untuk membuat efek daun yang berjatuhan caranya adalah :



1. Login ke Blogger.com.

2. Buka Dashboard - Design - Edit HTML - Download Full Template (untuk jaga-jaga jika ada masalah).

3. Cari kode </head>, copy script dibawah ini dan letakkan diatas kode </head> dan Save Template.

<script src='http://blogefek.googlecode.com/files/daun.js' type='text/javascript'/>

Hasilnya seperti dibawah ini. Semoga bermanfaat.

Untuk mengoptimalkan pendapatan dari program PPC (Pay Per Click) yang harus diperhatikan adalah tataletak iklan. Banyak situs-situs terkenal yang bisa kita contoh tempat peletakkan iklannya seperti situs-situs download (download.com, oldapps.com, dll) atau situs-situs portal berita (detik.com, goal.com. kompas.com, dll).







Dan menurut pengalaman saya tempat yang paling strategis untuk meletakkan iklan PPC ada 3 tempat :



1. Di bagian atas, yang menyerupai menu horizontal.

2. Di sisi kiri atau kanan yang menyerupai menu navigasi seperti recent post, recent comment dll.

3. Di dalam postingan, ini biasanya yang paling banyak dan paling strategis untuk meningkatkan pendapatan dari program PPC.



Semoga bermanfaat.

Dulu sebelum diluncurkannya google code, untuk menyimpan file javascript temen-temen blogger banyak menggunakan webhosting gratisan untuk menyimpan file javascriptnya. Tetapi seringkali server webhostingnya down sehingga programnya tidak jalan.



Dengan menggunakan google code sebangai tempat penyimpanan file javascript, tentusaja kestabilan servernya dijamin oleh google.com. Cara untuk upload file javascript di google code adalah sbb :



1. Buka http://code.google.com/intl/id/ dan login menggunakan akun google.



2. Klik Create a new project.







3. Isi Form seperti gambar contoh dibawah dan pilih Create Project.







4. Pilih New download.







5. Pilih File dan klik Submit File seperti contoh dibawah.







6. Klik pada nama file yang sudah di upload.







7. Klik kanan pada nama file untuk mendapat alamat URL file javascriptnya.







8. Untuk contoh diatas alamat URL file java scriptnya di http://contoh12.googlecode.com/files/coba.js



Semoga bermanfaat.