Dwi Febriandaru Site

Catatan Harian Dwi Febriandaru

Corel Draw Graphic Suite X5 dan Cara Crack

Setelah sebelumnya saya membagikan Corel Draw X6 kali ini saya akan share versi X5 dari Corel Draw Graphic Suite. Sebenarnya tidak ada perbedaan berarti dari versi X6, -dwifebriandaru.blogspot.com

Membuat Sticky Footer dengan CSS

Komponen footer merupakan komponen yang wajib ada dalam sebuah web maupun blog. Pada Footer inilah biasanya developer web menempatkan... -dwifebriandaru.blogspot.com

Membuat Sistem Login Session di PHP-MySQLi

Berjumpa lagi dengan saya, Dwi Febriandaru. Seperti janji saya pada tutorial terdahulu, Kali ini kita akan membahas tentang cara membuat Membuat Sistem Login dengan Session... -dwifebriandaru.blogspot.com

Cara Membuat Footer Tetap Berada di Bawah dengan CSS

, 20 comments
Assalamu'alaikum Wr.Wb





Komponen footer merupakan komponen yang wajib ada dalam sebuah web maupun blog. Pada Footer inilah biasanya developer web menempatkan Copy Right atas karya mereka. Namun terkadang keberadaan footer justru menjadi blunder kecil bagi para developer. Kadang penempatan footer justru mengikuti Konten yang ada. Padahal ini membuat tampilan website menjadi kurang "Proporsional" seperti contoh berikut ini.

Gambar 1

Tampilan yang seperti itu menyisakan bagia bawah yang tidak terpakai. Jadi pada kesempatan kali ini kita akan membahas tentang Cara Membuat Footer Tetap Berada di Bawah dengan CSS. Pada dasarnya cara ini hanya menggunakan class yang diset poritionnya menjadi absolute dan relative. Untuk lebih jelasnya bisa di lihat di script HTML berikut ini :

<html>
<head>
<title>Belajar-PHP</title>
<link rel="stylesheet" type="text/css" href="css/main.css">
</head>
<body>
<div id="container">
   <div class="header"><h2>Belajar-PHP</h2></div>
   <div class="content">
       <!--Sobat bisa gunakan Text Lorem Ipsum disini-->
   </div>
   <div class="footer">
      Copyright by Dwi Febriandaru
   </div>
</div>
</body>
</html>

Dan Script CSS berikut ini :

*{margin: 0px auto;}
html,body{
    height: 100%;
}

#container{
    position: relative;
}

.header{
    background: #0cf;
    padding: 10px;
}

.content{
    padding: 10px;
}

.footer{
    width: 100%;
    height: 50px;
    padding-left: 10px;
    line-height: 50px;
    background: #333;
    color: #fff;
}

Dua Script diatas bila dieksekusi akan menghasilkan tampilan seperti pada gambar 1. 
Nah, Untuk membuat footer tetap berada di bawah meski konten tidak penuh kita perlu menambah atribut min-height pada "container" dan membuat class "footer" menjadi fixed (ditambah atribut position:absolute dengan bottom 0px). Jadi script utuhnya akan menjadi seperti dibawah ini.
*{margin: 0px auto;}
html,body{
    height: 100%;
}

#container{
    min-height: 100%;
    position: relative;
}

.header{
    background: #0cf;
    padding: 10px;
}

.content{
    padding: 10px;
}

.footer{
    width: 100%;
    height: 50px;
    padding-left: 10px;
    line-height: 50px;
    background: #333;
    color: #fff;
    position: absolute;
    bottom: 0px;
}

Dan Tampilannya akan menjadi seperti berikut ini


Tampak lebih rapi,bukan ?.

Klik untuk melihat Demo

Nah sepertinya cukup sekian dulu pembahasan kita kali ini tentang Cara Membuat Footer Tetap Berada di Bawah dengan CSS.

Jangan lupa klik tombol share bila artikel ini bermanfaat bagi kalian. Dari saya cukup sekian, mohon maaf apabila ada salah kata dan terima kasih atas perhatiannya.

Happy Coding !!!

Wassalamu'alaikum Wr.Wb
Share:
Read More

Download Photoshop Portable CS4

, No comments
Assalamu'alaikum Wr.Wb



Tidak dipungkiri perkembangan tekhnologi semakin pesat akhir - akhir ini. Termasuk dalam bidang digital. Salah satu perkembangan tersebut adalah munculnya trend dikalangan anak muda saat ini untuk mengedit gambar maupun foto mereka menjadi lebih menarik. Contohnya adalah menciptakan gambar - gambar yang kadang tidak masuk diakal seperti gambar dibawah ini.

Sumber http://aksiphotoshop.com

Ya, dizaman yang secanggih ini hal seperti itu tentu saja sangat mungkin bisa dibuat. Tentunya dengan bantuan sebuah software ajaib yakni PHOTOSHOP.

  • Apa itu PHOTOSHOP ?
Photoshop adalah sebuah perangkat lunak keluaran Adobe System yang berguna untuk memanipulasi gambar maupun menambahkan efek kedalam foto / gambar. Munculnya perangkat lunak photoshop bermula pada tahun 1987. Saat itu Thomas Koll ,seorang Mahasiswa PhD di Universitas Michigan mulai menulis sebuah di Machintos Plus-nya yang menampilkan gambar grayscale pada layar monokrom yang dia beri nama "Display". Program tersebut menarik perhatian saudaranya, John Koll, hingga pada tahun 1988 Thomas memutuskan untuk istirahat dari study-nya dan mulai mengembangkan program tersebut bersama saudaranya yang telah diubah nama programnya menjadi "ImagePro".

Pada tahun itu juga Thomas mengubah nama programnya menjadi Photoshop dan bekerja dalam jangka pendek dengan produsen scanner Barneyscan untuk mendistribusikan salinan dari program tersebut dalam slide scanner. Total ada sekitar 200 salinan yang terdistribusikan melalui cara tersebut.

Sementara itu, John pergi ke Silicon Valley untuk mendemonstrasikan program Photoshopnya kepada professor di Apple Computer,Inc dan Russel Brown, Direktur seni di Adobe. Kedua demontrasi tersebut berhasil dan Adobe bersedia membeli lisensi untuk mendistribusikan pada tahun 1988. Sementara John sudah bekerja pada Plug-in di California, Thomas masih di Ann Arbor untuk menulis kode program Photoshop 1.0 yang dirilis tahun 1990 khusus untuk Machintos.

  • Link Download Photoshop CS4 Portable

Server 1

Server 2


Sepertinya Cukup sekian dulu pembahasan kita kali ini tentang Photoshop Portable CS4 : Sejarah dan Download. Sampai jumpa di postingan selanjutnya.
Terimakasih atas atensinya serta mohon maaf apabila ada kesalahan penulisan kata.

Have a nice day !!!

Wassalamu'alaikum Wr.Wb
Share:
Read More

Blog Traffic