Cara Mengganti Favicon Atau Logo Pada Blog Terbaru

Cara Mengganti Icon Favicon Pada Blog – Apa itu favicon?… Favicon adalah gambar atau logo yang muncul pada pojok kiri alamat website, mengganti gambar atau logo favicon adalah langkah yang tepat untuk menandai bahwa blog tersebut milik kita atau milik perusahaan ternama, atau hanya sebagai lambang dari blog tersebut. http://www.sumberarticles.com/2017/03/cara-mengganti-favicon-pada-blog-terbaru.html
Cara mngganti logo favicon ini tidak terlalu rumit, tetapi tetap saja bagi pemula yang baru terjun ke dunia blogger akan sedikit kebingungan, nah disini saya tuliskan caranya supaya rekan – rekan yang baru menggeluti dunia blogger tau akan hal ini, mengganti logo blog ini tidak mempengaruhi apapun, ini hanya sebagai hiasan saja supaya tampilan situs blog kita terlihat lebih menarik.
Logo blog
Logo blog
Cara mengganti favicon blog
1. Hal yang pertama silahkan login terlebih dahulu ke dasboard blog rekan – rekan.
2. Kedua silahkan klick menu tata letak pada menu dasboard blogger, lihat gambar di bawah.
Menu blog
Menu blog
3. Pada pojok kiri pengaturan tata letak, silahkan klick edit, lihat gambar yang sudah saya tandai tengan tanda kotak merah.
Cara mengganti logo
Cara mengganti logo
4. Langkah selanjutnya akan tampil jendela baru, silahkan klick choose file dan cari gambar yang akan digunakan sebagai logo situs kita, perlu diketahui disini gambar yang akan dijadikan logo situs kita harus berukuran persegi, dan jangan terlalu besar ukurannya, pastikan dibawah 100 kb, untuk perseginya buat menjadi 50 x 50 px atau 62 px.
Jendela input logo
Jendela input logo
5. Setelah gambar sudah dipilih dan logo sudah terlihat pada jendela konfigurasi icon silahkan klick sipan.
Simpan pengaturan kpnfigurasi icon
Simpan pengaturan kpnfigurasi icon
6. Nah cara mengganti icon favicon sudah selesai, tinggal kita lihat hasilnya pada situs tampilan kita, silahkan visite site, berubah apa belum gambarnya, jika sudah maka langkah yang sudah rekan – rekan lakukan sudah benar, selamat mencoba ya.
Advertisements

Cara Mengetahui Spesifikasi PC Atau Laptop Dengan CPU-Z

Cara melihat spesifikasi komputer atau laptop dengan CPU-Z – Sudah tahukah sobat dengan software CPU-Z, CPU-Z adalah software yang berguna untuk mengetahui spesifikasi komputer atau laptop kita, dimulai dari CPU, Caches, Mainboard, Memory, SPD, Dan Graphichs, nah bagi sobat yang ingin mengetahui hadware apa saja yang ada atau yang tertanam didalam PC atau laptopnya untuk kemudahan dalam melihatnya disarankan untuk meng instal aplikasi yang satu ini, softwarenya bisa kalian dapatkan di situs tetangga. http://www.sumberarticles.com/2017/03/cara-mengetahui-spesifikasi-pc-atau-laptop-dengan-cpu-z.html
Kenapa sih harus pakai aplikasi CPU-Z ?.. Menurut saya mengecek spesifikasi dengan menggunakan aplikasi ini pembacaan hadwarenya lebih akurat, dan lebih mudah melihatnya hanya dengan membuka aplikasi ini saja, tanpa harus membuka pannel komputer apalagi membongkarnya demi melihat spesifikasi PC atau laptop kita, berikut adalah cara untuk mengetahui spesifikasi PC atau laptop dengan menggunakan CPU-Z.
 
