Cara buat Random Post Bergambar + Deskripsi

Random Post, merupakan sarana untuk menampilkan Postingan di blog secara acak. Ya, secara acak, sehingga postingan-postingan yang sudah jadul alias luama banget sekalipun akan ikut muncul dalam post Random.
Apa gunanya ? tentu gak perlu lah saya jelaskan disini. Ntar namah melenceng dari tujuan kan.., hehee..
Oke deh. Langsung ke permasalahan.
Untuk membuat/memasang Random Post seperti pada screenshoot di bawah ini:

Tampak terdapat gambar Thumnal, Judul tulisan serta cuplikan tulisannya, yang istilah kerennya disebut Deskripsi. keren kan ?? 

Gimana cara buatnya?
Gini, kita login ke Blogger lalu masuk ke Edit Tata letak kemudian tambahkan widget baru.
Pilih tipe HTML dan .... tuliskan. Eh knapa harus susah banget, paste in aja lah biar cepat en pasti kagak salah kode di bawah ini. :
<style>
.rp-post-link {
font-weight: bold !important;
font-size: 12px !important;
}
.rp-summary {
margin-bottom: 5px !important;
border-bottom: 1px dotted #686868;
font-size: 12px !important;
line-height: 20px !important;
word-wrap: break-word !important;
}
.rp-thumbnail {
margin: 5px 5px 2px 0px !important;
float: left !important;
width:70px;height:70px;
}
.rp-pubdate {
font-style: italic !important;
margin-bottom: 3px !important;
}
</style>
<script type="text/javascript">
var randarray = new Array();
var l=0;
var flag;
var lengthsummary = 125;
var numofpost=5;
function randomposts(json){
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(i=0; i < numofpost;){
flag=0;
randarray.length=numofpost;
l=Math.floor(Math.random()*total);
for(j in randarray){
if(l==randarray[j]){
flag=1;
}
}
if(flag==0&&l!=0){
randarray[i++]=l;
}
}
document.write('<div>');
for(n in randarray){
var p=randarray[n];
var entry=json.feed.entry[p-1];
var item ="";
var posttitle = entry.title.$t || "[Untitled]";
"[Untitled]"
for(k=entry.link.length -1; k >= 0 ; k--){
if(entry.link[k].rel=='alternate'){
item +="<a class='rp-post-link' href='" + entry.link[k].href + "'>" + posttitle + "</a>";
break;
}
}
item += "<br"
item += "/>"

if('media$thumbnail' in entry)item += "<img class='rp-thumbnail' src='" + entry.media$thumbnail.url + "'>"
var summary = "";
if ("content" in entry) {
summary = entry.content.$t;
}
else if ("summary" in entry) {
summary = entry.summary.$t;
}
var re = /<\S[^>]*>/g;
summary = summary.replace(re, "");
item += "<p class='rp-summary'>" + summary.substring(0,lengthsummary) + " ...</p>";
document.write(item);
}
document.write('</div>');
}
</script>
<script src="http://adituek.blogspot.com/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript">
</script>
<small><a href="http://adituek.blogspot.com/search/label/Widget%20Blog" target="_blank">Widget by adituek</a></small>
Ganti alamat URL nya (warna merah) dengan URL blog anda. Anda juga bisa merubah ukuran besar gambar thumnal nya, jumlah Postingan yang di tampilkan serta panjang deskripsinya.

Simpan widget lalu lihat hasilnya. Sebuah widget random Post yang keren sekarang telah menghiasi blog anda..

Kalo ada yang kurang jelas tanyain aja via koment form ato langsung ke email saya, 
Segini dulu ya, besok di sambung dengan yang laen lagi.

Salam............

Cara buat Webhosting sendiri dengan Youhosting


Web Hosting adalah salah satu bentuk layanan jasa penyewaan tempat di Internet yang memungkinkan perorangan ataupun organisasi menampilkan layanan jasa atau produknya di web / situs Internet. Tempat dapat juga diartikan sebagai tempat penyimpanan data berupa megabytes (mb) hingga terabytes (tb) yang memiliki koneksi ke internet sehingga data tersebut dapat direquest atau diakses oleh user dari semua tempat secara simultan. Inilah yang menyebabkan sebuah website dapat diakses bersamaan dalam satu waktu oleh multi user.
Sekarang ini ada banyak layanan webhosting, mulai dari yang gratis hingga yang berbayar, mulai berfitur vistapanel hingga cpanel dan tentu mematok harga yang berbeda-beda pula sesuai dengan layanan yang mereka berikan.
Tidak semua dari jasa webhosting mempunyai server sendiri, ada diantara dari berbagai layanan tersebut yang menggunakan reseller hosting, karena tidak perlu mengeluarkan banyak biaya untuk membuat sebuah server. 
Youhosting adalah salah satu perusahaan webhosting yang menyediakan server, admin control panel, client control panel, help desk, payment gateway dan otomatisasi dan lain-lain yang disediakan gratis untuk para resellernya.
Anda tidak perlu repot-repot membangun server untuk jasa webhosting yang inginkan, anda cukup membeli sebuah domain untuk alamat jasa webhosting anda serta bisa digunakan untuk subdomain dari para client anda.
Untuk teman-teman yang tertarik ingin membuat situs penyedia hosting gratis silahkan simak baik-baik panduan berikut ini.

