Pages

Selasa, 17 Juni 2014

Merefresh Di Blog

Fungsi refresh di gunakan untuk membuat “penyegaran” kembali halaman blog ataupun website. Fungsi refresh ini sama dengan fungsi refresh yang ada pada browser internet, perbedaannya yaitu fungsi ini di buat bekerja secara otomatis, yakni pengguna tidak perlu menekan tombol refresh yang ada pada tool bar.

Untuk membuatnya cukup dengan hanya membubuhkan kode di bawah ini :


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


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

sedikit uraian 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 kejengkelan kepada 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 ke URL addres yang lain. Ini berfungsi jika anda ingin membawa pengunjung blog atau situs anda ke alamat situs yang anda inginkan. Agar lebih jelas, saya ambil salah satu contoh. Ada teman saya sudah lama nge blog, dan setelah sekian lama kemudian dia membuat situs baru. Jadi blog yang lama tidak ingin di aktifkan lagi (di non aktifkan). Nah selain memakai cara meninggalkan pesan bahwa alamat situs atau blog sudah pindah alamat, alangkah baiknya kita memakai fungsi Refresh yang di setting secepat mungkin yakni waktu refresh di set 0 (nol) detik. Jadi apabila ada pengunjung yang mengunjungi alamat blog tersebut akan secara otomatis di bawa langsung ke alamat baru yang di inginkan.

Fungsi Redirect ini bisa di buat dengan kode :


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


Selamat mencoba. 

Senin, 16 Juni 2014

Random Banner Header Bag 2

Untuk Template klasik
  1. Sig in di blogger dengan id sobat

  1. Klik menu Template

  1. Klik menu Edit HTML

  1. Copy seluruh kode HTMl lalu paste pada program notepad kemudian save. Ini di maksudkan untuk berjaga-jaga apabila terjadi kesalahan dalam proses editting template, sobat masih mempunyai data untuk mengembalikannya ke semula

  1. Copy kode berikut ini lalu paste di bawah kode <div id='header'> (biasanya)



<script type="text/javascript">
var banner= new Array()
banner[0]="http://i162.photobucket.com/albums/t253/rohman24/banner_1.gif"
banner[1]="http://i162.photobucket.com/albums/t253/rohman24/banner_2.gif"
banner[2]="http://i162.photobucket.com/albums/t253/rohman24/banner_3.gif"
banner[3]="http://i162.photobucket.com/albums/t253/rohman24/banner_4.gif"
banner[4]="http://i162.photobucket.com/albums/t253/rohman24/banner_5.gif"
banner[5]="http://i162.photobucket.com/albums/t253/rohman24/banner_6.gif"
banner[6]="http://i162.photobucket.com/albums/t253/rohman24/banner_7.gif"
banner[7]="http://i162.photobucket.com/albums/t253/rohman24/banner_8.gif"
banner[8]="http://i162.photobucket.com/albums/t253/rohman24/banner_9.gif"
banner[9]="http://i162.photobucket.com/albums/t253/rohman24/banner_10.gif"
var random=Math.floor(10*Math.random());
document.write("<style>");
document.write("#header {");
document.write(' background:url("' + banner[random] + '") no-repeat top left;');
document.write(" }");
document.write("</style>");
</script>


·  Klik tombol Save Template Changes
·  Selesai.


Untuk Template baru
  1. Sign in di blogger dengan id sobat

  1. Klik menu layout

  1. Klik menu Page Elements

  1. Klik tulisan Add a Page Element

  1. Klik tombol ADD TO BLOG di bawah tulisan HTML/JavaScript

  1. Copy paste kode berikut kedalamnya