Cara melihat spesifikasi PC atau Laptop
1. Download dan instal softwarenya, sedikit saya singgung untuk mendapatkan software ini sobat bisa mendapatkannya di situs tetangga, perlu diketahui juga bahwa software ini gratis.
2. Setelah itu silahkan buka aplikasinya dengan Run as administator.
3. Nah pada saat aplikasi terbuka, hal pertama yang akan kita lihat adalah spesifikasi Pc atau Laptop CPU kita, berikut ini adalah spesifikasi komputer saya, lihat gambar di bawah.
Spesifikasi CPU
Spesifikasi CPU
4. Chaches
Spesifikasi chaches
Chaches
5. Mainboard
Mainboard
Mainboard
6. Memory
Memory
Memory
7. SPD
SPD
SPD
8. Graphics Card
Graphics Card
Graphics Card
Nah itulah cara mengecek spesifikasi komputer atau cara mengecek hadware yang tertanam pada komputer kita, semoga dapat membantu sobat sekalian yang lagi kebingungan untuk mengetahui hadware yang ada di dalam nya, dan bagi sobat yang ingin mengecek driver update apa tidak dan bios, sobat bisa mengklick tools yang ada di bawah seperti gambar yang ada di atas, di situ ada tools untuk mengecek driver dan bios kita, selamat mencoba.

Cara Download Tema Dekstop Windows Pada Pc Atau Laptop Kita

Cara mendownload tema dekstop windows 7, 8, dan 10 – Pernahkan kalian merasa bosan dengan tema yang ada pada komputer atau laptop kalian dengan tampilan yang hanya itu – itu saja?. Menurut saya sudah saatnya kalian mengganti tema tersebut dengan tema yang baru, kalian bisa mendapatkan gambar yang bagus yang tersebar baanyak di internet, akan tetapi jika kalian ingin mendapatkan gambar yang kualitasnya lebih bagus kalian bisa mendownload tema yang sudah windows sendiri yang menyediakannya, berikut ini adalah bagai mana cara mendownload tema dekstop dari windows gratis. http://www.sumberarticles.com/2017/03/download-tema-dekstop-windows-pada-pc-atau-laptop-kita.html

Cara mendownload tema dekstop windows
1. Hal yang pertama silahkan sobat klick kanan pada layar dekstop, lalu pilih personalize.
Cara Download tema dekstop
Download tema
2. Pada jendela baru jang muncul silahkan sobat scroll ke bawah sampai terlihat bacaat get more themes online lalu klick bacaan tersebut.
Panel Personalization
Panel Personalization
3. Setelah itu kita akan di arahkan langsung ke website microsoft tempat dimana kita bisa mendownload tema yang sudah disediakan oleh windows secara gratis.
Download tema dekstop
Download tema
Nah silahkan sobat pilih tema mana yang sobat sukai, pada setiap tema terdapat lebih dari satu gambar, lihat keterangan yang terdapat di bawah tema – tema tersebut, ada yang 8 ada juga yang 13, dengan mendowload tema tersebut sobat sudah bisa mengganti tema dengan gambar kualitas bagus, sebagai contoh disini saya mendownload tema forest dengan 16 gambar.
Tema dekstop
Tema dekstop
4. Setelah tema terdownload kemudian instal tema tersebut, maka tema tersebut akan ter instal dengan sendirinya.
Instal tema
Instal tema
5. Dengan begitu tema akan terpasang pada komputer kita dengan terdapat 16 tema atau gambar yang berbeda.
Tema dekstop forest
Tema dekstop forest
Nah sobat semua cara mendownload tema dekstop pun sudah selesai. silahkan sobat pilih tema yang mana yang sobat sukai, mau di download semua juga boleh, karena seiring berjalannya waktu pikah microsoft akan meng update tema -tema tersebut, mengganti tema yang lama dengan tema yang baru, jadi menurut saya sebelum tema yang disukai hilang mending di download semua.

Cara Mengganti Wallpaper Dan Screen Saver Pada Windows

Cara mengganti wallpaper dan screen saver pada windows – Mengganti screen saver bukanlah hal yang sulit namun bagi pemula yang baru mengenal komputer tentu akan kebingungan, nah disini saya tuliskan artikel tentang bagai mana cara mengganti sreen saver bagi sobat yang baru mengenal dunia komputer namun telah dijenuhkan oleh tampilan gambar yang itu – itu saja, segeralah ganti biar semangat sobat pulih kembali dengan tampilan gambar baru pada komputer sobat. http://www.sumberarticles.com/2017/03/cara-mengganti-wallpaper-dan-screen-saver-pada-windows.html
Screen Saver
Screen Saver
 
