MENAMBAH LOGO/ICON PADA TITLE WEBSITE

08:28 1 Comment
Buat apa sih icon pada title bar?
Ya biar icon nya bukan logo xampp aja, ganati pakai logo sendiri.

Untuk menambahkanya cuku menyematkan code berikut:

<link rel="shortcut icon" src="gambar untuk icon bar">
Letakkan code tersebut di antara tag HEAD.

 contoh:

<!DOCTYPE html>
<html>
<head>
 <title>Upload File</title>
 <link rel="shortcut icon" href="file/instagram_PNG16.png">
</head>
<body>
</body>
</html>

dalam code diatas, gambar berada di dalam folder file dengan nama instagram_PNG16.png, forder file dalam folder yang sama.
Jika gambar berada dalam satu folder dengan file html, makan di dalam href ditulis nama gambarnya saja, nama gambar harus beserta extension nya.

MEMBUAT UPLOAD FILE DENGAN PHP

05:52 Add Comment
Di dalam membangun sebuah aplikasi bebasis web tak jarang kita membutuhkan fitur upload file, dengan fitur tersebut kita bisa mengunggah gambar, video, audio, file excel, pdf dan lain sebagainya.
File akan dikirim ke server.
Bagaimana cara upload/unggah file dengan PHP?

OK langsung saja persiapkan alat tempurnya, seperti: code editor , xampp (untuk web server dan mysql), browser.

Pertama buat folder baru di dalam C:\xampp\htdocs\ dan beri nama latihan.
Di dalam folder latihan silahkan buat file:

  • index.html (untuk membuat form upload file)
  • proses_upload.php (untuk proses upload file)
  • dan buat folder file  (untuk menaruh file yang di upload)

Berikut source code untuk index.html


proses_upload.php


Selanjutnya silahkan coba lakukan upload. klik chose file lalu klik upload

dan jika berhasil akan tampil seperti ini

kemudian klik link nya, maka akan menampilkan file yang telah di upload.
kalau belum yakin silahkan buka direktori C:\xampp\htdocs\latihan  untuk mengetahui apakah file yang di upload sudah berada di server

IKLAN ONLINE

16:23 Add Comment

Iklan online adalah metode periklanan dengan menggunakan media internet dan layananya, misalkan web (World Wide Web) dengn tujuan menyampaikan pesan pemasaran ( promosi) agar pelanggan tertarik dan membeli produk yang ditawarkan. Salah satu faktor keberhasilan dalam menjual suatu produk adalah melakukan promosi. Promosi dapat dilakukan dengan membuat iklan. Baik iklan online dan offline / tradisional memiliki tujuan serupa yaitu.
  1. Menginformasikan konsumen tentang merek-merek baru, mendidik tentang berbagai fitur dan manfaat merek, serta menfasilitasi penciptaan citra merek yang positif.
  2. Membangun kesadaran merek, membuat konsumen sadar akan sebuah merek atau produk, merupakan tujuan jangka panjang yang penting bagi setiap pemasar. Setelah konsuen tahu tentang merek/produk, langkah selanjutnya dikenal oleh konsumen semakin mudah bisnis atau produk dan jasa dijual. Misalkan, iklan online banner baik statis ataupun interaktif, merupakan media tepat untuk mempromosikan merek. kekuatan visual dapat dikomunikasikan dengan baik melalui media ini.
  3. Menjangkau pelanggan baru dan meciptakan permintaan konsumen. terdapat 3 langkah dalam menciptakan permintaan konsumen, yaitu:
    • Menginformasikan.
    • Membujuk
    • Mengingatkan
    Ilkan harus dapat menyakinkan konsumen tentang apa yang mereka butuhkan, dan mengapa mereka membutuhkan. Dengan iklan online konsumen baru dapat dijangkau karena batasan waktu dan wiayah bukan lagi menjadi kendala.
  4. Mempresuasi (membujuk) konsumen untuk mencoba produk jan jasa yang diiklankan. Semua bentuk pemasaran online perlu diarahkan untuk target penjualan jangka panjang. Namun, iklan online mendorong penjualan dalam jangka pendek dan menengah. Tidak seperti media iklan tradisional, iklan online dapat mengubah konsumen potensial menjadi konsumen yang sebenarnya dan langsung melakukan tindakan pembelian produk terhadap iklan yang ditawarkan. Konsumen dapat pergi dari iklan online yang ditawarkan langsung ke halaman web perusahaan hanya dengan satu klik. Segala aktivitas konsumen dapat dilacak secara akurat dan diukur keberhasilanya. Begitu pula dengan target pengiklan.
  5. Membangun loyalitas konsumen. Setelah konsumen menyadari dan membutuhkan suatu produk, maka mereka perlu tahu bagaimana cara memenuhi keingina atau kebuthan tersebut. Pada titik inti penting bagi pemasar untuk menunjukan kepada konsumen bagaimana merek tertentu atau produk terbaik akan memenuhi kebutuhan tersebut. Sehingga timbulah loyalitas konsumenterhadap produk-produk yang ditawarkan oleh perusahaan.
