#DiaryDailyDose: HTML

Home » Posts filed under HTML

Showing posts with label HTML. Show all posts

Assalamu'alaikum sobat... sudah lama tak berjuampa xD
Sekarang ane mau bagiin Cara Membuat Halaman Redirect/Pengalihan Halaman. Disini ane mau ajarin dengan 3 bahasa Pemograman yaitu HTML, PHP, dan JavaScript.
Oke langsung saja yang

1. HTML
Selipkan kode dibawah ini diatas hode <head> atau dimanapun kalian ingin menaruh kode ini ( Asalkan tidak dalam Tag lain )

<meta http-equiv="Refresh" content="waktu-tunda; URL=alamat-tujuan">

Penjelasan :

content="waktu-tunda;

adalah Lamanya waktu Halaman akan dialihkan, jika ingin dialihkan dalam 1 detik, ganti tulisan "waktu-tunda" dengan angka "1" (Tanpa tanda kutip)

URL=alamat-tujuan

adalah Kemana halaman itu akan dialihkan, jika ingin dialihkan ke blog sobat, tinggal ganti aja tulisan "alamat-tujuan" dengan URL Blog sobat contoh : http://dfc48.blogspot.com/

Contoh yang sudah jadi seperti ini :

<meta http-equiv="Refresh" content="1; URL=http://dfc48.blogspot.com/">

2. PHP
Selipkan kode dibawah ini di File/Dokumen ber extensi PHP

<?php
header("location:alamat-tujuan");
?>

Penjelasan :

location:alamat-tujuan

adalah Kemana halaman itu akan dialihkan, contoh-nya

location:http://dfc48.blogspot.com

Contoh jika sudah jadi seperti ini :

<?php
header("location:http://dfc48.blogspot.com/");
?>

3. JavaScript
Dengan JavaScript ini bisa untuk Halaman ber-extensi HTML ataupun PHP
Kode-nya seperti ini :

<script language=javascript>
setTimeout("location.href='alamat-tujuan'", waktu-tunda);
</script>

Penjelasan :
Waktu yang digunakan menggunakan Satuan Mili Detik,
kode ini bisa diselipkan diantara tag <head> dengan </head> maupun <body> dengan </body>

Contoh :

<script language=javascript>
setTimeout("location.href='http://dfc48.blogspot.com'", 20000);
</script>

Berarti web tersebut akan dialihkan ke Blog ini dalam waktu 2 Detik

Oke... cukup sekian penjelasannya tentang Cara Membuat Halaman Redirect ^_^
Jika ada yang belum paham silahkan ditanyakan xD
Wassalamu'alaikum WR.WB.

Assalamu'alaikum sobat... sudah lama tak berjuampa xD Sekarang ane mau bagiin Cara Membuat Halaman Redirect/Pengalihan Halaman. Disin...

Daffa / 4/10/2014 03:12:00 am / 0 Komentar

Apakah anda melihat Widget jam di blog ini? Apakah menarik? jika menarik apakah anda tidak ingin mencoba memasang di blog-mu? Saya akan memberikan caranya :D
Sorry bahasanya terlalu serius :v
Langsung ajee... Tancep gan.... :v

1. Masuk Dashbor Blog -> Tata Letak
2. Klik Tambahkan Gadget
3. Lalu pilih HTML/JavaScript
4. Masukkan kode dibawah ini

5. Simpan

Mudah bukan? nah semoga berhasil, dan sampai jumpa :* :v
Wassalamu'alaikum WR.WB

Apakah anda melihat Widget jam di blog ini? Apakah menarik? jika menarik apakah anda tidak ingin mencoba memasang di blog-mu? Saya akan me...

Daffa / 12/23/2013 10:34:00 pm / 0 Komentar

Mungkin semua blogger ingin blognya tidak hanya diminati oleh orang dalam negri saja. Namun sering kali kita mendapat kendala di Translatornya, Kali ini saya akan memecahkan masalah itu agar orang Dalam maupun Luar Negri dapat menikmati blog kita

1. Login ke Blogger
2. Klik Tata Letak
3. Tambahkan widget
4. Pilih HTML/JavaScript