Langkah I
Sediakan domain untuk webhosting anda, jika anda ingin menggunakan webhosting ini menjadi berbayar dan juga agar terlihat lebih proffesional saya sarankan untuk membeli Top Level Domain seperti ( .com, .net, .org, .us, .biz dsb) namun jika untuk coba-coba bisa menggunakan domain gratisan seperti .tk dll, kemudian setting nameservernya menjadi :
NS1.MAIN-HOSTING.COM
NS2.MAIN-HOSTING.COM
NS3.MAIN-HOSTING.COM
NS4.MAIN-HOSTING.COM
NS5.MAIN-HOSTING.COM

Langkah II
Mendaftar menjadi reseller webhosting dari youhosting

1. Kunjungi www.youhosting.com
2. Klik SignUp untuk mendaftar, kemudian isikan data yang dibutuhkan.
3. Setelah selesai mengisikan data yang dibutuhkan, klik Register untuk mendaftar keanggotaan reseller youhosting
4. Silahkan cek E-mail yang sudah anda pergunakan untuk mendaftar tadi, buka E-mail dari youhosting untuk mengkonfirmasi pendaftaran.
5. Jika telah aktif silahkan login dengan akun youhosting anda.

Langkah III
Memilih Hosting Plans

1. Setup feature sets dan hosting plans.
Silakan anda atur feature sets di “Configuration -> Manage Feature Sets” dan untuk mengatur hosting plans ada di bagian “Configuration -> Manage Hosting Plans” disini anda bisa mengatur apakah client anda harus membayar ataukah tidak.
2. Configure payment gateways.
Jika anda mau menyediakan hosting berbayar juga silakan setting payment gateway di bagian “Configuration -> Manage Payment Gateways“.

Langkah IV
Mensetting dan mendesain webhosting
Setelah Login tugas anda sekarang adalah melakukan setting dan membuat halaman utama situs penyedia hosting gratis anda, silahkan install  halaman utama penyedia hosting gratis anda, yaitu dengan masuk ke menu Look and Feel – Install Main Website. Anda bisa mendownload template webhosting dari internet dan bisa mengkostumisasinya sendiri sesuai keinginan.
Caranya adalah :

Dari halaman setting atau pengaturan Youhosting, pilihlah menu Configuration, lalu pilih Master Domains, setelah itu akan tampil Domain utama situs anda pada kolom sebelah kanan, selanjutnya klik pada pilihan Manage maka anda akan diarahkan pada pilihan menu pilih filemanager untuk mengupload file-file yang sudah anda desain untuk tampilan webhosting anda tadi.

Langkah V
Percantik tampilan webhosting anda

Selain pengaturan utama seperti diatas, kamu bisa juga mempercantik situs penyedia hosting gratismu dengan tampilan dan logo buatan anda sendiri agar terkesan lebih professional dan tidak begitu terlihat layaknya reseller hosting gratisan.
Jika kamu ingin merubah tampilan situs webhosting gratisan anda silahkan coba saja edit melalui menu Look and Feel – Logo Header Footer

Demikian penjelasan singkat bagaimana cara membuat webhosting sendiri, mungkin sebagian dari teman-teman ada yang masih bingung atau malah sudah ahli dalam bidang seperti ini tidak ada salahnya untuk berbagi ilmu dengan cara berkomentar dibawah ini :)

sumber:http://www.mas-adhie.web.id

Cara Upload File ke Server Web Hosting