Langkah – langkah mengganti sreen saver
1. Langkah pertama klick kanan pada layar dekstop komputer sobat, dan pilih personalize.
Personalize
Personalize
2. Kemudian akan tampil layar personalize, yang harus sobat lakukan disini silahkan klick sreen saver yang ada di pojok kanan layar.
Screen saver
Screen saver
3. Akan tampil jendela baru lagi, yaitu dimana tempat kita memilih screen saver yang kita inginkan, lihat gambar di bawah.
Bubbles screen saver
Bubbles screen saver
4. Setelah itu klick ok, maka screen saverpun sudah selesai kita settings, untuk sobat yang belum mencobanya silahkan di coba, dan semoga berhasil.

Cara Melakukan Transfer Di M-BCA ( Mobile-Banking ) Rasakan Kemudahan Dalam Bertransaksi

Cara transfer uang dengan menggunakan aplikasi M-BCA pada smartphone Hai sobat http://www.sumberarticles.com sebelum masuk ke pembahasan mari kita ulas sedikit tentang apa itu m-banking atau mobile bankingMobile Banking adalah layanan yang di sediakan oleh pihak bank tertentu untuk melakukan transaksi melalui ponsel pintar atau hal yang sudah biasa kita sebut dengan nama smart phone, selain melakukan tranfer atar bank, mobile banking juga mempunyai fitur lain seperti cek saldo, belanja pulsa, info kurs, dan masih banyak lagi, untuk meng gunakan aplikasi mobile banking ini aplikasinya bisa sobat dapatkan di smart phone sobat, tinggal klik aplikasi play-store dan ketikan M-BCA kemudian pasang, sebelum menggunakan silahkan aktifkan terlebih dahulu m-banking sobat semua, jika belum tau cara meng aktifkannya silahkan untuk membaca artikel cara mengaktifkan mobil banking di smartphone androidhttp://www.sumberarticles.com/2017/07/cara-melakukan-transfer-di-m-bca-mobile-banking-rasakan-dalam-bertransaksi.html

Nah sekarang kita masuk kedalam pembahasan cara tranfer uang dengan menggunakan m-banking, tentunya dengan adanya metode transfer seperti ini kita dapat dengan mudah mentranfer uang tanpa harus pergi ke bank atau ke atm, tidak menguras banyak waktu juga, mudah dan cepat,temukanlah sensasi kemudahan dalam bertransaksi dengan menggunakan m-banking ini.

Langkah pertama sebelum kita melakukan tranfer ke rekening yang akan kita tuju, kita harus melakukan atau mendaftarkan no rekening tujuan tersebut ke dalam list tranfer kita.

Cara mendaftarkan no rekening tujuan M-BANKING
1. Silahkan login terebih dahulu ke M-BCA.

Mobile Banking BCA
Mobile Banking BCA

2. Lang kedua silahkan klik menu m-tranfer, lihat gambar dibawah.

Melakukan tranfer M-BCA
Melakukan tranfer M-BCA
3. Langkah ke tiga jika akan melakukan tranfer pertama kali ke rekening tujuan, maka rekening tersebut harus didaftarkan terlebih dahulu, jika akan melakukan tranfer antarrekening BCA, silahkan klik antar rekening, namun jika antar bank, silahkan klik antar bank, sebagai contoh saya disini akan melakukan tranfer antar rekening.
Mendaftarkan rekening tujuan
Mendaftarkan rekening tujuan

4. Setelah itu kita akan di arahkan ke jendela baru, dimana kita akan meng inputkan nomer rekening tujuan, disini kita bisa meng input 3 sekaligus no rekening jika memang diperlukan, tetapi karena proses tranfer kita saat ini hanya kepada satu rekening maka isi satu saja, jika sudah klik send,lihat gambar di bawah.

