-->
Tampilkan postingan dengan label TIK (SMA XI). Tampilkan semua postingan
Tampilkan postingan dengan label TIK (SMA XI). Tampilkan semua postingan

Minggu, 27 Maret 2011

Cara Membuat Animasi Cursor Mouse di Blogger


Hello all.. apa kabar nya neeh.. Postingan kali ini akan saya coba sedikit garing heheee.. inspirasi ini muncul ketika saya sedang browsing ke salah satu situs web milik microsoft saya gerak - gerakkan mouse nya eeh ada gambar yang bikin mata saya melotot lihat nya (mata jengkol kale bang) hehehee... Cara pemasangan nya cukup mudah ga perlu neko - neko silahkan ikuti langkah berikut :

1. Login ke Blogger + Tata Letak + Edit HTML dan berikan centang pada Expand Tempelate Widget (untuk jaga - jaga sebaik nya kamu Download Tempelate Lengkap kamu)

2. Kemudian kamu cari kode body { (untuk memudahkan pencarian kamu teken Cntrl + F di keyboard kamu)

3. Seteleh ketemu kamu letakkan Script dibawah ini di bawah kode body {

cursor:url("http://i49.tinypic.com/flvjtl.gif"),text;

NB : Tulisan yang warna biru dapat kamu ganti dengan url gambar yang kamu inginkan atau kamu ingin mengganti dengan kode gambar di bawah ini :


Ini url nya http://i46.tinypic.com/24zivc8.gif

Ini url nya http://i45.tinypic.com/330bwwn.gif

Untuk lebih lanjut silahkan kamu berkunjung disini dan kamu bisa pilih ikon cursor mouse sesuka mu kemudian upload gambar tersebut di

Efek Salju

Membuat Efek Daun Berguguran

Postingan lalu dimuat Cara Membuat Efek Salju . Nah Kali ini kita akan Membuat Efek Daun Berguguran di blog kita. Mau tau caranya....
  1. Login ke account Blogger
  2. Klik Tata Letak lalu pilih Elemen Halaman 
  3. Klik Tambah Gadget dan pilih HTML/JavaScript 
  4. Masukkan Kode di bawah ini ke dalam kolom HTML/JavaScript



  5. Simpan
  6. Selesai dan lihat hasilnya

Cara Membuat Artikel Terkait


related_posts_widget Untuk membuat artikel terkait atau related post, kita akan sedikit mengubek-ubek kode HTML template kita. Jadi seperti biasa saya sarankan untuk membackup template sobat terlebih dahulu sebelum membuat artikel terkait ini.

Buat blogger baru yang belum mengerti tentang artikel terkait akan saya beri sedikit gambaran, kurang lebihnya seperti ini, dalam setiap postingan tentunya kita akan mengelompokkan postingan kita dalam beberapa kelompok atau yang biasa disebut dengan label (kategori).

Artikel terkait itu biasanya yang saya tau selalu berada dalam 1 kelompok postingan yang di kategorikan, dan umumnya diletakkan di bagian bawah postingan.

Berikut tutorial singkatnya :

  1. Login ke Blogger.
  2. Klik Tata Letak.
  3. Klik tab Edit HTML.
  4. Kemudian klik Expand Template Widgets .
  5. Cari kode yang seperti ini :



    atau jika bingung tekan Ctrl + F kemudian ketikkan kode berikut :


  6. Jika sobat sudah menggunakan read more pada template sobat, maka akan terdapat 2 kode .
  7. Kemudian letakkan script berikut ini setelah kode yang pertama.





    Artikel Terkait








  8. Kemudian Save Template.
Untuk membuat artikel terkait versi II, silahkan sobat baca postingan saya tentang cara memasang artikel terkait di sidebar. Selamat mencoba !

Menambahkan Jam dan Kalender Pada Blo


Blog kita anggapkan saja sebagai rumah kita, yaitu tempat kita berteduh dari panasnya siang dan dinginnya malam. Blog tempat kita tinggal berada dalam suatu lingkungan yang cukup luas yang setiap orang bebas untuk datang ke rumah kita (blog). Adakalanya kita juga perlu unutk menghias rumah kita agar kelihatan lebih indah dan rapi.

Salah satu pernak-pernik yang biasanya ada di rumah (blog) adalah  jam dan kalender, hidup ini terbatas oleh waktu, dan setiap rumah pasti punya jam atau kalender, walau jaman sekarang ada saja hal-hal yang mempermudah manusia, misalnya saja di HP  sudah ada jam  dan kalendernya.


Jam adalah sebuah unit waktu. Lama sebuah jam adalah 1/24 (satu perduapuluh empat) hari. Satu jam bisa dibagi menjadi unit waktu yang lebih kecil lagi. Satu jam terdiri dari: 60 menit atau 3600 detik
Cara Menambahkan Jam dan Kalender Pada Blog
  1. Login ke blogger
  2. Pilih Tata Letak kemudian Tambah Gadget
  3. Pilih HTML/JavaScript
  4. Masukan kode-kode berikut ini

Hasilnya kan seperti ini



Dan atau yang satu ini


Hasilnya akan seperti ini




Sebuah kalender adalah sebuah sistem untuk memberi nama pada sebuah periode waktu (seperti hari sebagai contohnya). Nama-nama ini dikenal sebagai tanggal kalender. Tanggal ini bisa didasakan dari gerakan-gerakan benda angkasa seperti matahari dan bulan.

Kamis, 24 Maret 2011

CARA MEMBUAT BLOG

Langkah-langkahnya adalah sebagai berikut:
  1. Pada address browser anda ketik http://blogger.com
  2. Setelah itu akan tampil seperti terlihat pada gambar dibawah ini:
  1. Klik CREATE YOUR BLOG NOW.
  2. Tunggu sampai muncul tampilan seperti berikut ini:
  1. Email address => di isi dengan alamat email kita (sebaiknya pake alamat email di gmail.com).
  2. Enter a Password => di isi password anda
  3. Retype Password => di isi dengan password yang sama dengan yang di atas.
  4. Display Name => di isi dengan nama kita (ini akan ditampilkan pada blog anda nantinya)
  5. Word Verification => isi persis sama dengan tulisan yang diatasnya, huruf besar ditulis dengan huruf besar gitu sebaliknya.
  6. Klik/centang pada “I Agree the Term Service”.
  7. Setelah itu tekan tombol Continue.
  8. Selanjutnya muncul tampilan seperti berikut ini:
  1. Blog Title => di isi dengan judul dari blog kita, posisinya ada pada header (bagian atas blog/pada bagian atas browser anda)
  2. Blog Address (URL) => untuk ini bisa anda buat sendiri, misalnya seperti punya saya http://lbsfighter.blogspot.com. Utuk URL saya cukup dimasukkan lbsfighter pada input text, tentunya untuk URL anda lain lagi.
  3. Word Verification => anda isi persis sama dengan kata yang ditampilkan dibawahnya, karena klo salah tidak akan bisa melanjut kelangkah berikutnya.
  4. Jika semua sudah benar anda akan melihat seperti pada tampilan berikut ini:
  1. Sekarang kita memilih template yang disediakan oleh Google, sebaiknya sebelumnya ada baiknya kita mem-Preview dulu sebelum melanjutkan kelangkah berikutnya.
  2. Jika sudah cocok dengan templatenya tinggal di klik Continue.
  1. Langkah selanjutnya anda tekan tombol Star Posting, untuk melakukan posting pada blog anda.

Membuat Arsip blog / Daftar isi dengan fungsi scroll


Jika posting terdahulu saya menguraikan cara menambahkan fungsi scroll pada kategori / lebel, namun pada postingan kali ini saya menguraikan cara membuat Arsip blog / Daftar isi dengan fungsi scroll. Caranya sama persis dan script kode nya pun sama, hanya penempatannya saja yang berbada.
Dibawah ini adalah screenshot pada saat posting ini saya tulis:



Bagi sobat yang ingin menampilkan widgat Arsip / Daftar isi dengan fungsi scroll silahkan ikuti tips ngeblog berikut ini:
  1. Login terlebih dahulu mengunakan akun bloger
  2. Buatlah Arsip blog dengan menambah Gadget pada sidebar, beri nama dengan "Arsip"  ( bisa diganti sesuai keingian )  pilih gaya hierarki
  3. Simpan/save. sampai disini anda telah membuat Arsip ( tanpa fungsi scroll ).
  4. Utuk menambahkan fungsi scroll pada Arsip Sekarang tuju Tata letak -- -->>Edit HTML.
  5. Beri tanda centang pada Expand Template Widgets.
  6. Cari Arsip yang sudah di buat tadi, dengan CTRL+F dan ketikkan kata “Arsip”, ( biasanya di pojok kanan bawah ). akan muncul kode hatml seperti di bawah ini:

























  • Perhatikan tulisan yang berkedip dan berwarna merah di atas, kode itulah yang harus disisipkan kedalam arsip yang telah dibuat, sedangkan tulisan yang berwarna biru pada height:200px; adalah ukuran tinggi pada fungsi scroll ( ganti angka 200 sesuai dengan keinginan )
  • Simpan template dan lihatlah hasilnya

  • Selamat mencoba.....

    Rabu, 23 Maret 2011

    Membuat Read More untuk Template klasik


    Update : Tutorial ini khusus bagi anda yang masih menggunakan template klasik, jika anda sudah menggunakan template baru (xml/beta), silahkan baca petunjuk membuat read more di sini!


    Wah judul yang aneh, "membuat Read More" maksudnya apa? Begini sobat, sebenarnya saya kurang setuju dengan judul tersebut, tadinya saya ingin memberi judul "Membuat menu Selengkapnya", tapi berhubung kata "Read More" yang paling di kenal di jagad blog, ya saya pun ikut-ikutan (dasar tukang ngekor). Ya sudahlah kepanjangan ngobrolnya. Kita mulai pembahasannya. Bagi para sobat yang baru mulai membuat blog, mungkin belum mengetahui informasi ini dan mudah-mudahan dengan membaca artikel ini dapat menambah pengetahuan kita tentang yang namanya nge-blog.

    Cara Mengganti Template di blogspot

    Sekilas tentang template blog, Template website atau blog adalah desain-desain halaman web ataupun blog beserta seluruh komponennya (misal : gambar, stylesheet, dsb) baik berupa file statis maupun file dinamis yang berupa program atau aplikasi yang berjalan sebagai aplikasi web. Seperti yang anda lihat saat ini, bahwa terlihat tatanan gambar serta tulisan di layar monitor anda, itulah yang dinamakan template.
    Di blogger atau blogspot, anda dapat dapat mengganti template blog anda secara leluasa sesuai dengan selera dan keinginan masing-masing. Jika anda telah mahir membuat template sendiri, anda dapat menggunakan template tersebut untuk blog anda. Namun, jika anda masih awam dalam membuat template, blogger atau blogspot sendiri telah menyediakan beberapa template yang bisa anda pilih sesuai dengan keinginan. Selain itu, anda dapat pula mengunduh atau mendownload template blogger gratis dari penyedia template blogger, salah satu contoh website yang menyediakan template blogger tersebut adalah beralamat di http://blogtemplate4u.com, disana terdapat ratusan template blogger yang bisa anda gunakan secara gratis. namun, jika anda menggunakan template gratis, syarat yang harus ditaati adalah tidak boleh menghapus atau menghilangkan credit link dari pembuat template tersebut. Dengan tidak membuang link credit pembuat template, itu adalah sebagai apresiasi atas kerja keras mereka dalam menyediakan template secara gratis.
    Langsung ke topik utama, Cara mengganti template di blogspot atau blogger ada dua cara, yaitu mengganti template dengan template yang disediakan blogspot, atau mengganti template dengan template yang didapat dari penyedia template. kita. Berikut ulasannya :

    Mengganti Template dengan Template yang disediakan blogger

    Berikut cara-cara untuk mengganti template dengan template yang telah disediakan blogger:
    1. Silahkan login ke blogger dengan ID anda.
    2. Klik Rancangan.  rancangan
    3. Klik menu Perancang Template. Selanjutnya akan muncul jendela perancang template blogger. perancang template
    4. Klik pada pilihan template yang tersedia (saat tartikel ini ditulis template yang terdia berjumlah 6 template). Selain itu, anda dapat pula memilih background atau gambar latar belakang dari template tersebut. Jika sudah cocok dengan salah satu template,  klik APPLY TO BLOG. blogger template designer
    5. Selesai.

    Mengganti Template dengan template dari penyedia template

    Berikut cara-cara untuk mengganti template dengan template dari penyedia template :
    1. Download terlebih dahulu template yang anda sukai pada website penyedia template blog gratis. Salah satu contoh anda bisa download di blogger templates.
    2. File template yang didownload, biasanya masih dalam bentuk terkompresi (zip atau rar), oleh karenanya anda perlu mengekstrak atau menguraikan file tersebut dengan software ekstraktor seperti WinZip atau WinRar, Namun jika anda tidak memiliki software tersebut, anda bisa mengekstraknya secara online di Wobzip. ekstrak template
    3. Yang nanti di upload atau di unggah ke blogger hanyalah file yang berekstensi .xml.
    4. Silahkan login ke blogger dengan ID anda.
    5. Klik Rancangan. rancangan
    6. Klik menu Edit HTML. edit html
    7. Disarankan untuk membuat backup terlebih dahulu, klik pada tulisan Download Template Lengkap. download template lengkap
    8. Klik tombol Browse.., pilih file template yang tadi didownload dan telah diekstrak ( file ekstensi .xml saja ). Kemudian klik tombol Unggah.
      unggah template
    9. Apabila ada muncul peringatan tentang widget, klik pada tombol PERTAHANKAN WIDGET. pertahankan-widget
    10. Selesai.

    Pasang Buku Tamu di Sideba

    Memasang sebuah buku tamu (shoutbox/guestbook) pada sebuah blog adalah hal yang cukup lumayan penting,karena buku tamu ini merupakan salah satu sarana untuk berinteraksi antara yang mpunya blog dengan para pengunjung blog. Dengan di pajangnya buku tamu di dalam blog, maka para pengunjung dapat mengungkapkan isi hatinya tentang blog yang anda buat, yang pasti isi dari sebuah buku tamu ini sangatlah bervariasi bisa merupakan pujian, pertanyaan, sekedar iseng, atau ada juga merupakan kritikan terhadap isi blog anda, dan justru dengan adanya variasi itulah membuat blog kita jadi hidup lebih hidu (kaya iklan aja).