Minggu, 02 Desember 2012

Cara Membuat Efek Refresh di Blog

Anda pernah mengunjungi situs www.livescore.com, jika anda sering mengunjungi situs tersebut tentu anda tahu bahwa situs tersebut akan me-reload halaman yang sedang kita buka setiap menitnya. ini difungsikan bahwa score yang kita lihat adalah score yang selalu update setiap saat dan kita bisa melihat perubahannya setiap menitnya.

Di dalam blog kita pun bisa membuat efek refresh (reload otomatis). sesuai ketentuan waktu yang kita atur. pada tab browser akan tampak seperti dibawah ini :


ini menandakan sedang mereload halaman blog anda. sebelum kita mempelajari lebih lanjut marilah kita ketahui apa itu refresh di dalam blog.

Refresh atau dengan kata lain adalah "penyegaran" maksudnya adalah membuat blog kita me-reload otomatis pada waktu beberapa detik yang kita setting. ini sama fungsinya apabila kita reload pada browser kita. yang membedakan adalah disini akan me-reload secara otomatis.

Beberapa detik ini akan berjalan waktunya setelah kita ataupun pengunjung membuka halaman utama maupun posting pada blog kita.

Berikut ini cara pembuatannya untuk pengguna Blogger.

  1. Login ke Blogger
  2. Kemudian klik Tata Letak dan Edit Html.
  3. lalu copy kode di bawah ini :
    <meta http-equiv="refresh" content="300"/>

  4. lalu kode tersebut di atas di taruh (paste) di antara kode :
    <head> .... </head>

  5. Kemudian Simpan Template

Ket :
Tulisan yang berwarna merah menandakan jumlah waktu yang akan me-reload atau refresh secara otomatis dalam hitungan detik.
Contoh : dalam kode diatas dituliskan "300" berarti blog atau website kita akan refresh secara otomatis dalam waktu 5 menit. karena 1 menit = 60 detik dan 5 menit = 300 detik.
Rubahlah angka "300" dengan waktu yang anda inginkan untuk me-refresh secara otomatis (dalam hitungan detik).

Saran :
Sebaiknya waktu jangan di set terlalu cepat karena akan menimbulkan kaget atau kejengkelan kepada pengunjung yang sedang membaca artikel kita apabila terlalu cepat di refresh.

Ada juga fungsi lain dari kode tersebut di atas yaitu digunakan sebagai pengalihan alamat URL ke alamat URL yang baru. baca selengkapnya di Cara Membuat Fungsi Redirect / Pengalihan Alamat URL
Demikianlah artikel tentang Cara Membuat Efek Refresh di Blog
Kembali ke Beranda Blog Trik Tips Tutorial
Semoga Bermanfaat..

Cara Membuat Tulisan Berjalan (Marquee)

Sebelum kita membahasnya alangkah baiknya kita mengetahui terlebih dahulu apa yang dimaksud dengan marquee..?
Marquee adalah suatu program HTML untuk membuat teks bisa bergerak atau berjalan.

Sering kali kita melihat blog yang dihiasi oleh tulisan atau kata-kata yang berjalan di blog teman-teman kita. mungkin sebagian besar sudah mengetahui cara membuat tulisan berjalan tersebut. tapi disini Trik Tips Tutorial akan mencoba untuk sharing kepada teman-teman yang belum mengetahui cara pembuatannya.

berikut cara pembuatannya :

  1. Login ke Blogger
  2. Kemudian klik Tata Letak dan Elemen Halaman
  3. Ketika sudah berada di Elemen Halaman klik Tambah Gadget
  4. Lalu pilih HTML/JavaScript
  5. Langkah selanjutnya masukkan kode marquee yang anda inginkan seperti contoh dibawah ini :



1. Teks berjalan dari kanan ke kiri


kode :



2. Teks berjalan dari kiri ke kanan


kode :


3. Teks berjalan bolak balik


kode :



4. Teks berjalan dari atas ke bawah


kode :




5. Teks berjalan dari bawah ke atas


kode :




6. Teks berjalan mondar-mandir


kode :



7. Teks berjalan zig-zag nembus


kode :




8. Teks berjalan zig-zag mantul


kode :

Langkah Selanjutnya adalah mengganti tulisan
Contoh Tulisan Berjalan
dengan tulisan atau kata-kata yang anda inginkan.

Ket :
# direction="left/right/up/down" --> Mengatur arah gerakan teks.

# scrollamount="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semakin cepat gerakannya.

# behavior="scroll/slide/alternate" --> Untuk mengatur perilaku gerakan :
~> Scroll --> teks bergerak berputar
~> Slide--> teks bergerak sekali lalu berhenti
~> Alternate --> teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik bo)

# Fungsi dari :
<center> ............. </center>
adalah agar tulisan tersebut selalu berada di tengah.

SEMOGA BERHASIL.............

Sabtu, 01 Desember 2012

Cara Cari Kode HTML di Template Blogger

Banyak teman pemakai blogger.com
Blogspot merasa kesulitan ketika hendak mengedit kode HTML di template blogger.com untuk berbagai keperluan. Sebagai contoh untuk membuat fasilitas Read More atau Baca Selengkapnya, membuat Related Posts atau Tulisan Terkait, Cara Buat Judul yang SEO, Cara Buat Komentar Do Follow,  dan lain sebagainya yang semuanya mengharuskan  kita memelototi “kerumunan” kode-kode HTML yang ada dalam template blogger.com. Bagi banyak newbie, memandang tumpukan kode html itu aja bikin pusing, apalagi kalau harus mencari salah satu kode dari sekian banyak kode.
Sebenarnya ada cara mudah yang tak bikin pusing. Ikuti tutorial singkat berikut:

1. Setelah login ke blogger.com, klik -> Layout -> Edit HTML -> Expand Widget Template
2. Tekan secara bersamaan CTRL dan F (atau F3 untuk shortcut). Maka akan muncul tulisan “Find” dan kotak pencari di bagian bawah browser (di atas tulisan START)
3. Tulis kode html template yang ingin dicari di kotak sebelah kata “FIND” tersebut. Contoh, post.body (misalnya untuk buat Read More), maka akan muncul kata tersebut di template blogger.com di highlight (diblok) dalam warna hijau (lihat gambar, klik untuk memperbesar). Anda tinggal langsung tancap ke TKP untuk otak-atik kode tanpa harus memelototi kode-kode yang lain. Mudah bukan? Selamat mencoba!

Blogger Edit Template HTML