Input nomer rekening tujuan
Input nomer rekening tujuan
5. Setelah nomer rekening sudah berhasil di input dan sobat sudah meng klik send, maka sobat akan di arahkan ke pada proses baru, dimana proses ini adalah proses peng inputan sandi dari M-Banking.
Masukan PIN
Masukan PIN
6. Pada langkah selanjutnya sobat akan menerima pesan seperti berikut ini, tinggal klik kirim.
Pesan dari BCA
Pesan dari BCA
7. Langkah selanjutnya klik centang pada kotak bulat sebelah kiri nama dari no rekening tujuan, dan pastikan juga no rekening dan nama yang tertera sama dengan informasi dari rekening tujuan sobat sebelumnya.
Keterangan norekening tujuan
Keterangan norekening tujuan
8. Selanjutnya sobat akan menerima pesan “No rekening telah berhasil di tambahkan” seperti pesan yang ada di bawah ini.
No rekening berhasil di tambahkan
No rekening berhasil di tambahkan
Jika sobat sudah menerima pesan tersebut maka langkah untuk mendaftarkan no rekening sudah berhasil, dengan begitu no rekening tersebut sudah terdaftar pada list tranfer sobat, langkah selanjutnya adalah langkah untuk melakukan tranfer ke rekening tujuan tersebut, simak baik – baik tutorial ini supaya tidak terjadi hal yang tidak di inginkan.
Cara melakukan tranfer uang M-Banking
1. Silahkan sobat klik menu m-tranfer, pada sub menu yang terdapat di menu m-tranfer silahkan sobat pilih tranfer antar rekening, jika sobat akan melakukan tranfer antar bank silahkan pilih tranfer antar bank, jika kebingungan silahkan ikuti saja gambar yang sudah disediakandi bawah ini.
Cara melakukan tranfer m-banking BCA
Cara melakukan tranfer m-banking
2. Selanjutnya sobat akan diarahkan untuk melakukan tranfer ke rekening tujuan, disanasobat tinggal mengisikan no rekeningtujuan yang sudah kita daftarkan tadi,memasukan jumlah uang yang akan di tranfer, memasukan berita jika diperlukan, jika sobat akan mentranfer mata uang dalam jenis dollar,makasobat tinggal ganti saja Rp nya menjadi dollar, jika rupiah maka abaikan saja, jika sudah di input norekening dan jumlah uang yang akan di tranfer silahklan klik send.
Tranfer uang
Tranfer uang
3. Selanjutnya sobat akan menerima pesan seperti gambar di bawah ini, silahkan periksa supaya tidak terjadi kesalahan, baik itu no rekening tujuan atau jumlah uang yang akan di tranfer,jikadata memang sudah sesuai silahkan klik send, perlu sobat perhatikan untuk melakukan tranfer ini tunggu sampai lampu indikator yang berwarna itu menjadi hijau kemudian klik ok, kalo masih biru sobat tidak akan bisa melakukan tranfer, jika memang lampu trus berwarna biru silahkan ulangi lagi dari awal. .
Informasi tranfer uang m-banking
Informasi tranfer uang m-banking


4. Nah berikutini adalah jika kita sudah berhasil melakukan tranfer, sobat akan menerima pesan sebagai berikut.

Tranfer sukses
Tranfer sukses
Oke sobat semua, carauntuk mentranfer uang lewat m-banking pun sudah selesai, sebenarnya dalam prakteknya tidaklah serumit artikel yang saya tuliskan disini, namu untuk memberikan informasi yang lebih mendetail saya tuliskan informasinya disini supaya bisa dengan mudah sobat pahami, semoga artikel yang saya tulis disini bermanfaat bagi sobat semuanya.

Cara Tranfer Saldo Paypal Ke Bank Lokal Indonesia ( Bank BCA, Mandiri, BRI, BNI, Danamon ) Dan Yang Lainnya

Cara tranfer saldo paypal ke bank lokal – Hai sobat banyak dari sobat yang sedang mencari rezeki dari dunia Internet ini masih merasa kebingungan untuk Withdraw saldo dari paypal ke rekening bank lokal, baik itu dari Bank BCA, Mandiri, BRI, BNI, Permata, Danamon ataupun bank lainnya, menarik saldo dari paypal ke rekening bank lokal tidaklah sulit, sobat semua hanya tinggal mengikuti tutorial yang saya buat ini dan masalah pun terselesaikan, mudah bukan. http://www.sumberarticles.com/2017/07/cara-tranfer-saldo-paypal-ke-bank-lokal-indonesia-bank-bca-mandiri-bri-bni-danamon-dan-yang-lainnya.html