FileZilla - Software FTP
FTP adalah singkatan dari File Transfer Protocol. Yaitu sebuah protokol (tata cara komunikasi di jaringan komputer)  untuk mengirimkan/menerima file dari sebuah komputer ke komputer lain.
FTP dapat dipakai untuk men-transfer/upload file dokumen web berupa html, gambar, video, script, dsb dari komputer lokal ke sebuah server web hosting.
Untuk melakukan transfer dengan FTP, diperlukan FTP client atau biasa disebut software FTP. Salah satu software FTP yang cukup populer dan dapat dipakai dengan gratis adalah FileZilla. Anda dapat mendownloadnya di http://filezilla-project.org/download.php
Penggunaan FTP relatif mudah, proses transfer file dari komputer kita ke server web hosting bisa dilakukan dengan copy-paste. Tak beda jauh seperti penggunaan Windows Explorer.
Contoh cara menggunakan FTP dengan FileZilla:
  1. Masukan parameter koneksi sebagai berikut: address=nama-domain-anda.com, username=username cpanel anda, password=password cpanel anda dan port=21.
  2. Tekan tombol konek dan tunggu sampai muncul daftar file-file anda di server web hosting.
  3. Pilih folder tujuan, pastikan folder yang aktif tersebut adalah public_html atau folder lain di dalam folder public_html. Sebab bila menyimpan file di luar folder public_html, maka file anda tidak akan bisa dibuka di web.
  4. Pilih file-file yang akan diupload, kemudian klik kanan dan klik Upload
Selain FileZilla, ada banyak lagi software FTP lain seperti WS_FTP, FTP Voyager, Cute FTP, CoreFTP, SmartFTP, dsb. Dan pada dasarnya penggunaan semua software tersebut sama saja.
Demikian.

Aplikasi Bank Sekolah Praktis

Anda punya usaha dibidang keuangan ? seperti Koperasi, Simpan Pinjam Uang Tunai, semacam Bank bank gitu lah. Dan saat ini sudah mempunyai member/pelanggan yang lumayan membuat pusing kepala saat harus merekap dan menghitung satu persatu kondisi keuangan pelanggannya? Kesalahan kecil saja dapat berakibat Kerugian. Tapi sukur lah anda saat ini telah membuka alamat saya ini. Kenapa?
Saya sengaja buka rahasia besar disini. Sebuah software kecil yang mudah dan praktis tapi memiliki keakuratan yang tidak perlu diragukan lagi untuk menggantikan kerja anda dalam mengingat dan menghitung hutang pelanggan.
Dengan menggunakan aplikasi sederhana ini anda dapat membuka sebuah usaha semacam-semacam-semacam Bank yang Profesional gitu lah.
Memang, sasaran pembuatan software ini adalah untuk sarana penanganan atau pembuatan kegiatan usaha tabung menabung si sekolah, atau tepatnya biasa disebut Bank Sekolah. Tahu kan fungsinya Bank Sekolah disini. Ya untuk mengajari/mendidik anak didik untuk gemar menabung sejak dini. Dan mulai mengenalkan pada mereka tentang apa itu Bank.
Tapi toh boleh-boleh aja kan kalau di pakai untuk menangani usaha yang menguntungkan diluar lembaga Sekolah. Selama itu mungkin kenapa enggak..
Bagaimana. ?
Anda mungkin lalu berpikiran misalnya saya mau buka Bank Pribadi di ruang lingkup RT saya lah? atau yang lain lagi?
Coba deh di lihat fitur yang ada pada Aplikasi saya ini. Mungkin dapat menumbuhkan ide-ide cemerlang bisnis anda. Bagi yang mau atau menginginkan file nya, dapat di download di sini. Jangan kuatir, Untuk saat ini Gratis kok..
Berikut Screenshoot bagian setting Aplikasinya :

Gitu aja dulu ya. Silakan di donlot aja sediri deh. Dan, jangan lupa koment nya sebelum pergi...
Salam.





Instal MySql dan PHPMyAdmin di Winws 7 32 bit


Setelah kemaren kita sudah berhasil memasang PHP di OS Windows 7 versi 32 bit. Sekarang untuk melengkapinya tentu perlu memasukkan juga MySql kedalamnya. Untuk apa? Ya untuk apa lagi kalo bukan untuk keperluan database. 

Berikut ini caranya:
Ya. Tentu. Anda harus donlot dulu MySql nya. Kunjungi aja pusatnya di  http://www.mysql.com/downloads/mysql 
Pilih aja versi yang terbaru nya dari kelompok MySQL Community Server . Disana ada beberapa varian tipe . Gak usah bingung. Yang peting anda memilih  mysql-essential  yang versi x32  .
Untuk PHPMyAdmin nya donlot aja di http://www.phpmyadmin.net/home_page/downloads.php