<script type="text/javascript">
var banner= new Array()
banner[0]="http://i162.photobucket.com/albums/t253/rohman24/banner_1.gif"
banner[1]="http://i162.photobucket.com/albums/t253/rohman24/banner_2.gif"
banner[2]="http://i162.photobucket.com/albums/t253/rohman24/banner_3.gif"
banner[3]="http://i162.photobucket.com/albums/t253/rohman24/banner_4.gif"
banner[4]="http://i162.photobucket.com/albums/t253/rohman24/banner_5.gif"
banner[5]="http://i162.photobucket.com/albums/t253/rohman24/banner_6.gif"
banner[6]="http://i162.photobucket.com/albums/t253/rohman24/banner_7.gif"
banner[7]="http://i162.photobucket.com/albums/t253/rohman24/banner_8.gif"
banner[8]="http://i162.photobucket.com/albums/t253/rohman24/banner_9.gif"
banner[9]="http://i162.photobucket.com/albums/t253/rohman24/banner_10.gif"
var random=Math.floor(10*Math.random());
document.write("<style>");
document.write("#header {");
document.write(' background:url("' + banner[random] + '") no-repeat top left;');
document.write(" }");
document.write("</style>");
</script>


  1. Klik tombol SAVE CHANGES

  1. Selesai.




Sekedar tambahan (padahal masih banyak
Description: http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif), kode diatas adalah sekedar contoh, silahkan ganti address bannernya dengan yang di miliki sobat.

Mungkin ada beberapa template yang di pakai sobat saat ini banner headernya tidak sesuai dengan keinginan sobat, sebenarnya ukuran tersebut bisa kita ganti. Contoh untuk template minima sebagai berikut :


@media all {
#header {
width:660px;
margin:0 auto 10px;
border:1px solid #ccc;
}


Pada kode diatas terlihat bahwa untuk lebar banner header sebesar 660p(width:660px;), nilai tersebut bisa kita rubah sesuai dengan keinginan. Dan untuk tinggi dari banner header tidak di definisikan, nah agar banner kita sesuai dengan keinginan maka kita harus menyelipkan kode tambahan sebagai definisi, contoh lebar yang di inginkan adalah sebesar 150px, maka kode yang di tambahkan adalah
height:150px; sehingga kode di atas menjadi seperti ini :


@media all {
#header {
width:660px;
height:150px;
margin:0 auto 10px;
border:1px solid #ccc;
}


Untuk masing-masing template tentunya akan sangat berbeda, akan tetapi untuk template milik blogger, biasanya untuk bagian header di beri nama #header.


Untuk melihat contoh nyata dari efek script diatas, saya sudah membuat satu blog sebagai percontohan, blog tersebut sudah di pasang 10 banner seperti yang saya terangkan di atas, untuk melihat perubahannya sobat harus mengklik susuatu agar layar browser menjadi berubah baru, saya beri contoh dengan mengklik judul arsip atau yang lainnya. Untu melihat contoh silahkan lihat
di sini

Selamat mencoba !!!! 

Random Banner Header Bag 1

Random Banner Header
Menjawab pertanyaan mba Ati beberapa hari yang lalu yang di ajukan melalui shoutbox mengenai cara membuat random banner header atau gambar banner yang ada di header bisa bergantian atau berubah-berubah. Sepertinya memang lebih menarik apabila banner yang ada di header bisa bergantian sehingga suasana akan lebih fresh karena tidak monoton seperti blog saya ini Description: http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif, tapi tidak apa-apa, mungkin suatu hari nanti blog inipun headernya bisa bergantian Description: http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif.

Untuk membuat random banner ada beberapa langkah yang harus sobat lakukan, yaitu :
·  Langkah pertama

Langkah pertama yang harus dilakukan tentunya sobat wajib membuat beberapa banner, bisa tiga, empat, lima, dan seterusnya tergantung dari keinginan sobat. Untuk membuatnya sobat bisa menggunakan program-program semisal adobe photoshop atau coreldraw serta kawan-kawannya yang lain. Akan tetapi karena saya tidak terlalu mahir masalah program untuk desain gambar, maka tidak akan saya terangkan cara pembuatannya. Jika sobat ingin berkonsultasi mengenai program adobe photoshop, silahkan kunujungi
http://jaloee.blogspot.com miliknya kang jaloee, beliau ini pakarnya kalau masalah photoshop.

