rylcolikes.com

Cara membuat efek merefresh di Blogspot

Fungsi refresh adalah di gunakan untuk membuat ( penyegaran ) kembali halaman blog ataupun website tersebut. Fungsi refresh ini sama dengan fungsi refresh yang ada pada browser internet maupun di PC anda, perbedaannya adalah : yaitu fungsi ini akan bekerja secara otomatis, yakni pengguna tidak perlu menekan tombol refresh yang ada pada tool bar maupun di desktop PC anda.

Untuk membuatnya cukup simpel dengan hanya menambahkan kode di bawah ini :


<meta http-equiv="refresh" content="10"/>


Simpan kode di atas antara <head> ........ </head>

 
sedikit Penjelasan kode diatas, content="10" --> angka sepuluh menunjukan bahwa proses refresh akan di lakukan dalam rentang waktu 10 detik. Jadi sebaiknya angka ini di set jangan terlalu cepat karena bisa menimbulkan kemarahan maupun kejengkelan pada para pembaca apabila terlalu cepat di refresh.

Fungsi refresh selain untuk menyegarkan kembali halaman-halaman blog, ada fungsi lain yang juga cukup menarik, yakni berfungsi sebagai Redirect dari satu URL addres akan pindah ke URL addres yang lain. Ini berfungsi jika anda ingin membawa pengunjung blog atau situs anda ke alamat situs yang anda inginkan. Jadi apabila ada pengunjung yang mengunjungi alamat blog tersebut akan secara otomatis di bawa langsung ke alamat baru yang anda inginkan.

Fungsi Redirect ini bisa di buat dengan kode dibawah ini :


<meta http-equiv="refresh" content="0;URL=tulis alamat URL tujuan anda di sini"/> 



Contohnya Seperti dibawah ini ........ 


?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>

<meta http-equiv="refresh" content="21;URL=tulis alamat URL tujuan di sini"/>  
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>
    <b:skin><![CDATA[/*

----------------------------------------------------------