Contoh/Tampilan 1 :

Masukan kode dibawah ke HTML/JavaScript

Contoh/Tampilan 2:

Oke sekian dulu dari saya semoga bermanfaat :D

Mungkin semua blogger ingin blognya tidak hanya diminati oleh orang dalam negri saja. Namun sering kali kita mendapat kendala di Translatorn...

Daffa / 12/15/2013 10:57:00 pm / 0 Komentar

Hallo sobat... Bertemu lagi dengan saya :D Oke, kali ini saya akan membagikan cara Untuk Memberi Tulisan dipojok Blog. Ada 3 Metode, dan saya akan memberitahukan Caranya satu persatu.

Metode Pertama:
Membuat tulisan Dipojok blog Sesuai Keinginan

1. Masuk ke Dasbor Blogger -> Template -> Edit HTML

2. Lalu cari kode </body>
3. Pastekan kode dibawah ini diatas kode </body>

<div style='position: fixed; top: 75px; left: -225px; width: 600px; padding: 10px; font-size: 24px; text-align: center; color: rgb(255, 255, 255); font-family: 'trebuchet ms', verdana, arial, sans-serif;transform: rotate(-45deg);transform-origin: 50% 0px;-o-transform: rotate(-45deg); -o-transform-origin: 50% 0px;-moz-transform: rotate(-45deg); -moz-transform-origin: 50% 0px; -webkit-transform: rotate(-45deg); -webkit-transform-origin: 50% 0px; background-color: rgb(0, 0, 0); border: 1px solid rgb(170, 170, 170); z-index: 9999; opacity: 0.5;'>Tulisan Sobat</div>

* Warna Merah adalah Tulisan yang ingin di Tampilkan

4. Simpan Template

Metode Kedua:
Membuat tulisan I Love Indonesia dipojok Blog,Contoh gambar dibawah ini

1. Masuk Dasbor Blogger -> Tata Letak

2. Tambahkan Gadget -> HTML/JavaScript
*Letak tidak berpengaruh
3. Lalu masukkan Kode berikut

- Tulisan di Kanan-atas blog

- Tulisan di Kiri-atas blog

- Tulisan di Kiri-bawah blog

- Tulisan di Kanan-bawah blog

* Warna Merah adalah Jarak antara Banner dan sisi monitor

4. Simpan

Metode Ketiga:
Membuat Tulisan JKT48 dipojok Blog, Contoh gambar dibawah ini.

1. Masuk Dasbor Blogger -> Tata Letak

2. Tambahkan Widget -> HTML/JavaScript
*Letak tidak berpengaruh
3. Lalu Masukkan Kode berikut

- Tulisan I Love JKT48 di Kanan-atas blog

- Tulisan I Love JKT48 di Kiri-atas blog

- Tulisan I Love JKT48 di Kanan-bawah blog

- Tulisan I Love JKT48 di Kiri-bawah blog

* Warna Merah adalah Jarak antara Banner dan sisi monitor
4. Simpan

Oke... Sampai disini dulu,
Jika ada yang kurang jelas, silahkan tanyakan saja
Jika Ingin Copy-paste mohon cantumkan post ini sebagai sumber, Hargailah orang lain jika ingin Dihargai :)

Hallo sobat... Bertemu lagi dengan saya :D Oke, kali ini saya akan membagikan cara Untuk Memberi Tulisan dipojok Blog. Ada 3 Metode, dan...

Daffa / 12/15/2013 04:57:00 am / 0 Komentar

Apakah kalian seorang blogger? jika iya pasti kalian ingin yang terbaik untuk blog anda bukan? nah... salah satunya dengan menambahkan Backsound, Sedangkan untuk memasang backsound kebanyakan menggunakan backsound.
Oke langsung saja inilah cara mencari swf dari lagu di 4 Shared

Caranya ada 2 yaitu dengan masuk 4Shared terlebih dahulu atau langsung tanpa masuk terlebih dahulu, saya akan menjelaskan dua-duanya :D

- DENGAN MASUK TERLEBIH DAHULU -

1. buka 4shared.com
2. Login/masuk ke 4Shared
3. Upload lagu yang di inginkan