·  langkah kedua

Langkah kedua yang harus dilakukan adalah mengupload banner-banner tersebut pada hosting tempat menyimpan gambar, saya ambil contoh
www.photobucket.com untuk cara upload pada situs ini sudah saya terangkan pada postingan terdahulu, jika masih bingung silahkan klik di sini.

Jika proses upload selesai, copy URl address banner-banner tersebut lalu paste pada program notepad guna nanti untuk di masukan kedalam kode/script yang akan saya berikan.


·  Langkah ketiga

Langkah ketiga yaitu memasukan script kedalam kode template yang sobat miliki. Script dasarnya adalah :


<script type="text/javascript">
var banner= new Array()
banner[0]="bannerURL0"
banner[1]="bannerURL1"
banner[2]="bannerURL2"
banner[3]="bannerURL3"
banner[4]="bannerURL4"
banner[5]="bannerURL5"
banner[6]="bannerURL6"
banner[7]="bannerURL7"
banner[8]="bannerURL8"
banner[9]="bannerURL9"
var random=Math.floor(10*Math.random());
document.write("<style>");
document.write("#header {");
document.write(' background:url("' + banner[random] + '") no-repeat top left;');
document.write(" }");
document.write("</style>");
</script>



Terlihat diatas bahwa jumlah banner yang diberikan adalah 10 buah, akan tetapi jumlah ini tidak mutlak yaitu berapa saja yang sobat inginkan yang penting pada kode var random=Mat. jumlahnya harus sesuai dengan jumlah banner.


Lagi-lagi karena template blogger ada dua yaitu template klasik dan template baru maka untuk menempatkan kode/script akan berbeda, Sehingga pembahasannya pun akan saya bagi menjadi dua bagian. Sebelumnya saya akan memberikan contoh kode yang memuat banner yang sudah saya upload dan masing-masing memiliki URL addres sebagai berikut :

http://i162.photobucket.com/albums/t253/rohman24/banner_1.gif

http://i162.photobucket.com/albums/t253/rohman24/banner_2.gif

http://i162.photobucket.com/albums/t253/rohman24/banner_3.gif

http://i162.photobucket.com/albums/t253/rohman24/banner_4.gif

http://i162.photobucket.com/albums/t253/rohman24/banner5.gif

http://i162.photobucket.com/albums/t253/rohman24/banner_6.gif

http://i162.photobucket.com/albums/t253/rohman24/banner_7.gif

http://i162.photobucket.com/albums/t253/rohman24/banner_8.gif

http://i162.photobucket.com/albums/t253/rohman24/banner_9.gif

http://i162.photobucket.com/albums/t253/rohman24/banner_10.gif

dan contoh bannernya adalah sebagai berikut (gambar diperkecil) :



Contoh script dari banner-banner ini adalah :


<script type="text/javascript">
var banner= new Array()
banner[0]="http://i162.photobucket.com/albums/t253/rohman24/banner_1.gif"
banner[1]="http://i162.photobucket.com/albums/t253/rohman24/banner_2.gif"
banner[2]="http://i162.photobucket.com/albums/t253/rohman24/banner_3.gif"
banner[3]="http://i162.photobucket.com/albums/t253/rohman24/banner_4.gif"
banner[4]="http://i162.photobucket.com/albums/t253/rohman24/banner_5.gif"
banner[5]="http://i162.photobucket.com/albums/t253/rohman24/banner_6.gif"
banner[6]="http://i162.photobucket.com/albums/t253/rohman24/banner_7.gif"
banner[7]="http://i162.photobucket.com/albums/t253/rohman24/banner_8.gif"
banner[8]="http://i162.photobucket.com/albums/t253/rohman24/banner_9.gif"
banner[9]="http://i162.photobucket.com/albums/t253/rohman24/banner_10.gif"
var random=Math.floor(10*Math.random());
document.write("<style>");
document.write("#header {");
document.write(' background:url("' + banner[random] + '") no-repeat top left;');
document.write(" }");
document.write("</style>");
</script>