Sebelum melakukan penarikan saldo dari paypal, sobat semua harus memasukan informasi dari rekening bank yang sobat miliki, perlu sobat semua ketahui “Untuk withdraw atau menarik saldo dari paypal ke rekening bank lokal, nama pemilik akun paypal dan nama dari rekening bank harus sama” jadi tidak boleh berbeda ya, ini adalah cara paypal untuk menguatkan status kepemilikan akun paypal dan rekening bank lokal sobat semua, intinya akun paypal dan rekening bank asli milik sendiri,cara ini adalah cara untuk meminimalisir atau celah kecurangan yang bisa saja terjadi, seperti pencurian akun.

Paypal Indonesia
Paypal

Cara mengaitkan akun paypal ke rekening bank

1. Sebelum menarik saldo, silahkan lakukan penginputan informasi dari rekening bank ke akun paypal sobat seperti yang sudah saya katakan di tas, caranya silahkan masuk ke dasboard paypal sobat semua, pada tutorial ini saya menggunakan dasboard dari paypal saya sebagai contoh.

Cara mengaitkan akun paypal ke rekening
Dasboar paypal

2. Setelah masuk ke dasboar paypal, pada keterangan saldo yang tersedia, disana ada pilihan lainnya, silahkan sobat klik, lihat gambar dibawah.

Pengaitan rekening ke paypal
Pengaitan rekening ke paypal

3. Setelah meng klik opsi lainnya,sobat semua akan masuk kedalam tampilan dasboar yang kurang lebih tidak jauh berbeda seperti gambar di bawah ini, pada bagian bank silahkan sobat klik tanda plus hubungkan bank.

Mengaitkan rekening ke paypal
Mengaitkan rekening ke paypal

4. Pada langkah selanjutnya silahkan klik button tambah.

Tambah Bank
Tambah Bank

5. Pada tahap ini silahkan masukan informasi dari rekening bank lokal sobat.

Input nama, rekening dan kode bank
Input nama, rekening dan kode bank

Untuk kode bank silahkan klik opsi “Apakah ini?” setelah di klik akan muncul deretan kode bank dari semua bank lokal yang ada, silahkan cocokan dengan rekening bank sobat, atau bisa memilih kodenya pada gambar dibawah ini jangan lupamasukan jugan no rekening bank sobat, setelah nama, kode dan rekening bank di input silahkan klik tambah.

Kode Bank
Kode Bank

6. Setelah intu akan muncul informasi seperti gambar di bawah ini, cek ulang terlebih dahulu jiga data sudah yakin sama silahkan klik simpan.

Informasi Bank Yang sudah di input
Informasi Bank Yang sudah di input

Jika ada keterangan seperti ini, berarti sobat sudah berhasil melakukan pengaitan dari rekening bank ke akun paypal.

Keterangan jika berhasil melakukan pengaitan
Keterangan jika berhasil melakukan pengaitan

Selanjutnya adalah Withdraw atau menarik saldo dari paypal ke rekening

1. Pertama Silahkan klik tranfer yang ada pada dasboard paypal sobat, lihat gambar.

Tranfer uang
Transfer Uang

2. Selanjutnya klik tranfer dari saldo paypal.

Prose Tranfer saldo
Prose Tranfer saldo
3. Setelah itu klik saldo paypalnya.

 

Klik saldo
Klik saldo

4. Langkah ketiga Klik tranfer ke bank lokal.

Prosestransfer saldo ke bank lokal
Prosestransfer saldo ke bank lokal

5. Setelah itu pilih no rekening tujuan, norekening yang sudah kita input pada awal pengaitan akun paypal ke rekening bank lokal.

Memilih no rekening bank tujuan
Memilih no rekening bank tujuan