4. Lalu klik tanda panah kebawah di samping kanan lagu

5. Klik dapatkan link

6. Copy dan pastekan di tempat lain agar bisa diubah, Entah itu di FB, Notepad, Twitter atau yang
lainnya
7. ganti /mp3/ menjadi /embed/ dan .html menjadi .swf, lihat gambar!

Menjadi

8. Itulah kode swf-nya

- TANPA MASUK DAHULU -

1. buka 4shared.com
2. Cari lagunya di tempat pencarian file
3. Setelah ketemu lagunya, klik lagunya

4. Lalu pada link di browser ganti /mp3/ menjadi /embed/ dan .html menjadi .swf, Seperti langkah 7
dan 8 di atas

Menjadi

5. Itulah kode swf-nya

- CARA MEMASANG BACKSOUND DI BLOG -

1. Masukan kode dibawah ini!

2. Ganti yang berwarna merah dengan embed swf tadi
3. Masukan kode tersebut diatas kode </html>

Semoga berhasil
Bila ada yang kurang jelas mohon dimaafkan ^_^

Apakah kalian seorang blogger? jika iya pasti kalian ingin yang terbaik untuk blog anda bukan? nah... salah satunya dengan menambahkan Bac...

Daffa / 12/11/2013 03:45:00 am / 0 Komentar

Jarvis adalah alat Asisten Komputer yang dipakai di helm Iron Man, dimana sang Iron Man hanya bicara lalu perangkat lainpun bergerak :D
Nah.... Ingin merasakkan sensasi bermain Jarvis? Simak aja bro :D

Cara Membuat Jarvis (asisten Di iron man) di komputer - pernahkah kalian menonton Big movies "IRON MAN". jika kalian sudah menontonnya pastinya kalian sudah tau dengan yang namanya jarvis, asisten yang dia ciptakan untuk kepentingan - kepentingannya, maukah kalian membuat hal serupa dilaptop maupun PC kalian? walaupun ini cuma sederhana tapi cukup memuaskan untuk anda coba.

Ini contoh jarvis Teman saya

LANGKAH - LANGKAHNYA

Langkah 1

Kenali dahulu jenis kelamin windows anda, untuk itu bukalah Notepad

setelah Notepad terbuka Ketikan Perintah ini :

CreateObject("SAPI.SpVoice").Speak"Hello friend, I am your assistant."

save dengan nama : jeniskelamin.vbs
save as type: All Files

Langkah 2

- Install Software Macross yang link nya sudah disediakan Dibawah postingan

- Install lalu jalankan Macros (saat menginstall sepertinya kita harus menancapkan mic atau headset pada komputer kita)

- buka software macross dan konfigurasi

- Generate certificate (harus digenerate setiap kali komputer restart) Caranya : klik kanan di macros icon toolbar pojok kanan bawah pilih security lalu Create signing certificate

Muncul creating a new RSA signature key pilih OK

Langkah 3

Input dan Output Data
buka notepad lalu isikan script di bawah ini :

<speechMacros>
<command>
<listenFor>what's your name</listenFor>
<listenFor>who are you</listenFor>
<speak>my name's jarvis, i'm your assistant. can i help you, sir</speak>
</command>
</speechMacros>

simpan di C:\Users\username anda di komputer\Documents\Speech Macros

beri nama : perkenalan.WSRMac
ekstensinya harus .WSRMac
save as type : All Files
klik 2x pada file perkenalan.WSRMac klik Next - Create -Yes - OK. Close
buka speech recognition
klik icon mic sampai tulisan Off menjadi Listening

sekarang coba anda bicara melalui mic atau headset anda. katakan "what's your name" dengan aksen yang jelas.jika berjalan maka asisten pribadi anda akan menjawabnya.

Catatan : anda bisa membuat percakapan sendiri sesuai keinginan anda

Langkah 4

Perintah Membuka Program
caranya sama buka notepad lalu isikan script :

<speechMacros>
<command>
<listenFor>photoshop</listenFor>
<listenFor>photoshop please</listenFor>
<listenFor>I need a photo editing</listenFor>
<speak>I will open photoshop for you, Sir.</speak>
<run command="C:\Program Files\Adobe\Adobe Photoshop CS3\Photoshop.exe"/>
</command>
</speechMacros>

