Seputar Komputer

Halo, sobat blogger. Apa kalian sudah bosan dengan template blog kalian yang sekarang? Atau mungkin kalian tidak senang dengan template - template yang disediakan oleh blogspot? Nah, kali ini saya akan berbagi cara mengganti template blog, tapi buka template yang disediakan blogspot, pastinya template gratis dari website lain. 

Walaupun blogspot sudah menyediakan beberapa template untuk para blogger, tapi lama - kelamaan kita bisa saja merasa bosan dengan template blogspot yang itu - itu saja dan mau yang lebih bagus dan menarik seperti website - website lain. Ya, tidak apa - apa, blogspot pun tidak melarang kita menggunakan template yang bukan darinya :D.

Trik - trik pada blogspot sangat beragam. Setelah beberapa artikel saya tentang Trik - Trik Blogspot, kali ini saya akan membagikan lagi salah satu trik pada blogspot. Saya akan berbagi cara untuk membuat title blog yang berjalan atau bergerak pada tab browser yang membuka blog kamu.

Mungkin kamu pernah melihat tulisan yang berjalan atau bergerak pada tab browser yang sedang membuka blog orang lain yang kamu kunjungi. Misalnya tulisan ini, "Selamat datang di blog saya............ Jangan lupa tinggalkan komentar dan saran". Mungkin kamu pernah lihat tulisan seperti itu bisa bergerak atau berjalan pada tab browsermu yang sedang membuka blog itu. Tulisannya bergerak mulai dari kata "Selamat" hingga akhir dan kembali lagi ke awal kata. Jangan heran melihat tulisan itu.

Nah, kali ini saya akan bahas cara membuat tulisan seperti itu. Kalau kamu mau membuat title bergerak pada blog kamu, caranya sangat mudah kok. Tenang saja, kamu tidak perlu ahli dalam bahasa HTML atau semacamnya, yang kamu perlukan hanyalah sebuah blog :D. Kamu bisa mencoba membuat title bergerak itu dengan mengikuti langkah - langkah dibawah:

1. Login ke Blog.
2. Masuk ke bagian "Template", lalu pilih "Edit HTML".
3. Cari kode <b:skin><![CDATA]/* , agar mudah mencarinya tekan Ctrl + F, lalu tulis kode tadi.
4. Copy kode dibawah ini tepat diatas kode tadi: 

<script language='JavaScript'>

var txt=&quot;===:Welcome to My Blog:===:Silahkan tinggalkan komentar dan saran sobat di blog ini:===:Terima Kasih:===&quot;;

var kecepatan=60;var segarkan=null;function bergerak()

{ document.title=txt;

txt=txt.substring(1,txt.length)+txt.charAt(0);

segarkan=setTimeout(&quot;bergerak()&quot;,kecepatan);}bergerak();

</script>

Tulisan yang berwarna biru dapat kamu ubah dengan kata - katamu sendiri. Tulisan berwarna hijau, yaitu angka 60, dapat kamu ubah dengan angka lain. Angka 60 itu adalah kecepatan tulisannya bergerak. Semakin kecil angkanya, semakin cepat tulisannya, begitu juga sebaliknya. Tulisan merah jangan kamu ubah - ubah sedikit pun, kecuali kamu sudah ahli HTML, kalau kamu hilangkan satu saja titik atau koma atau tanda baca lainnya yang berwarna merah, maka script-nya akan gagal.

Saat kamu mengunjungi sebuah blog, apa kamu pernah lihat tiba - tiba muncul sebuah message misalnya, "Selamat datang di blog saya!". Itu adalah sebuah alert message yang bisa kamu ubah - ubah kata - katanya. Kamu juga bisa membuat blog kamu memiliki pesan pembuka seperti itu. Caranya tidak susah kok, tapi saya sarankan lebih baik blog kamu tidak menggunakan alert message seperti itu. Kenapa? Itu akan sedikit membuat blog mu agak berat saat dibuka oleh pengunjung (tapi tidak terlalu terasa) dan juga ada beberapa pengunjung yang tidak suka dengan hal yang seperti itu. Ini hanya untuk sekedar pengetahuan aja untuk melepas rasa penasaran, boleh saja dicoba. Caranya seperti ini:

Untuk membuat pesan pembuka:

alert("Selamat datang di blog saya, jangan lupa komentarnya ya..")

</script>

Setelah itu, jangan lupa disimpan perubahannya. Tulisan yang berwarna biru dapat kamu ubah sesuai keinginanmu.

Tadi itu adalah pesan pembuka, sekarang pesan penutup. Pesan ini akan muncul saat pengunjung akan meninggalkan blog kamu. Untuk membuat pesan penutup, hampir sama dengan membuat pesan pembuka, hanya saja kodenya yang berbeda. Saya sarankan lagi untuk mem-backup template yang sekarang digunakan agar jika terjadi kesalahan, blog mu tidak berantakan. Cari kode <head> atau jika sudah membuat pesan pembuka letakan kode ini tepat dibawah kode <head> atau kode pesan pembuka tadi:

<script type='text/javascript'>

// goodbye alert

function goodbye(){

alert(&#39;Terima kasih ataas kunjungannya, salam blogger.. &#39;);

}

parent.window.onunload=goodbye;

</script>

Tulisan yang berwarna biru dapat kamu ubah. Jangan lupa simpan perubahannya. Silahkan dicoba, tapi saya sarankan hanya untuk mencoba saja. Para blogger yang membaca artikel ini mungkin ada yang lebih ahli, saya akan senang menerima komentar jika artikel ini ada kekurangan atau kesalahan.

Salam Blogger.

Halo blogger, kali ini saya mau berbagi trik lagi tentang blog. Sebelum saya lanjutkan, coba lihat dulu tab di browser kamu yang sedang membuka blog kamu, apa lambangnya? Bagi kamu yang belum pernah mengganti lambang blogspot pada blog, pasti lambangnya huruf B, yaitu logonya blogspot.

Kali ini saya akan berbagi ilmu bagaimana cara mengubah atau mengganti lambang atau logo blogspot pada blog. Contohnya seperti artikel yang sedang kamu baca ini, logo blognya tidak lagi menggunakan logo blogspot. Caranya relatif mudah, kita hanya perlu mengupload gambar yang berukuran 24 x 24 pixel atau 32 x 32 pixel dan berformat gif, ico, atau jpg ke situs photo hosting seperti photobucket, imageshack, dsb. Jika kamu sudah memiliki akun dari salah satu photo hosting itu akan lebih mudah, karena tidak perlu mendaftar lagi, atau mungkin kamu malah sudah memiliki gambar seperti syarat - syarat diatas, itu lebih memudahkan lagi. Kalau kamu kesulitan dalam mendaftar dan upload gambar ke salah satu photo hosting, saya juga sudah menulis artikel tentang Cara Daftar dan Upload di Imageshack, silahkan dilihat.

Kamu dapat membuat logo blogmu menggunakan software untuk mengedit atau membuat gambar. Kalau saya hanya menggunakan photoshop untuk membuat (lebih tepatnya mengedit) logo blog saya. Jika kamu tidak mau menggambar sendiri logonya, mungkin kamu bisa mengedit beberapa gambar seperti yang saya lakukan menggunakan photoshop. Cari saja gambar - gambar yang kamu inginkan di google images, lalu mengedit sesukamu. Tapi, kalau kamu belum mengenal photoshop, gunakan saja aplikasi lain, atau yang sederhana saja seperti paint. Usahakan ukurannya gambarnya kecil saja, sekitar ukuran yang tadi saya beritahu diatas, karena jika ukurannya besar, saya belum yakin bisa.  

Setelah logo baru siap, sekarang kita lakukan pengaturan di blog. Ikuti langkah - langkah berikut:

1. Login ke blog.
2. Pada beberapa tab disamping kiri, pilih "Template".
3. Cari tombol "Edit HTML", lalu klik.
4. Cari tulisan </head> diantara kode - kode html, untuk memudahkan, tekan tombol pada keyboard CTRL + F, lalu ketikan </head>.
5. Setelah ketemu kode tadi, letakan kode berikut sebelum (diatas) kode head tadi, jangan lupa untuk disimpan perubahannya setelah selesai.

<link href='http://img809.imageshack.us/img809/5821/rxcopy.jpg' rel='SHORTCUT ICON'/>

Tulisan yang berwarna biru adalah lokasi url tempat kamu menyimpan gambar di photo hosting. Jika kamu menggunakan imageshack, url gambarnya hampir sama seperti contoh diatas, hanya angka dan nama gambarnya yang berbeda.

Bagaimana? Mudahkan? Yaa.... itu tergantung niat kamu membangun blog kamu. Semoga artikel ini bermanfaat bagi kamu, blogger. Kalau kamu menemukan kesalahan atau kekurangan dalam artikel saya ini, silahkan beritahu saya agar saya bisa memperbaikinya. 

Kali ini saya akan memberikan cara memasang jam pada blog. Mungkin kamu pernah melihat blog yang memiliki banyak konten dan salah satunya jam, saat kamu browsing. Kamu juga mau memasang jam? Tenang saja, caranya tidak sulit, hanya perlu memilih jam yang kamu sukai, lalu copy paste.

Menambah konten seperti ini juga akan menarik perhatian pengunjung blog mu dan menambah cantik blog mu. Tapi, tidak baik juga jika terlalu banyak konten karena, loading untuk memuat blog mu akan menjadi lama. Jadi, gunakan konten untuk blog dengan baik.

Ada beberapa situs yang menyediakan konten jam untuk blog. Saya akan memberikan 3 situs untuk kamu lihat. Lihat situs dibawah ini:

Kamu bisa memilih dari beberapa situs tersebut dan memilih style jam yang kamu sukai. Di clocklink.com masih ada banyak macam jam, tidak seperti yang dilihat pada screenshot, pilih saja kategorinya yang ada diatasnya.

Sudah tahu cara memasang jamnya? Sama seperti cara memasang kalender pada blog. Jika belum tahu, saya berikan caranya:

Untuk mendapatkan kode javascriptnya, klik dulu pada jam yang kamu pilih, lalu kamu akan diberikan kode untuk dicopy ke dalam "HTML/Javascript". Jangan lupa simpan pengaturannya.

Jika ada kesalahan dalam blog saya, sebaiknya kasi komentar, agar saya dapat memperbaikinya, atau mungkin ada yang tidak kamu mengerti pada langkah - langkah yang saya berikan, nanti saya akan bantu. Baiklah, semoga semakin banyak pengungjungnya ya (^_^)

Bagi para blogers yang ingin mempercantik blognya, ada banyak cara untuk menghias blog. Berbagai macam konten banyak tersedia dan salah satunya yaitu kalender. Seperti yang kamu lihat pada blog saya ini. Selain sebagai penghias blog, kalender tentunya juga berguna.

Untuk memasang konten seperti ini pada blog, kamu tidak harus pintar - pintar javascript atau semacamnya, kamu hanya harus pintar copy paste (^_^). Langsung saja lihat beberapa link yang menyediakan konten kalender, dibawah ini.

Kamu bisa lihat screenshot dari beberapa link penyedia konten kalender. Mana yang lebih menarik? Itu pilihanmu. Kalender pada blog saya, seperti yang kamu lihat terdapat pada cuteki.com.

Nah, sekarang saya akan menjelaskan cara memasangnya di blog:

Kalau mau kalender dari cuteki.com, klik dulu kalendernya, nanti akan diberikan kode. Jika kalender belum muncul pada blog kamu, berarti kamu melakukan kesalahan, coba diulangi lagi, pasti bisa.

Lihat juga cara memasang jam menarik pada blog untuk menambah konten blog mu. Jika ada yang tidak kamu mengerti dari langkah - langkah yang saya kasi, komen saja, nanti saya akan bantu (^_^)

Banyak hal yang dapat kita lakukan untuk membuat blog kita terlihat lebih cantik. Selain menambahkan beberapa konten yang sudah disediakan blogspot, kita juga dapat menggunakan konten dari website lain. Kali ini saya akan memberikan informasi tentang salah satu konten blog. Seperti judul artikel ini, yaitu "Menambahkan Animasi Teks pada Blog".

Animasi teks pada blog berupa sebuah teks yang terdiri dari huruf - huruf yang memiliki style tertentu dan memiliki gerakan tertentu. Animasi teks ini biasanya diletakan dibagian atas blog sebagai header. Teksnya berisi ucapan selamat datang atau yang lainnya tergantung pemilik blog dan juga singkat. Beberapa contoh animasi teks yang saya dapatkan dari sebuah website:

Font 12:

Font 21:

   
Diatas adalah contoh dari animasi teks yang bisa kamu dapatkan di website: http://www.myniceprofile.com/custom-animated-text.html. Teks yang sebenarnya dari gambar diatas akan bergerak - gerak. Pada font 12, setiap huruf pada teks "Selamat Datang" itu akan bergerak - gerak seperti lonceng yang tertiup angin, setiap hurufnya bergerak ke arah yang berbeda, ada yang ke kanan dan ada yang ke kiri. Jika pada font 12, setiap huruf memiliki style yang sama, yaitu lonceng, berbeda dengan font 21 yang memiliki style berbeda, yaitu warna yang berbeda. Setiap huruf pada teks font 21 bergerak seperti gerakan bendera yang berkibar.

Masih banyak lagi animasi teks selain contoh teks diatas. Kamu mau mencobanya? Pertama - tama kunjungi website yang sudah saya berikan diatas.




 
Dari sekian banyak font, pilihlah yang terbaik untuk blog kamu. Jika sudah menentukan pilihan, lihat kotak dibawah yang didalamnya ada tulisan "Example". Hapus semua tulisan di kotak itu, lalu tulis seperti ini: [f21]Selamat Datang[/f]. Tulisan "Selamat Datang" yang berwarna biru dapat kamu ubah sesuai keinginanmu. Tulisan "[f21]" yang berwarna merah adalah jenis font yang kamu pilih, f21 artinya font 21. Style font 21 sama dengan contoh animasi teks font 21 yang sudah saya berikan diatas. 

Kamu dapat menghitung font-nya dari sebelah kiri atas, tepatnya font 1, yaitu teks berpola bendera Amerika, ke sebelah kanan. Font 10 adalah teks ber-style bola dunia, dan font 12 adalah teks yang memiliki style lonceng. Hitung berapa nomor font yang kamu pilih, lalu ganti angka pada tulisan "[f21]" yang berwarna merah tadi dengan nomor font yang kamu pilih.

Setelah menentukan font dan teks animasinya, lihat hasil pilihanmu dengan menekan tombol "Preview". Kalau masih belum puas, boleh diubah lagi sampai tepat sesuai keinginanmu. Setelah modelnya sudah sangat tepat dengan keinginanmu, klik tombol "Get the Code". Nah, kamu akan dibawa ke halaman lain, disana kamu akan melihat dua kotak berisi kode, yang harus kamu copy nanti adalah kode yang atas, kalau mau copy sekarang juga boleh. Langsung saja klik kanan di dalam kotak itu, nanti semua kodenya akan ter-blok, lalu klik "Copy".




 
Sekarang, login ke blog kamu, lalu menuju ke "Tata Letak". Klik "Tambahkan Gadget", lalu jendela baru akan terbuka, cari gadget "HTML/Javascript", klik tanda plus disampingnya.





Tunggu beberapa saat, lalu akan muncul jendela baru. Isi judul terserah kamu, lalu dibagian konten, isi dengan kode yang sudah di-copy tadi atau kalau belum di-copy, silahkan di-copy dulu. Jangan lupa disimpan perubahannya.




 
Nah, sekarang diliat dulu blognya. Kalau teksnya gak muncul, mungkin ada kesalahan kode yang di-copy, coba lebih berhati - hati.

Sebenarnya animasi teks itu dapat dikombinasikan antara style satu dengan yang lain. Misalnya mau menggabungkan font 21 dengan font 10, begini tulisannya: [f21]Selamat[/f] [f10]Datang[/f], jangan lupa diberi spasi antara font yang berbeda. Atau mungkin kamu mau membuat 1 kata dengan huruf yang ber-style berbeda, misalnya kata "Halo" dengan font 21, font 40, font 25, dan font 32, seperti ini: [f21]H[/f][f40]A[/f][f25]L[/f][f32]O[/f], kalau mau membuat kata ber-style beda, jangan beri spasi pada setiap hurufnya jika masih dalam satu kata, kecuali memang kamu ingin sengaja diberi spasi.

Selain teks beranimasi, situs Myniceprofile juga menyediakan konten - konten lain. Silahkan dieksplorasi dan jika tertarik,  tinggal copy kodenya deh.

Sudah cukup panjang rupanya artikel ini, silahkan dicoba buat kalian para blogger. Selain yang ini masih banyak lagi cara - cara untuk membuat blogmu terlihat menarik, kamu bisa melihat trik - trik lain di blog saya di kategori Trik dan Tips Blogspot.