Setelah semua File nya di dapat lalu :
-Pertama jalankan dulu installer MySQL nya
-Klik Next .
-Pilih "Custom " . 
-Klik Next .
-Ubah lokasi instalasi ke folder C : \ mysql . 
-Klik OK . 
-Klik Next .
-Klik Install .
-Klik Next .
-Klik Next .
-Pilih salah satu : "Configure the MySQL Server now" tetap  tercentang . 
-Atau, centang pada " Register the MySQL Server now ".
-Klik Finish .
-Klik Next .
-Pilih " Detailed Configuration " . Klik Next .
-Pilih " Machine Developer " . Klik Next .
-Pilih "Non - Transactional database Only" . Klik Next .
-Pilih "Manual Setting" . Isi concurrent connections pada nilai 100 . Klik Next .
-Centang kotak "Enable TCP / IP Networking " . 
-Pilih 3306 untuk nomor port .
-Centang kotak di samping " Add firewall exception for this port " . 
-Hapus tanda centang pada kotak "Enable Strict Mode" . 
-Klik Next .
-Pilih " Standard Character Set " . 
-Klik Next .
-Centang kotak untuk " Install As Windows Service" . biarkan pilihan default saja . 
-Centang kotak untuk "Launch the MySQL Server automatically" . 
-Centang kotak untuk " Include Bin Directory in Windows PATH " . 
-Klik Next .
-Centang kotak untuk " Modify Security Setting " . 
-Ketik password dua kali atau kosongkan ini jika anda tidak ingin menggunakan password untuk MySql nya. Abaikan kotak-kotak yang lainnya . lalu 
-Klik Next .
-Klik Execute .
-Klik Finish .
-Selesai.

Sekarang untuk proses install PHPMyAdmin nya.

Ekstrak isi file zip nya ke folder C : \ inetpub \ wwwroot \ phpmyadmin .
Cari dan buka file config.sample.inc.php yang ada di folder C : \ inetpub \ wwwroot \ phpmyadmin dengan menggunakan WordPad atau Notepad.
Tambahkan atau edit variabel-variabel berikut :

        $cfg['blowfish_secret'] = '84jfdfg5dmf40jdojf8949jf984';   

        $cfg['Servers'][$i]['auth_type'] = 'cookie';

        $cfg['Servers'][$i]['host'] = '127.0.0.1';

        $cfg['Servers'][$i]['connect_type'] = 'tcp';

        $cfg['Servers'][$i]['compress'] = false;

        $cfg['Servers'][$i]['extension'] = 'mysql';

        $cfg['Servers'][$i]['AllowNoPassword'] = false;


        $ cfg [ ' Servers ' ] [ $ i ] [ ' AllowNoPassword ' ] = false;

Simpan file tersebut dan ubah nama file nya sebagai config.inc.php .
Sampai disini proses instalasi MySql dan PHPMyAdmin selesai.
    
Sekarang buka Internet Explorer dan panggil alamat  http://localhost/phpmyadmin atau http:// ( IP Server ) / phpmyadmin
Login dengan nama pengguna (username) "root" dan passwordnya menggunakan password yang digunakan untuk instalasi MySQL tadi
Tadaaa..... halaman database MySql terbuka deh. Dan.....
Selesai lah paparan saya kali ini. Semoga bermanfaat. Jangan lupa koment nya ya sebelum halaman ini ditutup.

Bagaimana untuk membuat database nya? Kita bahas nanti lah di ketemuan berikutnya ya.

Contoh Penggunaan CSS


Buka Notepad kemudian salin kode berikut, dan simpan file tersebut dengan nama “csstest.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<title>Titel websiteku</title> 
<link href="style.css" rel="stylesheet" type="text/css"> 
</head> 
<body> 
<div id="halaman"><!-- div id halaman dimulai --> 
<div id="judul"><!-- div id judul dimulai --> 
<h1 class="judul">Disini judul websiteku</h1>
<h2 class="sub-judul">Disini sub-judul websiteku</h2> </div><!-- div id judul berakhir --> 
<div id="konten"><!-- div id konten dimulai --> 
<div class="kiri"><!-- div class kiri dimulai --> 
<p>Disini navigasi bagian kiri</p> </div><!-- div class kiri berakhir --> 
<div class="tengah"><!-- div class tengah dimulai --> 
<p>Disini konten websiteku</p> </div><!-- div class tengah berakhir --> 
<div class="kanan"><!-- div class kanan dimulai --> 
<p>Disini navigasi bagian kanan</p> </div><!-- div class kanan berakhir --> </div><!-- div id konten berakhir --> 
<div class="footer"><!-- div class footer dimulai --> 
<p>Disini Footer websiteku</p> </div><!-- div class footer berakhir --> </div><!-- div id halaman berakhir --> 
</body> 
</html>