Jika script diatas tulisannya terlalu kecil silahkan klik
di sini untuk melihat tulisan yang normal.


Untuk caranya silahkan ikuti langkah-langkah berikut ini. 

Pasang Statistik dan Tracker

Untuk mendapatkannya silahkan ikuti langkah-langkah berikut :
  1. Silahkan kunjungi situs http://www.sitemeter.com.

  1. klik tulisan Sign Up untuk melakukan pendaftaran

  1. klik tombol bertuliskan Next

  1. Klik tombol Next lagi

  1. Isi semua tabel yang ada lalu klik tombol Next lagi

  1. Isi lagi tabel yang ada, lalu klik tombol Next lagi

  1. klik tombol Next lagi

  1. klik tombol Next lagi ( cape dech next..next melulu   Description: emoticon.gif )

  1. Setelah ada keterangan proses sign up selesai, anda harus melakukan veryfikasi, silahkan buka email yg anda berikan

  1. Buka email yang datang dari sitemeter.com, di dalamnya ada username dan password anda untuk login ke sitemeter.com

  1. Silahkan login dengan id anda

  1. Bila sudah login, Klik menu Manager

  1. Klik Menu Meter Style untuk memilih gaya dari site meter anda

  1. Pilih style yang anda sukai, kemudian klik tombol Select

  1. Klik menu HTML Code

  1. Klik tulisan Adding site Meter to a Blogger.com Site

  1. copy semua kode HTML yang di berikan lalu paste pada Notepad

  1. Klik menu Logout untuk keluar dari situs tersebut

  1. Selesai, tinggal memasukan kode yang kita dapat ke dalam blog kita


Sekarang tugas kita adalah memasukan kode yang sudah kita dapat ke dalam blog, ikuti langkah- langkah berikut :

khusus blog dengan template klasik :
  1. Sign in di blogger dengan id anda

  1. Klik menu TEMPLATE

  1. Klik Edit HTML

  1. Klik Edit (yang ada pada bar menu browser anda)

  1. Klik Find (on this page)... ⇒ untuk mempercepat pencarian

  1. Tuliskan kata dimana anda ingin tempatkan, contoh di blog saya adalah blogger (karena dekat dengan tombol blogger) klik Find

  1. Copy & paste kode yang telah di simpan di notepad tadi, lalu klik tombol Preview untuk melihat perubahan yang terjadi

  1. Jika sudah cocok dengan perubahan tadi, Klik Save Template Changes. Selesai


Sedikit tambahan, bila anda ingin site meter posisinya berada di tengah-tengah, tinggal tambah kode
<center> ...kode site meter... </center>


Untuk blog dengan Template baru :
  1. Login di blogger dengan ID anda

  1. Klik menu layout

  1. Klik Elemen Halaman

  1. Klik Tambahkan sebuah Elemen Halaman

  1. Klik TAMBAHKAN KE BLOG pada menu HTML/JavaScript

  1. Tulis Judul site meter anda pada isian di sebelah form judul (bila ingin ada keterangan. kalau tidak, ya kosongkan saja)

  1. Copy & paste kode Site meter pada kolom isian

  1. Klik tombol Simpan Perubahan

  1. Klik Elemen yang baru anda buat tadi, tahan lalu pindahkan ke tempat yang anda inginkan ( di drag & drop)

  1. Klik tombol PRATINJAU untuk melihat perubahan yang baru di lakukan

  1. Bila sudah cocok dengan perubahan tadi, klik tombol SIMPAN

  1. Selesai



Untuk fungsi site meter sebagai tracker, silahkan anda login ke sitemeter.com trus ya acak-acak deh isinya pasti ketemu....
Description: emoticon gift  Description: emoticon gift  Description: emoticon gift


Selamat mencoba. 

Contoh Lamaran Kerja

Kepada Yth,
Bapak Direktur
R.S INSAN HUSADA
Di Garut