simpan di C:\Users\username anda di komputer\Documents\Speech Macros
beri nama : perintah.WSRMac
lalu klik 2x pada file perintah.WSRMac klik Next - Create -Yes - OK. Close
maka saat anda mengatakan photoshop atau i need a photo editing lewat mic atau headset maka komputer anda akan secara otomatis menjawab dan membuka program yang anda inginkan.disini saya memprogram untuk membuka photoshop dari desktop saya.

Langkah 5
Menanyakan Jam atau waktu anda bisa menggunakan script di bawah ini :

<speechMacros>
<command>
<listenFor>time</listenFor>
<listenFor>check your clock</listenFor>
<listenFor>time please</listenFor>
<listenFor>give me the time</listenFor>
<listenFor>tell me the time</listenFor>
<listenFor>what time is it</listenFor>
<script language="vbscript">
<![CDATA[
dim currentTime
currentTime=FormatDateTime(Now(),3)
Application.Speak currentTime
Application.SetTextFeedback currentTime
]]>
</script>
</command>
</speechMacros>

jangan lupa buat ngobrol sama si jarvis kita memerlukan alat ini seperti headphone

MACROSS DOWNLOAD

ACEH SHARE

Saya dapatkan ilmu ini dari Teman blogger saya galihblues.blogspot.com :D

Jarvis adalah alat Asisten Komputer yang dipakai di helm Iron Man, dimana sang Iron Man hanya bicara lalu perangkat lainpun bergerak :D ...

Daffa / 12/08/2013 12:25:00 am / 1 Komentar

Ingin memiliki Template menarik dan gak berat seperti template blog saya?
Silahkan di donlot gan.... :D

Download | Demo

Berikut Cara Mengisinya agar Semua bagian di template work :D

- Menjalankan Slideshow

Tata Letak -> Klik HTML/JavaScript (diatas kotak postingan/dibawah Header), Lalu masukkan kode dibawah ini

<div class="lof-main-wapper" id="slider">
<div class="slider-main-outer">
<ul style="left: -610px; width: 6100px;" class="slider-main-wapper">
<script>
document.write("<script src=\"/feeds/posts/default?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
</script><script src="/feeds/posts/default?max-results=10&orderby=published&alt=json-in-script&callback=showrecentposts"></script><li style="position:relative;"><div class="imgauto">
</ul>
</div>
<div style="height: 340px; width: 310px;" class="slider-navigator-outer">
<ul style="height: 850px; top: 0px;" class="slider-navigator">
<script>
document.write("<script src=\"/feeds/posts/default?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts1\"><\/script>");
</script><script src="/feeds/posts/default?max-results=10&orderby=published&alt=json-in-script&callback=showrecentposts1"></script><li class="" style="height: 85px; width: 310px;"><div><img class="auto">
</ul>
</div>
</div>

- Bagian yang diisi yang ada Ceklis-nya kalo yang silang ga ush diisi !

- Agar Semua bagian works, setiap pemberian widget baru dengan HTML/JavaScript agar diberi judul

- Dan... Bagian-bagian lain silahkan di edit sendiri dengan mengubah isi dan judulnya :D

- Cara mengganti backgroundnya...
   Silahkan cari kode body{background: url (
   Lalu ganti dengan URL gambarmu

- Untuk Mengubah gambar menjadi full Screen
   ganti kode ;color:#444;font:x-small Georgia Serif;font-size:small;text-align:center;margin:0} disebelah
   URL background tadi dengan ;margin:0;padding:0;background-size:100% 100%}

- Jangan lupa Simpan Template/Setelan :D

- Cara Mengganti Deskripsi dan Keywords blog/website
Cari kode <meta content=' dan deskripsi, keywords, dll. :D

Ingin memiliki Template menarik dan gak berat seperti template blog saya? Silahkan di donlot gan.... :D Download | Demo Berikut Car...

Daffa / 12/08/2013 12:15:00 am / 0 Komentar

Daffa / 12/07/2013 06:18:00 pm / 0 Komentar