Nah pada tahapini kita sudah berhasil melakukan tranfer, tinggal menunggu saldo dari paypal masuk ke no rekening, biasa nya memakan waktu 2-4 hari, jadi bersabar saja ya, jika dalam pengimputan norekening bank terjadikesalahan maka saldo akan dikembalikan lagikepada kita, dan proses tranferpun akan di gagalkan, jadi jangan takut takut ya, asalkan no rekening tidak nyasar ke tetangga.

CARA MEMBUAT TAMPILAN CSS DENGAN ADOBE DREAMWEAVER CS6

Pengenalan CSS – Sebelum kita masuk kepada pembuatan CSS, alangkah lebih baiknya kita mengenal terlebih dahulu apa itu CSS, CSS adalah kependekan dari Cascading Style Sheet, CSS ini merupakan salah satu kode pemrograman yang bertujuan untuk mengatur dan menghias dan mengatur komponen-komponen pada halaman website supaya lebih menarik, sehingga menjadikan website lebih nyaman dan tidak membosankan ketika dikunjungi oleh pengunjung web. http://www.sumberarticles.com/2017/01/cara-membuat-tampilan-css-dengan-adobe-dreamweaver-cs6.html
Pengenalan CSS
Pengenalan CSS
Kenapa kita harus belajar CSS ya? Karena jika kita akan membuat sebuah website, tentulah dibutuhkan program ini, sebelum kita membuat program CSS ini kita harus membuat folder yang nantinya kita gunakan untuk menyimpan hasil pembuatan css kita, dan untuk menyimpan program CSS ini disarankan harus rapih supaya kita nanti mudah untuk mencarinya.
Langkah pertama, Buatlah sebuah folder pada htdoc dengan nama Web kemudian didalam folder Web kita buat folder lagi yaitu folder img, Css, dan admin, Perlu diperhatikan, untuk langkah ini pastikan kita sudah meng instal software xampp.
Start – computer – local disk (C:) – xampp-htdoc – Buat folder beri nama WEB – Buat folder img, css, admin.
Folder htdoc
Folder htdoc
Masuk dreamweaver
Nah jika sudah membuat folder pada htdoc langkah selanjutnya kita masuk ke aplikasi dreamweaver, Buka dreamweavernya, jika sudah membuka aplikasi dw nya hal yang pertama akan kita lihat adalah halaman start page, halaman yang pertama kali muncul pada program adobe dreamweaver, pada jendela start page pilih CSS, kenapa css, karena kita kan akan membuat program css, lihat gambar dibawah.
Start page
Start Page
Pada bahasa pemrograman css ini ada dua jenis pemanggilan objek, objek yang pertama adalah (#) hashtag dan (.) titik.
(# ) hashtag dibaca “id” artinya digunakan untuk 1 objek.
( . ) titik dibaca “class”  artinya digunakan untuk banyak objek.
Nah berikut ini adalah contoh perintah standar pada css.
  • Height – Mengatur tinggi
  • Width – Mengatur lebar atau panjang
  • Bacground  – Mengatur latar belakang
  • Border – Mengatur garis
  • Float – Mengatur letak obyek
  • Border-radius – Garis melengkung
  • Margin  – Jarak keluar
  • Padding  – Jarak kedalam
Sebenarnya masih banyak perintah-perintah css selain yang di atas, untuk perintah selain yang di atas boleh kawan-kawan cari di webnya tetangga.
Masuk lagi ke pembahasan, setelah kita membuka adobe dreamweavernya, silahkan save terlebih dahulu pada folder htdoc klick file pada dw-pilih save as-localdisk(C:)-xampp-htdoc-WEB-css-berinama filenya dengan web. untuk lebih jelasnya lihat gambar di bawah.
save-css
Save-css
Nah disini kita sudah menyimpan filenya, langkah selanjutnya adalah menentukan desain pada tampilan template, dan saya sudah buatkan contohnya dibawah, template dibawah ini terdapat sembilan obyek, yaitu header, menu, side-left, main, side-right, footer-up, footer-down-left, footer-down-right, dan container.
Template
Template
Silahkan kalian buat CSS nya di dw nya tadi, sebagai referensi buat kalian untuk tampilan template di atas, berikut dibawah ini adalah source kode css yang telah saya buat.
@charset “utf-8”;
/* CSS Document */
body{
background:url(../img/Background-Hd-Wallpaper-F1U.jpg);
background-attachment:fixed;
background-size:cover;
}
#header{
margin-top:60px;
width:1100px;
height:150px;
background:url(../img/background_patterns_lines_shadow_43860_1920x1080.jpg);
margin-bottom:5px;
}
#menu{
width:1100px;
height:40px;
background:url(../img/download.jpg);
margin-bottom:5px;
}
#side-left{
width:225px;
min-height:600px;
background:#999;
float:left;
margin-bottom:5px;
margin-right:5px;
border-radius:20px 20px 20px 20px;
}
#main{
width:640px;
min-height:600px;
background:#FFF;
float:left;
margin-bottom:5px;
}
#side-right{
width:225px;
min-height:600px;
background:#333;
float:right;
margin-left:5px;
margin-bottom:5px;
border-radius:20px 20px 20px 20px;
}
#footer-up{
width:1100px;
height:40px;
background:#C90;
clear:both;
margin-bottom:5px;
}
#footerdown-left{
width:695px;
height:80px;
background:#60F;
float:left;
border-radius:20px 20px 0 0;
}
#footer-downright{
width:400px;
height:80px;
background:#3F3;
float:right;
border-radius:20px 20px 0 0;
}
#conta{
box-shadow:0 0 20px #CCFF66;
margin:0 auto;
width:1100px;
}
Silahkan pelajari lebih lanjut dan buat desain yang di inginkan seperti imajinasi kalian, saya yakin tampilan yang teman-teman buat pasti akan lebih menarik.
Jika sudah membuat file css jangan lupa save ya, biar nanti ga nyesel, aplikasinya not respone dan close sendir, program yang kita buat dengan susah payahpun hilang, sedih sekali bukan.
Nah setelah selesai mengetik script di atas kita buat lagi file baru, gunanya file baru yaitu untuk memanggil obyek-obyek yang terdapat pada perintah css yang telah dibuat pada css di atas, kenapa kita harus membuat file baru? karena dalam pembuatan web, program css tidak dapat berdiri sendiri, intinya file css fungsinya hanya untuk mengatur tampilan obyek saja.
Buat file baru, tekan ctrl+N maka akan tampil jendela, pada page type pilih php, kemudian simpan file baru ini di folder admin yang sudah kita buat pada htdoc-WEB-admin-berinama file tersebut admin.
file admin.php
Admin.php
Nah setelah disimpan langkah selanjutnya kita panggil obyek yang ada pada program css yang sudah kita buat tadi pada file baru yang kita buat ini,
file php
File php
Pada tengah-tengah body lah file css yang sudah kita buat akan kita panggil, lihat gambar dibawah
Pemanggilan css
Ktik dulu cooding yang ada di tengah-tengan body itu, lanjutnya pindahkan cursor pada tengah-tengah tanda kutip, ktik ctrl+space, maka akan tampil pilihan seperti yang terdapat pada gambat di atas, seteah tampil pilihan pilih Attacch Style Sheet maka kita akan dibawa pada folder htdoc, selanjutnya cari folder yang berisikan file css yang sudah kita buat tadi, dan berikut tampilannya akan seperti gambar dibawah ini.
Folder file css
Folder file css
Selanjutnya akan tampil jendela dimana pemilihan css, letakan css secara berurutan, lihat gambar dibawah ini.
Jendela css
Jendela css
Urutkan seperti gambar dibawah.
Urutan css
Urutan css
Untuk pemanggilan container, untuk penutup div nya di taruh di akhir seperti yang terlihat pada gambar di atas di pojok bawah kotak warna merah, mengingat ini hanya membuat css basic maka program css yang kita buat sudah selesai, silahkan jalankan programnya di web browser dengan mengetikan url berikt.
localhoast/web/admin/admin.php atau dengan cara menekan F12 pada dreamweaver, dan berikut tampilan css yang sudah saya buat.
Desain web
Desain web
Untuk pengenalan basic css saya cukupkan sampai disini, semoga tutorial di atas bermanfaat ya.