Yang berada diantara <–– dan ––> hanya sebagai keterangan agar lebih mudah dimengerti, anda bisa menghapusnya. Sekarang buka file tersebut dengan browser, maka kita akan melihat halaman yang polos dengan tulisan seadanya.
Sekarang salin CCS berikut kemudian simpan ke folder yang sama dengan “csstest.html” dengan nama “style.css
#halaman 
{/* "id" dilambangkan dengan "#" */ 
width: 800px; 
margin: 0 auto;/* agar dokumen berada ditengah */ 
padding: 0 auto; 
#judul 
{ width: 100%; height: 100px; 
background: #5F9EA0; 
margin: 0;/* pengaturan sisi bagian luar */
padding: 0;/* pengaturan sisi bagian dalam */ 
#konten 
{ width: 100%; margin: 0; padding: 0; }
 .kiri {/* "class" dilambangkan dengan "." */ width: 25%; height: 300px; float: left; background: #ADD8E6; } 
.tengah{ width: 50%; height: 300px; float: left; background: #FDF5E6; } 
.kanan{ width: 25%; height: 300px; float: right; background: #ADD8E6; } 
.footer{ height: 40px; background: #8FBC8F; clear: both; } 
.judul { color: Red; padding: 10px 0 0 10px; /* penulisan untuk semua sisi: atas kanan bawah kiri */ } 
.sub-judul { color: #ff0; padding: 0 10px 10px; } 
p { padding-left: 10px;/* penulisan untuk satu sisi saja */ }


Yang berada diantara /* dan */ hanya sebagai keterangan agar lebih mudah dimengerti, anda bisa menghapusnya.
Sekarang buka file “csstest.html” dengan browser anda.
Itulah kira-kira secara dasar cara kerja dari CSS untuk mengontrol halaman website.
Untuk melakukan eksperimen lebih lanjut dan untuk mengetahui perintah-perintah CSS lainnya anda bisa mendownload CSS editor TopStyle Lite. Dengan program tersebut buka file CSS diatas kemudian lakukan perubahan-perubahan dan refresh browser untuk melihat hasilnya.

Css bag-4 (Penulisan Css Terpisah)


Cara Penulisan Css terpisah
Selain cara penulisan yang telah diuraikan di bagian sebelumnya ada satu lagi cara penulisan Css Script yang paling banyak digunakan pada penulisan body website/pembuatan template website. Yatu cara penulisan Css yang terpisah.
Caranya adalah dengan membuat file CSS tersendiri yang tespisah dari dokumen html, dan memang cara ini adalah yang paling sering digunakan. Untuk menghubungkan dokumen html dengan CSS tersebut kita cukup menambahakan link yang berikut ini di header dokumen html:
<link rel="stylesheet" href="style.css" type="text/css">
Sehingga di dokumen html akan terlihat seperti berikut ini:
<html> <head> <title>Titel websiteku</title> <link rel="stylesheet" href="style.css" type="text/css"> </head> <body> </body> </html>
Untuk menambah pemahaman dan mengetahui lebih lanjut tentang bagaimana CSS mengontrol sebuah halaman website, berikut kita akan membuat sebuah halaman website sederhana yang menggunakan CSS.

Css bag-5 (Keuntungan menggunakan Css)

Apa sih sebenarnya keuntungannya jika kita membuat bahasa HTML dengan menggunakan Css?
Berikut beberapa keuntungan bila kita menggunakan Css dalam Sript HTML yang kita buat :

:
  • Dengan memperggunakan CSS memungkinkan mendapatkan file yang kecil. Dengan mempergunakan CSS, akan diperoleh file hasil web design lebih kecil.Hal ini karena pengaturan style oleh CSS dibuat secara terpisah dan di import ke dalam file utama. Halaman dengan script yang sedikit berarti akan didapat file yang lebih kecil pula dan Google lebih suka file yang kecil. Meskipun secara Google tidak memberikan pernyataan secara resmi, tetapi dari beberapa sumber dari SEO komunitas, bahwa mereka setuju untuk tidak membuat sebuah halaman web lebih besar dari 100KB.
  • Kecepatan Acess akan jauh lebih cepat. Dari keterangan diatas, maka akan diperoleh file yang jauh lebih kecil. Hal ini berarti juga akan mempercepat acces untuk membuka halaman website. Selain itu pada waktu membuka pertama kali dari sebuah halaman website yang mempergunakan CSS, maka file CSS yang disimpan sebagai external file akan disimpan sebagai chache (temporary data) dalam komputer browser dan untuk membuka halaman selanjutnnya akan jauh lebih cepat. Hal ini karena file CSS sudah siap (sudah ada dalam komputer browser).
  • Lebih mudah untuk mengontrol style dari seluruh halaman website. Dengan menggunakan CSS akan sangat mempermudah mengotrol style dari seluruh halaman web site. Hal ini dikarenakan kita hanya merubah satu halaman untuk merubah seluruh style dari sebuah website.
  • CSS memungkinkan menyembunyikan content dari browser, tapi masih di index oleh google. CSS memungkinkan kita menyembunyikan Content dari halaman website dari browser, tetapi memungkinkan masih dibaca oleh google. Hal ini tidak kami maksudkan untuk tujuan search engine spaming, tetapi dikarenakan oleh hal lain. Misalnnya anda menghendaki sebuah content untuk disembunyikan dari browser, tatapi masih bisa nampak ketika diprint, atau sebaliknnya.
Demikian semoga bermanfaat. Salam

Css bag-3 (Sfat Css)

Sifat CSS

Ada dua sifat utama CSS yaitu internal dan eksternal. Jika internal yang dipilih, maka skrip itu dimasukkan secara langsung ke halaman website yang akan didesain. Kalau halaman web yang lain akan didesain dengan model yang sama, maka skrip CSS itu harus dimasukkan lagi ke dalam halaman web yang lain itu.
Sifat yang kedua adalah eksternal di mana skrip CSS dipisahkan dan diletakkan dalam berkas khusus. Nanti, cukup gunakan semacam tautan menuju berkas CSS itu jika halaman web yang didesain akan dibuat seperti model yang ada di skrip tersebut.
Perlu anda ketahui mengenai CSS;
  • Telah didukung oleh kebanyakan browser versi terbaru, tetapi tidak didukung oleh browser-browser lama.
  • Lebih fleksibel dalam penempatan posisi layout. Dalam layouting CSS, kita mengenal Z-Index untuk menempatkan objek dalam posisi yang sama.
  • Menjaga HTML dalam penggunaan tag yang minimal, hal ini berpengaruh terhadap ukuran berkas dan kecepatan pengunduhan.
  • Dapat menampilkan konten utama terlebih dahulu, sementara gambar dapat ditampilkan sesudahnya.
  • Penerjemahan CSS setiap browser berbeda, tata letak akan berubah jika dilihat di berbagai browser
  • CSS adalah layouting "Masa Depan" dengan penggabungan bersama XHTML

Baca juga Css bag-4

CSS bag-2 (Penulisan Css)


Penulisan Css

Pada umumnya penulisan CSS, adalah seperti contoh berikut:

h1 {
    color: #0789de;
   }
Bagian sebelum tanda '{}' dinamakan selector (dalam contoh diatas adalah h1), sedangkan yang diapit oleh '{}' disebut declaration yang terdiri dari dua unsur, yaitu property dan value. Selector dalam pernyataan di atas adalah h1, sedangkan color adalah property, dan #0789de adalah value.
Selain itu ada beberapa metode penulisan atribut CSS , yaitu :

Inline Style Sheet

Yaitu CSS didefinisikan langsung pada tag HTML yang bersangkutan. Cara penulisannya cukup dengan menambahkan atribut style="..."dalam tag HTML tersebut. Style hanya akan berlaku pada tag yang bersangkutan, dan tidak akan memengaruhi tag HTML yang lain.

Contoh penulisan CSS dengan metode Inline Style Sheet :
<html>
<head>
<title>Contoh Bentuk Inline </title>
</head>
<body bgcolor="#FFFFFF">
<p id="contoh1">Ini adalah contoh tag P tanpadiformat menggunakan CSS </p>
 
<p id="contoh2" style="font-size:20pt">Tag P ini diformat dengan besar font 20 point </p>
 
<p id="contoh3" style="font-size:14pt; color:red">
Tag P ini diformat dengan besar font 14 point, dan menggunakan warna merah </p>
</body>
</html>

Embedded Style Sheet

CSS didefinisikan terlebih dahulu dalam tag <style> ... </style> di atas tag <body>. Pada pendefinisian ini disebutkan atribut-atribut CSS yang akan digunakan untuk tag-tag HTML, yang selanjutnya dapat digunakan oleh tag HTML yang bersangkutan.

Contoh penggunaan CSS dengan metode Embedded Style Sheet :
<html>
<head>
<title>Contoh Bentuk Embedded</title>
</head>
<style>
body {background:#0000FF; color:#FFFF00; margin-left:0.5in}
h1 {font-size:18pt; color:#FF0000}
p {font-size:12pt; font-family:arial; text-indent:0.5in}
</style>
 
<body>
<h1 id="contoh1">Judul ini berukuran 18 dengan warna merah!</h1>
<p id="contoh2">Tag p ini di format dengan besar font 12 point dengan tipe font Arial dan mempunyai identasi 0.5 inch </p>
<p id="contoh3">Yang perlu diperhatikan juga bahwa body disini telah diformat dengan margin kiri 0.5 inch dan warna background biru</p>
</body>
</html>
Selanjutnya baca Css bag 3

Apa itu CSS


CSS, adalah kependekan dari kata Cascading Style Sheet, merupakan aturan untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. CSS bukan merupakan bahasa pemograman.
Sama halnya styles dalam aplikasi pengolahan kata seperti Microsoft Word yang dapat mengatur beberapa style, misalnya headingsubbabbodytextfooterimages, dan stylelainnya untuk dapat digunakan bersama-sama dalam beberapa berkas (file). Pada umumnya CSS dipakai untuk memformat tampilan halaman web yang dibuat denganbahasa HTML dan XHTML.
CSS dapat mengendalikan ukuran gambar, warna bagian tubuh pada teks, warna tabel, ukuran border, warna border, warna hyperlink, warna mouse over, spasi antar paragraf, spasi antar teks, margin kiri, kanan, atas, bawah, dan parameter lainnya. CSS adalah bahasa style sheet yang digunakan untuk mengatur tampilan dokumen. Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda.
Nama CSS didapat dari fakta bahwa setiap deklarasi style yang berbeda dapat diletakkan secara berurutan, yang kemudian membentuk hubungan ayah-anak (parent-child) pada setiap style. CSS sendiri merupakan sebuah teknologi internet yang direkomendasikan oleh World Wide Web Consortium atau W3C pada tahun 1996. Setelah CSS distandarisasikan, Internet Explorerdan Netscape melepas browser terbaru mereka yang telah sesuai atau paling tidak hampir mendekati dengan standar CSS
Dalam perkembangannya, CSS mempunyai beberapa versi
Untuk saat ini terdapat tiga versi CSS, yaitu CSS1, CSS2, dan CSS3. CSS1 dikembangkan berpusat pada pemformatan dokumen HTML, CSS2 dikembangkan untuk memenuhi kebutuhan terhadap format dokumen agar bisa ditampilkan di printer, sedangkan CSS3 adalah versi terbaru dari CSS yang mampu melakukan banyak hal dalam desain website. CSS2 mendukung penentuan posisi konten, downloadable, huruf font, tampilan pada tabel /table layout dan media tipe untuk printer. Kehadiran versi CSS yang kedua diharapkan lebih baik dari versi pertama dan kedua.
CSS3 juga dapat melakukan animasi pada halaman website, diantaranya animasi warna hingga animasi 3D. Dengan CSS3 desainer lebih dimudahkan dalam hal kompatibilitas websitenya pada smartphone dengan dukungan fitur baru yakni media query. Selain itu, banyak fitur baru pada CSS3 seperti: multiple background, border-radius, drop-shadow, border-image, CSS Math, dan CSS Object Model.
Segini dulu ya, selanjutnya ikuti CSS bag 2
Salam.

Instal PHP di Windows 7 32 bit


Tulisan ini saya buat untuk menjawab pertanyaan beberapa teman saya yang katanya mengalami kesulitan menginstalkan PHP di Windows nya. Mungkin kah anda satu di antara orang yang mengalami masalah seperti teman saya itu? Beruntunglah anda sudah jalan-jalan kemari. Mudah-mudahan setelah membaca uraian singkat saya di bawah ini masalah anda akan teratasi. Oke deh, langsung aja ke TKP ya..

Pastikan anda sudah men setting localhost anda menggunakan IIS. Jika belum silahkan lihat caranya disini.
Kemudian siapkan file Instaler PHP nya. Anda bisa download di  http://windows.php.net/download 

Silahkan pilih installer ( MSI ). Versi PHP VC9 x86 Non Thread Safe ( misalnya: php - 5.3.2 - nts - Win32 - VC9 - x86 ) .

Setelah file nya di dapat lalu jalankan installer PHP nya.
O iya, untuk dapat menjalankan instaler PHP ini di komputer anda harus sedah terinstal 7zip lho ya. Jika belum ada silahkan di instalkan dulu. FIle nya bisa anda dapatkan di http://www.7-zip.org/download.html
lalu jalankan instalernya sampai selesai dengan baik.

Kembali ke PHP nya
Klik Next . pada window instaler PHP
Centang Accept the agreement dan kemudian. Klik Next .
Ubah direktori instalasi menjadi " C : \ php " . lalu Klik Next  lagi.
Kemudian pilih " IIS FastCGI " . Klik Next lagi.
Pada window berikutnya saya anjurkan untuk memilih pilihan default instal saja dan  Klik Next .
Klik Install . tunggu sampai instalasi selesai.
Klik Finish .

Selanjutnya - buka file  C: \ php \ php.ini menggunakan notepad . Cari baris item di bawah ini dan pastikan tidak ada tanda (;) di depannya.( jika ada hilangkan ).
 
        short_open_tag = on
        memory_limit = 2000M
        post_max_size = 1000M
        upload_max_filesize = 1000m
        max_file_uploads = 5000
        SMTP = "Nama server mail "
        smtp_port = 25

Untuk baris ukuran max_size dapat di set sesuai kondisi server anda dan disesuaikan dengan kebutuhan anda tentunya. .

Catatan untuk nilai-nilai item baris yang di bawah ini , semuanya harus diatur dengan benar secara default . Dan pastikan tanda (;) di depannya sudah di hilangkan.

        default_socket_timeout = 60
        upload_tmp_dir = " c : \ windows \ temp "
        session.save_path = " c : \ windows \ temp "
        error_log = " c : \ windows \ temp \ php - errors.log "
        cgi.force_redirect = 0
        fastcgi.impersonate = 1
        fastcgi.logging = 0
        extension_dir = " c : \ php \ ext "

 Kemudian - Simpan dan tutup file tersebut .

Langkah selanjutnya, menginstal php_ldap.dll PHP extension

File nya bisa anda download di  http://windows.php.net/downloads/releases/php-5.3.2-nts-Win32-VC9-x86.zip

Ekstrak file ke folder sementara .
Lalu salin/pindahkan file php_ldap.dll tersebut ke folder C: folder \ php \ ext .
Kemudian buka file C: \ php \ php.ini menggunakan notepad dan tambahkan teks berikut setelah baris terakhir :

        [ PHP_LDAP ]
        extension = php_ldap.dll

Kemudian simpan dan tutup file tersebut .

Selanjutnya kita memverifikasikan pengaturan IIS dengan PHP FastCGI

Langkahnya sbb:
Buka IIS manager. Caranya :
1.Membuka IIS Manager melalui kotak dialog Run
    Pada menu Start, klik All Program , klik Acsesoris , lalu klik Run .
    Pada kolom yang terbuka , ketikkan inetmgr  kemudian klik OK .

2. Membuka IIS melalui Administrative Services console 
    Klik Start --> Control Panel.
    Pada jendela Control Panel , klik Classic View , dan
    Kemudian klik ganda pada Administrative Tools .
    Pada jendela Administrative Tools,
    klik dua kali pada Internet Information Services..

Pada window Internet Information Services ( IIS ) Manager yang terbuka -
Klik nama Server di bagian sebelah kiri panel window , Lalu pindah ke sebelah kanan panel dan klik ganda pada " FastCGI Settings " .
Pastikan "Full Path" nya diatur diarahkan ke " C : \ php \ php - cgi.exe " .

Masih pada fendela IIS Manager yang terbuka:
Setting file index.php menjadi file index tujuan utama server (default index) pada IIS

Dalam panel sebelah kiri , bentangkan item  nama Server - >  Sites -> Default Web Site
Pada panel sebelah kanan, buka dan lihat  "Default Document" . Pastikan  " index.php " ada dalam daftar. Jika tidak, tambahkan .

Sekarang saatnya kita menguji fungsi PHP apakah sudah berjalan apa belum.

Buat sebuah file dengan menggunakan notepad.
Ketik kode berikut :

    < ? php phpinfo ( ) ; ? >

Simpan file tersebut dengan nama test.php dan letakkan file tersebut di folder C: \ inetpub \ wwwroot.

Buka browser web anda .
Ketikkan  http://localhost/test.php dan tekan Enter.

Jika proses yang anda kerjakan diatas semua benar maka akan muncul halaman PHP info di halaman web browser anda. Dan ini artinya instalasi PHP berhasil.

Wah.. Lumayan ribet ya..  Tapi semua pasti akan terbayar saat anda tahu kalau laptop/komputer anda sekarang sudah bisa dijadikan sebuah server di localhost.. heheee

Istirahat dulu lah ya. Besok kita lanjutkan dengan MySQL nya.
Soalnya saya udah nguantuk .....
Kalo belum jelas ato masih bingung juga, tanyanya besok aja ya...

Salam.