Dengan Hormat,
                Dengan ini perkenankanlah saya mengajukan permohonan kerja kepada Perusahaan yang Bapak pimpin.Untuk keperluan permohonan ini saya sampaikan dengan hormat data – data seperti dibawah ini:
                Nama                                    : Defri Ditama
                Tempat & Tanggal Lahir : Bandung,23 Mei 1991
                Alamat                                                 : Kp.Padarek No.994,RT.04/06,Ds.Sirnagalih,Kec.Bayongbong,Garut
                Pendidikan                         : Diploma satu (D1) Food Product,Lembaga Pendidikan Terapan
  PANGHEGAR,Bandung.
                Sebagai bahan pertimbangan saya melampirkan :
1.       1 (satu) lembar fotocopy surat tanda LULUS
2.       1 (satu) lembar fotocopy KTP & SIM
3.       1 (satu) lembar pas photo ukuran 3x4
4.       1 (satu) lembar Certifacate English Training Program
5.       1 (satu) lembar Certificatae Table Manner at Grand Serela Hotel,Bandung
Saya Memiliki sifat bekerja keras,akrab dengan industri perhotelan terutama di dapur utama.Saya memiliki kemampuan untuk bekerja sendiri maupun sebagai sebuah tim kerja.Besar harapan saya untuk bisa bergabung dengan perusahaan yang bapak pimpin.
Demikian surat lamaran ini saya sampiakan dengan harapan Bapak Direktur berkenan mempertimbangkan dan mengabulkan permohonan saya.Atas perhatiannya saya ucapkan terima kasih.

Garut,24 Maret 2014
Hormat Saya,


Defri Ditama


DAFTAR RIWAYAT HIDUP

Data Pribadi
Nama                                    : Defri Ditama
Alamat                                                 : Kp.Padarek No.994,RT.04/06,Ds.Sirnagalih,Kec.Bayongbong,Garut
Tempat & Tanggal Lahir : Bandung,23 Mei 1991
Jenis Kelamin                    : Laki - laki
Agama                                  : Islam
Tinggi Badan                      : 172 cm
Berat Badan                       : 56 kg
Gol Darah                            : B
Status                                   : Belum Menikah
Hobbi                                    : Olahraga & Musik
No Telepon                        : 08180218614
E-mail                                   : defriditama@rocketmail.com

PENDIDIKAN
Pendidikan Formal
Ø  1997 – 2003 : Sekolah Dasar Mangkurakyat 1 Garut,LULUS.
Ø  2003 – 2006 : Sekolah Menengah Pertama Bayongbong 1 Garut,LULUS
Ø  2006 – 2009 : Sekolah Menengah Atas 19 Garut,LULUS
Ø  2009 – 2010 : LPT Panghegar program 1 tahun,jurusan masak,LULUS
Pendidikan Non-Formal
Ø  2009,Program training Bahasa Inggris di LPT Panghegar
Ø  2009 – 2010,Progam pelatihan Bahasa Inggris intensif di LPT Panghegar
Ø  2010,Table Maner di Grand Serela Hotel.



PENGALAMAN KERJA
Ø Mei 2010 – Agustus 2010,On the Job training di Grand Setiabudi Hotel Bandung,Sebagai Cook helper.
Ø April 2011 – Januari 2012,Bekerja di 3E’s VIEW Cafe Bandung,sebagai Cook.
Ø Januari 2012 – Mei 2012,Bekerja di CoffeBreak Cafe Serang Banten,sebagai Cook.
Ø Mei 2012 – November 2012,Bekerja di D’canteen Bndung,sebagai Cook.
Ø December 2012 – Maret 2013,Bekerja di Fave Hotel Kuta Square Bali,sebagai  Cook(DW).
Ø April 2013 – Sekarang,Bekerja di Grand Setiabudi Hotel Bandung,sebagai Cook(DW).
Demikian daftar riwayat hidup ini saya buat dengan sebenarnya.


Garut,24 Maret 2014
Hormat Saya,



Defri Ditama