Cara Membuat Contact Form Atau Kontak Kami

Pada kesempatan kali ini saya ingin berbagi pengalaman dengan teman-teman yang sempat berkunjung ke blog ini, yaitu bagaimana cara membuat kontak kami yang biasa kita jumpai pada blog-blog lain. Agar pembahasan lebih terarah dan seragam, saya menyarankan Anda membuka web dengan alamat http://www.emailmeform.com, karena dari web ini saya membuat Kontak Form yang peruntukkan bagi teman-teman yang ingin bertanya seputar blog dan sebagainya. Adapun langkah-langkah membuat sebuah kontak form adalah sebagai berikut:

1. Silahkan kunjungi situs http://www.emailmeform.com.
2. Arahkan pandangan anda ke sebelah kanan atas monitor di situ ada tulisan Login.
3. Klik pada tulisan Sign up for free.
4. Isilah form yang ada dengan data diri anda :



First Name : » isi dengan nama depan anda. Misal : campur.

Last Name : » isi dengan nama belakang anda. Misal : sari.

Username : » isi dengan username yang di inginkan. Misal : sariayu.

Password : » isi dengan kata kunci yang di inginkan. Misal : 1234567.

Retype Password : » isi dengan kata kunci yang tadi di isikan. Misal : 1234567.

Your Email : » isi dengan alamat email anda. Misal : campursari@gmail.com.

5. Setelah semua form diisi silahkan klik tombol Sign up.
6. Setelah muncul tulisan terima kasih, silahkan cek email anda.
7. Buka email kiriman dari EmailMeForm yang bertajuk Your new account information.
8. Untuk melakukan verifikasi klik link yang di berikan di email tersebut atau kalau tidak bisa, copy alamat URL tersebut lalu paste di address bar browser internet anda untuk melakukan verifikasi bahwa email yang tadi di masukan adalah benar-benar milik anda.
9. Setelah proses verifikasi selesai, silahkan klik tulisan click here untuk menuju halaman akun kontrol panel anda.
10. Alihkan perhatian anda ke sebelah kanan monitor. Klik tulisan Create new form.
11. Ada beberapa form yang perlu di sisi :

Web form Name : » isi dengan nama yang anda inginkan, atau biarkan saja (di sana sudah tertera Contact Webmaster).

Recipients Emails : » isi dengan alamat email yang akan menerima pesan.

Spam Email address : » isi dengan alamat email yang di inginkan untuk menerima pesan spam (email sampah, email iseng doank, email iklan, dll) atau kosongkan saja bila tidak mau menerima pesan email spam.

Thank you page : » isi dengan alamat URL yang memuat tulisan terima kasih, contoh postingan yang ini. Atau jika bingung, tulis saja alamat blog anda.

Number of fields : » biarkan 4 saja.

12. Klik tombol next yang ada di sebelah kanan.
13. Ada beberapa field name yang bisa di ganti sesuai keinginan, misal : Your Name jadi Nama, Your Email Address jadi alamat Email, dst. Atau biarkan saja seperti itu.
14. Klik tombol next yang ada di sebelah kanan.
15. Klik tombol next lagi.
16. Silahkan isi dengan keinginan anda ( hehehe… cape kalau nerangin yang ini) atau biarkan saja seperti itu.
17. Klik tombol next lagi.
18. Klik tombol next lagi.
19. Akan di perlihatkan contoh tampilan kontak form yang tadi di buat oleh anda.
20. Klik tombol Finish.
21. Klik tulisan Get the HTML codes.
22. Copy kode yang ada di text area, di bawah tulisan Copy and paste this HTML code into your page. Lalu paste pada notepad atau text editor lainnya untuk disimpan.

HAL PENTING YANG HARUS DIPERHATIKAN

Untuk menerapkannya di blog caranya yaitu :
23. Buat postingan baru lalu paste Kode HTML yang diperoleh tadi ke halaman postingan lalu klik Publish atau Terbitkan Entri. Untuk lebih jelasnya pehatikan gambar di bawah ini:

Kontak Saya

Terima kasih Anda sudah berkunjung ke blog saya dan menghubungi saya lewat Kontak Email ini. Semua pesan yang Anda tulis di sini langsung dikirim ke email saya.Insya Allah jika tidak ada halangan saya akan membalasnya.

Nama Anda
Email Anda
Perihal
Pesan
Image Verification Please enter the text from the image [ Refresh Image ] [ What's This? ]

Terima Kasih

Terima kasih Anda sudah berkunjung ke blog saya dan menghubungi saya lewat Kontak Email ini. Semua pesan yang Anda tulis di sini langsung dikirim ke email saya.Insya Allah jika tidak ada halangan saya akan membalasnya

Mengubah Background Blog

Mungkin sebagian orang pernah berangan-angan untuk mempercantik penampilan blognya dan berusaha tampil beda dengan blog orang lain. Salah satunya adalah penampilan background yang nyentrik berupa image, baik itu image diri sendiri maupun image berupa ornamen yang sudah tersedia di internet. Untuk mendapatkan background berupa ornamen dapat anda buat sesuka hati klik DISINI. Setelah jadi silahkan download dan masukkan ke harddisk. Untuk memanfaatkannya sebagai background blog silahkan anda upload ke penyedia hosting seperti photobucket.com, hal ini dimaksudkan agar gambar tersebut selalu terhubung dengan blog saat kita buka. Berikut ini adalah contoh ornamen yang dapat dijadikan background blog, silahkan pilih URL-nya untuk menerapkannya di blog anda.

Adapun alamat URL yang dimaksud adalah sebagai berikut :

1. http://i276.photobucket.com/albums/kk13/asadku/patt_4a6116a6b8329.jpg
2. http://i276.photobucket.com/albums/kk13/asadku/patt_4a6116d8c1c6b.jpg
3. http://i276.photobucket.com/albums/kk13/asadku/patt_4a6116375c8b6.jpg

Langkah-langkahnya adalah sebagai berikut :

1. Sign in ke blogger
2. Pilih Layout/Tata Letak
3. Pilih Edit HTML
4. Untuk menjaga-jaga terjadinya kerusakan sebaiknya back up dulu template anda
5. Beri tanda centang/contreng pada kotak Expand Template Widget.

Untuk lebih jelasnya perhatikan gambar berikut :




6. Setelah itu cari kode seperti berikut

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

7. Pada tulisan warna merah di atas tambahkan alamat URL image atau gambar anda. Sekedar contoh kita gunakan salah satu alamat URL di atas, sehingga susunannya seperti dibawah ini :

body {
background:$bgcolor url ('http://i276.photobucket.com/albums/kk13/asadku/patt_4a6116375c8b6.jpg
');
margin:0;
color:$textcolor;
font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

8. Lakukan Pratinjau untuk melihat hasil sementara/preview. Apabila dirasa cocok dan sudah sesuai dengan keinginan silahkan klik Simpan Template.

Mengubah Tanggal Postingan Dengan Icon Kalender

Apakah Anda pernah melihat sebuah postingan yang di samping kiri judulnya terdapat sebuah kalender cantik yang menunjukkan tanggal pembuatan postingan tersebut, dan apakah pernah terbesit dalam benak Anda untuk menerapkannya pada postingan blog Anda? Kalau jawabannya yah berarti sama dengan apa yang pernah saya alami ketika membaca sebuah tulisan, yang secara kebetulan di samping kiri dari judul postingannya ada sebuah kalender cantik. Didorong oleh rasa penasaran bagaimana caranya membuat kalender cantik tersebut, membuat saya melakukan penelusuran menggunakan jasa om google dengan kata kunci "cara mengubah tanggal postingan dengan icon kalender di blog" akhirnya ketemu juga. Awalnya saya kebingunan menerapkannya karena penjelasan yang ada tidak disertai gambar, dengan uji coba beberapa kali yang saya lakukan akhirnya bisa juga dan pengalaman itulah yang saya muat pada postingan kali ini agar pembaca bisa lebih cepat memahaminya. Tulisan ini sebenarnya merupakan gabungan dari beberapa tulisan yang sudah terbit sebelumnya oleh bloger-bloger lain, yang dimodifikasi penjelasannya dan disertai gambar dengan harapan pembaca lebih cepat mengerti langkah-langkahnya. Untuk itu ikuti langkah-langkahnya secara step by step berikut ini:

Langkah Pertama :
1. Login ke blogger dengan ID anda
2. Pilih Tab Setting / Pengaturan
3. Pilih Tab Format

4. Pada Kotak Format Header Tanggal ganti dengan Format Bulan, Tanggal, Tahun.

Contoh : 7.17.2009 (Bulan Juli, Tanggal 17, Tahun 2009)
5. Setelah melakukan perubahan jangan lupa klik tombol Simpan
Untuk lebih jelasnya perhatikan gambar berikut :



Langkah Kedua :

Pilih menu Layout/Tata Letak lalu pilih tab Edit HTML. Terus beri tanda centang/contreng pada kotak Expand Widget Templates. Untuk sekedar menjaga-jaga terjadinya kegagalan dan menghindari kerusakan sebaiknya membackup dulu templatnya dengan mengklik tulisan Download Template Lengkap, yang dapat didownload kembali apabila terjadi kesalahan. Untuk lebih jelasnya perhatikan gambaar berikut :

Langkah Ketiga :

a. Cari kode <TITLE><data:blog.pageTitle/></TITLE> kalau sudah ketemu letakkan script berikut ini dibawah kode tadi.

<SCRIPT type='text/javascript'>
//<![CDATA[
/*********************************/
/* http://trik-tips.blogspot.com */
/*********************************/
function date_replace(date) {
var da = date.split('.');
var day = da[1], mon = da[0], year = da[2];
var month =
['0','Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
document.write("<div class='month'>"+month[mon]+"</div> <div class='day'>"+day+"</div>");
}
//]]>
</SCRIPT>

b. Kalau sudah cari lagi kode berikut :

date-header {
margin: 1.5em 0 0;
font-weight: normal;
color: $dateHeaderColor;
font-size: 100%;
}

Kalau tidak ketemu coba cari kode berikut :

h2.date-header {
margin:1.5em 0 .5em;
}

c. Kalau sudah ketemu letakkan script berikut di bawah kode tersebut :

.dateblock {
background: url("http://kendhin.890m.com/kalender/bluecalend.gif")
no-repeat;
width: 55px;
margin: 0;
font-weight: bold;
height: 50px;
/*position: absolute;
top: 0;
left: 0;*/
float: left;
text-align: center;
}

.month {
font-size: 11px;
width: 37px;
margin: 0 5px;
text-transform: uppercase;
color: #fff;
}

.day {
color:#3366CC;
font-size: 19px;
width: 37px;
margin: 0 5px;

}

Kode http://kendhin.890m.com/kalender/bluecalend.gif adalah gambar icon kalender yang ada dan dapat diganti sesuka hati sesuai keinginan. Adapun caranya ganti huruf yang dicetak tebal dengan kode gambar berikut ini, misalnya kita kepingin kalender yang berwarna merah caranya tinggal ganti text bluecalend.gif dengan redcalend.gif.

Terus kode color:#3366CC; adalah kode warna tanggal, anda dapat menggantinya dengan warna lain sesuai keinginan. Untuk kode warma pada HTML klik DISINI.

d. Langkah selanjutnya cari kode ini <data:post.dateHeader/>. Untuk memudahkan pencarian copy saja kode tersebut lalu tekan Ctrl+F dan paste pada kotak yang ada. Setelah ketemu kode tersebut silahkan ganti dengan kode script dibawah ini :

<div class='dateblock'>
<script>date_replace('<data:post.dateHeader/>');</script>
</div>

e. Silahkan Klik Pratinjau yang ada di pojok kanan atas untuk melihat hasil sementara.
f. Apabila hasil tersebut sudah dirasa cocok dan benar silahkan klik TERBITKAN ENTRI.

SELAMAT MENCOBA SEMOGA BERHASIL

Animasi Gambar Dengan Photoshop

Setelah ditelpon oleh beberapa teman yang tersebar di pelosok negeri ini tentang bagaimana cara membuat gambar yang tampilannya gonta-ganti, sehingga semua photo teman dapat dilihat tanpa menekan apa-apa. Akhirnya saya meluangkan waktu untuk membuat langkah-langkahnya dan mepostingnya di blog ini. Adapun langkah-langkahnya adalah sebagai berikut :

1. Buka program Photoshop dan siapkan gambar yang mau diedit. Pada kesempatan ini gambar yang saya siapkan adalah dengan ukuran yang sama yaitu ukuran 3x4 cm dengan jumlah photo sebanyak 21 buah. Setelah photonya dibuka silahkan jejer photo tersebut untuk memudahkan penyusunan. Jadikan satu photo sebagai tempat penumpukan karena nantinya semua photo yang ada ditumpuk jadi satu. Untuk lebih jelasnya perhatikan gambar berikut :



2. Setiap photo yang ditumpuk diantarai oleh satu layer kosong. Misalnya photo kedua ditarik atau didrag menggunakan Move Tool(V) ke photo satu, tapi sebelumnya buat layer baru dengan cara mengklik icon kertas yang ada pada bagian bawah susunan layer yang ditandai lingkaran merah, begitu seterusnya sampai semua photo menumpuk pada satu tempat saja. Untuk lebih jelasnya perhatikan gambar berikut:



3. Setelah semua photo ditumpuk menjadi satu, selanjutnya kita buka program Image Ready tanpa menutup program Photoshop dengan cara mengklik icon yang ada pada ujung bawah kotak Tools atau cara lain tekan tombol kombinasi secara bersamaan Ctrl+Shift+M. Untuk lebih jelasnya perhatikan gambar berikut :



KITA BERPINDAH PROGRAM KE IMAGE READY

4. Begitu Image Ready terbuka, secara langsung menampilkan tumpukan photo yang sudah diedit di photoshop tadi. Perhatikan pada bagian Animation kotak panjang yang biasa berada pada bagian bawah, apabila kotak ini tidak muncul silahkan klik menu Windows lalu klik Animation. Pada kota tersebut yang muncul adalah satu photo saja, untuk menampilkan photo-photo yang lain silahkan lakukan penggandaan frame dengan cara mengklik icon Duplicates Current Frame berupa icon kertas lipat. Selanjutnya klik juga icon Tweens animation frames yang bersebelahan dengan icon kertas lipat tadi. Pada kota dialog yang muncul tentukan berapa frame yang akan ditambahnkan. Karena frame yang sudah ada baru dua sementara photo yang ada 21 buah, olehnya itu kita masih butuh 19 frame lagi maka pada kotak Frames to Add tulis 19 lalu OK. Untuk lebih jelasnya perhatikan gambar berikut ini :



5. Setelah frame digandakan sejumlah 21 frame tampak bahwa pada setiap frame yang ada hanya satu photo saja yang muncul. Untuk memunculkan photo-photo yang lain pada setiap frame kita harus menghilangkan tanda mata samping kiri photo setiap layer. Misalnya kita ingin memunculkan photo lain di frame kedua, maka terlebih dahulu kita mengaktifkan frame kedua dengan cara mengklik satu kali lalu perhatikan susunan layer pada samping kanan hilangkan tanda mata hingga photo di frame kedua muncul. Lakukan langkah ini pada setiap frame yang ada sampai semua photo muncul. Selanjutnya kita tinggal atur lama perpindahan setiap frame dengan cara mengklik bagian bawah setiap frame, silahkan tentukan waktu apakah 2 detik atau 3 detik terserah sesuai keinginan. Untuk lebih jelasnya perhatikan gambar berikut :



6. Setelah semua pekerjaan selesai silahkan lakukan penyimpanan. Catatan jangan pakai penyimpanan atau Save biasa, tapi pakai Save Optimized As tuliskan nama filenya lalu klik tab Save. Untuk lebih jelasnya perhatikan berikut ini :



7. Silahkan lihat hasilnya dengan mendoble klik file yang sudah disimpan, selamat mencoba.

Cara Mengubah Password Pada Yahoo

Setelah sebelumnya saya memposting tentang bagaimana cara mengubah password pada Gmail, maka pada kesempatan ini saya ingin mengulas tentang bagaimana cara mengubah password pada Yahoo. Hal ini didasarkan pada pengalaman seorang teman yang bernama Ana Afida Staf American Corner UPT Perpustakaan IAIN Walisongo Semarang Jawa Tengah, yang terlanjur memberikan nama email serta passwordnya kepada teman kerja. Dengan kejadian ini email dari si Ana sering dipantau oleh teman-teman lain yang suka iseng ngintip email masuk. Apalagi kalau email masuk itu datangnya dari orang yang dicintai bisa jadi bahan guyonan tuch atau bahan ledekan teman sekerja. Karena merasa terganggu dengan kejadian ini akhirnya si Ana menelpon saya agar password emailnya diubah. Untuk itu berikut ini saya akan uraikan langkah-langkah mengubah password atau kata sandi di yahoo :

1. Buka email anda di yahoo dengan memasukkan nama serta passwordnya seperti pada gambar di bawah :



2. Setelah email terbuka lihat bagian atas ada tulisan Account Saya klik tulisan tersbut. Untuk lebih jelasnya lihat gambar berikut :



3. Selanjutnya masukkan lagi password anda untuk melakukan Verifikasi. Lihat gambar berikut:



4. Setelah itu klik tombol Masuk untuk ke langkah selanjutnya. Pada bagian ini silahkan klik Change Password untuk melakukan perubahan. Untuk lebih jelasnya perhatikan gambar berikut :



5. Langkah berikutnya adalah silahkan memasukkan password lama anda sekaligus masukkan juga password baru sebagai pengganti. Password baru ini dimasukkan dua kali maksudnya pada kotak Pilih Sandi Baru misalnya 123 maka pada kotak Konfirmasi Sandi Baru harus 123 juga., setelah itu klik Simpan. Untuk lebih jelasnya perhatikan gambar berikut :



6. Selesai

Cara Mengubah Password Pada GMAIL

Terinspirasi dari permasalahan Siti Narani seorang teman yang bertugas di Perpustakaan STAIN Palangkaraya, yang secara tidak sengaja mencentang/mencontreng kotak Ingat saya di komputer ini pada Akun Google, sehingga setiap mahasiswa yang masuk perpustakaan dan mengakses internet pada komputer tersebut dengan leluasa melihat isi dari email teman saya tersebut. Akhirnya dari Palangkaraya teman tersebut menelpon ke saya yang kebetulan tinggal di Makassar untuk mengatasi permalahan yang dialaminya. Untuk itu masalah tersebut saya muat dalam postingan ini dengan harapan orang lain yang mempunyai permalasahan yang sama dapat mengatasi sendiri permasalahannya. Adapun langkah-langkahnya adalah :

1. Buka google.com dan pilih gmail sehingga muncul kotak Google Aku silahkan tulis nama email anda dan password anda



2. Setelah email anda terbuka silahkan klik Pengaturan kemudian klik Account lalu klik Setelan Akun Google. Untuk lebih jelasnya perhatikan gambar di bawah ini :



3. Setelah diklik Setelan Akun Google, gambar selanjutnya akan muncul di mana terdapat fasilitas untuk melakukan perubahan password email dan silahklan klik ubah password. Untuk lebih jelasnya perhatikan gambar berikut.



4. Selanjutnya ketikkan password lama anda, kemudian dilanjutkan dengan mengetikkan password baru sesuai dengan keinginan. Perhatian jangan lupa catat password baru yang anda buat tadi karena kalau anda lupa urusannya jadi lain, bahkan bisa buat email baru lagi. Untuk lebih jelasnya perhatikan gambar berikut :




5. Selesai