Iklan online dikelompokan menjadi 3, yaitu:
  1. Iklan Teks
    Iklan yang ditampilkan berupa teks saja, Contoh: iklan link. Jenis iklan ini lebih ditekankan ke penulisan alamat link iklan dan keterangan singkat dari iklan itu sendiri. Dalam membuat link usahakan ditulis sependek mungkin.     Contoh: Iklan baris, Iklan teks PPC, Pertukaran link dengan pemilik web lain, Iklan banner (yang berisi link iklan), Iklan Kontekstual (Contextual ads), Iklan hasil pencarian (Search ads dapat disebut juga pay per click ads), iklan direktori online (online directories), iklan daftar lokal (Local Listings) atau SEO (Search Engine Optimizing) lokal, dan iklan konten (Content ads) 
  2. Iklan Display Iklan yang ditampilkan kombinasi antara teks, gambar dan animasi (tetapi tidak interaktif seperti rich media) dan setiap iklan display memiliki ukuran yang telah diatur. Terdapat beberapa jenis iklan display diantaranya yaitu.
    • Interstitial banners
    • Pop up dan pop under
    • Floating advert
    • Wallpaper advertising
    • Map advertising
    • Iklan Banner
    • Video online advertising banner
    • Iklan Media Sosial
  3. Iklan rich media (multimedia) 
    The Interactive Advertising Bureau (IAB) telah menentukan aturan untuk iklan jenis ini. Iklan rich media adalah iklan yang dapat berinteraksi dengan konsumen dan merupakan gabungan antara video, teks, gambar, animasi dan suara. Iklan berbentuk animasi tetapi tidak terdapat interaksi maka disebut iklan display. Ada banyak jenis iklan ini diantaranya:
    • peel-back (iklan di sudut kanan atas halaman web. Dimana halaman web awal menggulung atau kembali disertai penampilan konten iklan);
    • floating (Iklan tampil diatas konten sampai lima belas detik dan menghilang. Sebuah tombol close harus ada untuk dapat menutup iklan);
    • expanding (iklan tampil di header atau footer dengan ukuran yang besar);
    • Interstitial (iklan tampil diatas atau menutupi konten, biasanya mendahului halaman konten. Iklan tampil selama lima detik sebelum secara otomatis mengarahkan ke konten. Terdapat tombol "Lewati Iklan" untuk melanjutkan ke konten); 
    • video;
    • popup/popunder;
Itu lah sedikit penjelasan tentang Iklan Online...

(rfs/Modul E-Commerce S1 Teknik Informatika UNPAM)

MEMBUAT POPUP MENGGUNAKAN HTML DAN CSS

19:06 Add Comment

Jika biasanya popup dibuat menggunakan jQuery kali ini saya akan membuat popup dengan css.
berikut source code nya:


<!DOCTYPE html>
<html>
<head>
 <title></title>
<style>
 #button {margin: 5% auto; width: auto; text-align: center;}
 #button a {
  width: auto;
  height: 30px;
  vertical-align: middle;
  background-color: #000;
  color: #fff;
  text-decoration: none;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid transparent;
 }

 /* Jendela Pop Up */
 #popup {
  width: 100%;
  height: 100%;
  position: fixed;
  background: rgba(0,0,0,.7);
  top: 0;
  left: 0;
  z-index: 9999;
  visibility: hidden;
 }
 #window {
  width: 400px;
  height: 100px;
  background: #fff;
  border-radius: 10px;
  position: relative;
  padding: 10px;
  text-align: center;
  margin: 15% auto;
 }
 #window span {
  margin: 30px 0 0 0;
  font-size: 40px;
  font-weight: bold;
 }
 /* Button Close */
 #close-button {
  width: 6%;
  height: 20%;
  line-height: 23px;
  background: #000;
  border-radius: 50%;
  border: 3px solid #fff;
  display: block;
  text-align: center;
  color: #fff;
  text-decoration: none;
  position: absolute;
  top: -10px;
  right: -10px; 
 }

 /* Memunculkan Jendela Pop Up*/
 #popup:target {
  visibility: visible;
 }
</style>
</head>
<body>
 <div id="button"><a href="#popup">Coba Klik</a></div>
    
    <div id="popup">
     <div id="window">
         <a href="#" id="close-button" title="Close">X</a>
            <span>Ini contoh popup</span>
        </div>
    </div>
</body>
</html>



Subscribe to: Posts (Atom)