Selamat datang di uCuPbLoG..... Anda dapat menikmati segala fasilitas yang ada dalam blog ini atau menyampaikan komentar anda..... Semoga blog ini dapat bermanfaat buat anda sekalian.... Terima kasih........
Tampilkan postingan dengan label Web Design. Tampilkan semua postingan
Tampilkan postingan dengan label Web Design. Tampilkan semua postingan

Selasa, 08 November 2011

Upload & Resize Gambar di PHP

2 komentar

Hallo sobat blogger, kali ini saya mau share nih gmana caranya upload gambar di php. Tidak lama-lama, langsung saja kita tembak ke sasaran....

Ini struktur tabel nya....
CREATE TABLE IF NOT EXISTS `data_gambar` (
`id_gambar` int(11) NOT NULL AUTO_INCREMENT,
`gambar` varchar(100) NOT NULL,
`gambar_kecil` varchar(100) NOT NULL,
`tanggal_upload` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP,
PRIMARY KEY (`id_gambar`)
) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=1 ;

Setelah kita selesai membuat tabel di database, kemudian kita membuat file phpnya...

ini file koneksinya..... (koneksi.php)

<?php

$host = "localhost";
$user = "root";
$password = "elektro";
$database = "member";
$con = mysql_connect($host,$user,$password)or die(mysql_error());
if($con == TRUE)
mysql_select_db($database)or die(mysql_error());
?>

setelah file koneksinya, kita buat file utamanya..... (upload_gambar.php)


<?php
include 'koneksi.php';

$idir = "foto/"; // Path To Images Directory
$tdir = "foto/tumb/"; // Path To Thumbnails Directory
$twidth = "250"; // Maximum Width For Thumbnail Images
$theight = "250"; // Maximum Height For Thumbnail Images

$url = $_FILES['imagefile']['name']; // Set $url To Equal The Filename For Later Use
if ($_FILES['imagefile']['type'] == "image/jpg" || $_FILES['imagefile']['type'] == "image/jpeg" || $_FILES['imagefile']['type'] == "image/pjpeg" ) {
$file_ext = strrchr($_FILES['imagefile']['name'], '.'); // Get The File Extention In The Format Of , For Instance, .jpg, .gif or .php

$sameName = 1; // Menyimpan banyaknya file dengan nama yang sama dengan file yg diupload
$handle = opendir($idir);
while(false !== ($file = readdir($handle))){ // Looping isi file pada directory tujuan
// Apabila ada file dengan awalan yg sama dengan nama file di uplaod
if(strpos($file,$_FILES['imagefile']['name']) !== false)
$sameName++; // Tambah data file yang sama
}
/* Apabila tidak ada file yang sama ($sameName masih ‘0') maka nama file pakai
* nama ketika diupload, jika $sameName > 0 maka pakai format “namafile($sameName).ext */

$newName = empty($sameName) ? $url : $url.'('.$sameName.')'.$file_ext;

$copy = copy($_FILES['imagefile']['tmp_name'], "$idir" . "$newName"); // Move Image From Temporary Location To Permanent Location

if ($copy) { // If The Script Was Able To Copy The Image To It's Permanent Location
print 'Image uploaded successfully.<br />'; // Was Able To Successfully Upload Image
$simg = imagecreatefromjpeg("$idir" . "$newName"); // Make A New Temporary Image To Create The Thumbanil From
$currwidth = imagesx($simg); // Current Image Width
$currheight = imagesy($simg); // Current Image Height
if ($currheight > $currwidth) { // If Height Is Greater Than Width
$zoom = $twidth / $currheight; // Length Ratio For Width
$newheight = $theight; // Height Is Equal To Max Height
$newwidth = $currwidth * $zoom; // Creates The New Width
} else { // Otherwise, Assume Width Is Greater Than Height (Will Produce Same Result If Width Is Equal To Height)
$zoom = $twidth / $currwidth; // Length Ratio For Height
$newwidth = $twidth; // Width Is Equal To Max Width
$newheight = $currheight * $zoom; // Creates The New Height
}
$dimg = imagecreate($newwidth, $newheight); // Make New Image For Thumbnail
imagetruecolortopalette($simg, false, 256); // Create New Color Pallete
$palsize = ImageColorsTotal($simg);
for ($i = 0; $i < $palsize; $i++) { // Counting Colors In The Image
$colors = ImageColorsForIndex($simg, $i); // Number Of Colors Used
ImageColorAllocate($dimg, $colors['red'], $colors['green'], $colors['blue']); // Tell The Server What Colors This Image Will Use
}
imagecopyresized($dimg, $simg, 0, 0, 0, 0, $newwidth, $newheight, $currwidth, $currheight); // Copy Resized Image To The New Image (So We Can Save It)
imagejpeg($dimg, "$tdir" . "$newName"); // Saving The Image
imagedestroy($simg); // Destroying The Temporary Image
imagedestroy($dimg); // Destroying The Other Temporary Image
print 'Image thumbnail created successfully.'; // Resize successful

$nama_gambarasli = "$tdir"."$newName";
$nama_gambarkukecil = "$idir"."$newName";

//proses simpan
$sql="insert into data_gambar(gambar,gambar_kecil) values('$nama_gambarasli','$nama_gambarkecil')";
$query=mysql_query($sql) or die (mysql_error());
if($query){
echo "Data Berhasil disimpan.";
}

} else {
print '<font color="#FF0000">ERROR: Unable to upload image.</font>'; // Error Message If Upload Failed
} else {
?>
<script>
alert('ERROR: Wrong filetype (has to be a .jpg or .jpeg)');
</script>
<?php
print '<font color="#FF0000">ERROR: Wrong filetype (has to be a .jpg or .jpeg. Yours is '; // Error Message If Filetype Is Wrong
print $file_ext; // Show The Invalid File's Extention
print '.</font>';
}


?>

Wah cukup jelas kan sobat bloger, tinggal langsung simpan semua file tersebut dalam satu direktori / folder dan akses melalui web server lokal....
Nantikan sharing kita selanjutnya ya....jangan lupa tinggalkan komentar ya...

Selanjutnya...

Selasa, 14 Juni 2011

Beberapa Tools Untuk Meningkatkan SEO

0 komentar


Halo para blogger, ketemu lagi nih...
oh ya, ne ada sedikit share tentang lanjutan gmana caranya ningkatin SEO, semoga bermanfaat ya.... Wah ga usah lama-lama deh, langsung ke sasaran aja. Beberapa tools SEO yang bisa mendombrak dan meningkatkan trafik web dengan jitu diantaranya :

Keyword suggestion tools & traffic estimation tools

Sebagai pemain SEO, keyword sangat penting dan menjadi ujung tombak dari SEO. Jika tepat dalam memilih keyword maka, kemampuan SEO pun akan sangat berpengarurh meningkatkan trafik web. Banyak tools-tools pilihan yang bisa digunakan untuk mecari keyword-keyword yang sesuai dengan web kamu yang bisa meningkatkan trafik web. Untuk suggestion tools bisa menggunakan google adwords, submitexpress. Untuk traffic estimation tools bisa menggunakan wordtrackcer, atau submitexpress estimation tools.
SEO dictionary

Untuk bisa memahami SEO, beberapa teknik-teknik SEO memang harus dipelajari. Terutama jika kebingungan dengan istilah SEO, maka SEO dictionary setidaknya memberikan informasi yang bisa membantu. SEO dictionary sendiri merupakan kumpulan istilah-istilah yang berkaitan dengan SEO. SEO dictionary ini bisa menggambarkan tentang apa saja yang berhubungan dengan SEO yang saat ini sedang berkembang. SEO dictionary bisa dilihat di lihat di SEO dictionary.
Meta tags generator

Meta tags biasanya menjadi hal yang akan dibaca oleh spider mesin pencari seperti google, yahoo. Tidak menutup kemungkinan dengan meta tags yang tepat maka kemampuan untuk menjaring trafik melalui SEO akan lebih jitu. Tidak jarang orang yang bingung untuk melakukan coding secara manual, namun kebingungan itu kini sudah tidak perlu dirisaukan. Tinggal generate dengan meta tags generator ini, lalu copy paste codenya.
Page snooper

Page snooper merupakan teks-teks dari sebuah halaman html yang akan dibaca oleh spider. Yang tentunya akan menentukan teknik indexing yang dilakukan search engine. Hal ini akan berpengaruh terhadap ketepatan keyword yang akan di optimasikan di search engine. Sehingga bisa dievaluasi apakah keyword sebuah halaman webnya sudah tepat untuk terindex oleh search engine. Tool page snooper bisa dilihat disini.
Broken Link checker & reciprocal link checker

Salah satu komponen SEO lainnya adalah link yang menaut terhadap halaman web. Tentu link-link ini akan membantu mempercepat kemungkinan halaman web kita akan terindex oleh google dan memiliki posisi yang startegis dalam SERP. Untuk bisa memastikan link yang terhubung tidak ada keterputusan, maka bisa dilakukan pengecekan dengan tools dari dead Links. Selain link yang masih aktif, kita juga bisa mengecek seberapa banyak reciprocal link atau link balik bisa di cek juga disini.

Tools SEO ini bisa digunakan untuk meningkatkan kemampuan SEO dalam menjaring lebih banyak trafik melalui search engine. 5 Tools SEO yang jitu meningkatkan trafik web ini bisa menjadi alternatif yang cocok bagi yang mengembangkan teknik SEO. Dengan tools ini SEO kamu akan lebih mantaps dan lebih berdaya dalam meningkatkan trafik web.

Selanjutnya...

Cara Mudah Meningkatkan SEO

0 komentar

SEO WEB & BLOG
Hallo para blogger semua, q sedikit share nih tentang SEO. Berikut ini 11 cara yang secara teratur diimplementasikan untuk meningkatkan Posisi SEO (Search Engine Optimation) yang lebah baik :

1. Judul Halaman : Ini adalah informasi halaman yang terlihat di bar warna biru di browser Anda yang terletak di sebelah kiri bila Anda mengunjungi sebuah website. Untuk SEO terbaik, gunakan sampai 2 kata kunci dalam tag judul. Cara yang terbaik adalah dua kata kunci tersebut dipisah dengan tanda bar "|", contoh : Dapakan duit | Software gratis

2. Nama Domain : Jika memungkinkan gunakan satu kata kunci primer dalam nama domain. Anda akan mendapatkan posisi SEO yang kompetitif. Jika Anda sudah memiliki nama domain, ikut sertakan nama file yang ada di website Anda. COntoh : http://www.situsanda.com/dapatduit.html

3. Meta tags : Adalah deskripsi dari sebuah website yang tidak terlihat, kecuali jika melihat kode sumber html halaman tersebut. Untuk kebutuhan SEO, pastikan meta tag tersebut tidak lebih dari 150 karakter



4. Header tags : Merupakan kode html yang mengindikasikan headline, seperti H1,H2,dan H3 dan terlihat berhuruf tebal. Tampilkan kata kunci website satu kali di H1, 2-3 kali di H2, dan berulang kali di H3.

5. Alt image tag : Merupakan deskripsi dari gambar yang ada di website dan akan terlihat bila kursor diletakkan diatas gambar. Isilah alt tag dengan kata kunci dari website Anda.

6. Format Isi : Mesin pencari sangat peka terhadap isi tulisan yang diformat. Misal jika tulisan tersebut tebal, cetak miring, atau garis bawah. Pastikan bahwa keyword dicetak tebal

7. Keyword density : Kepadatan/populasi kata kunci tergantung dari jumlah tampilnya kata kunci tersebut. Jumlah populasi kata kunci tersebut antara 2% - 7%. Tersedia software untuk mengecek populasi kata kunci/keyword density

8. Anchor text : adalah link yang menghubungkan ke halaman lain di website kita. Misal dengan "klik disini untuk keterangan posting lalu"

9. Inbound links : Adalah istilah lain dari bertukar links. Misal denga kata "Anda link web saya, saya link web Anda"

10. Update posting : Isi web adalah raja, makan satu cara untuk meningkatkan SEO web Anda di mesin pencari adalah memposting tulisan yang berkualitas.

11. Site Map : adalah peta situs yang mempermudah pengunjung untuk menelusuri isi dari website.

Sumber : Terjemahan bebas dari artikel How to Increase SEO

Selanjutnya...

Minggu, 29 Mei 2011

Membuat Copyright pada Web

0 komentar

Hallo sobat bloging mania, ketemu lagi ma Bang Ucup Blog, kali ini saya mau bahas nih vcara membuat copyright pada halaman web. tapi sebelum itu, apa sih copyright??? wah sebenernya saya juga belum tahu pasti sih apa artinya tapi yang jelas copyright itu semacam hak cipta yang berfungi agar produk yang telah kita buat tidak dibajak atau disalahgunakan oleh orang lain.
nah sekarang kita mulai membuat copyright nya.....
Pertama >> kita buka dulu halaman yang akan kita tambahkan copyright (biasanya sih terletak di halaman depan atau index.)
Kedua >> Setelah terbuka, kita tambahkan kode dibawah ini pada tempat yang sesuai dengan hati nurani kita.



Setelah itu coba dijalankan.....


untuk dan lain-lainnya coba disesuaikan sendiri ya....

hehehehehe..................

Selanjutnya...

Sabtu, 23 Januari 2010

Cara Membuat Web Layaknya Programer Profesional Dengan Joomla!

0 komentar


Sekarang membuat website tidak susah seperti dahulu. Software yang banyak digunakan dalam membuat website profesional adalah Dreamweaver, Flash, Notepad++, dll. Tapi sekarang tidak perlu lagi menggunakan software sebanyak itu untuk membuat website profesional. Software yang digunakan adalah Joomal. Joomla adalah Software untuk membuat website berstandar CMS dan bebas di gunakan oleh siapapun. Joomla ada 2 type, yaitu Online dan Offline. Kali ini saya akan membahas cara menggunakan Joomla Offline jadi tidak perlu menggunakan koneksi internet dalam pembuatan website ini. Software Joomla Offline dapat download disini sedangkan yang Online dapat klik disini.

Komponen yang penting sekali dalam pembuatan website dengan joomla Offline ada 3 : web server, php & mysql. Karena joomla menggunakan php, maka agar joomla dapat dipakai, harus ada aplikasi yang bisa menjalankan php, yaitu webserver. Webserver yang paling banyak dipakai untuk menjalankan php saat ini yaitu apache. Agar file joomla dapat disimpan, maka file itu harus di simpan di suatu tempat penyimpan data (bank data), dalam hal ini joomla menggunakan mysql. Mysql ini harus dijalankan oleh aplikasi yang bisa menjalankan mysql.

Jadi software yang harus disiapkan:

1. Webserver, Apache

2. Mysql

Banyak software yang membundel 2 komponen di atas menjadi satu paket. Misalnya xampp, uniserver, vertrigo, dll. Pada artikel ini, software yang digunakan yaitu xampp. Xampp bisa di download gratis disini.

* Setelah xampp terinstall, lalu siapkan joomla nya. Dalam artikel ini, joomla yang di pakai yaitu joomla 1.5.15 dan bisa di download disini.

* Cara insall uniserver tinggal klik 2 kali saja di file uniseserver hasil downloadannya. Dalam artikel ini, uniserver disimpan di drive C.

* Kemudian pada folder htdocs, buat folder yoursite. Yoursite ini akan menjadi url web yang nantinya kita buat dengan joomla di localhost.

* Ekstract joomla 1.5.15 di folder yoursite.

* Lalu, jalankan xampp. Setelah xampp dijalankan, pastikan status "Apache" dan "MySql" itu Running.

* Secara otomatis akan redirect ke browser dengan url http://localhost/security/xamppsecurity.php . Bila halaman tidak muncul, reload page browser.

* Pada Super User berisikan "root"

* Pada Password diisikan "123456"

* Simpan

* Tahap selanjutnya yaitu instalasi joomla di browser. Masukan url berikut http://localhost/yoursite

* Steps 1 – 3 klik next. Pada steps 4 yaitu database configuration, isi username = "root", host name = "localhost", password = "123456". Setelah semua diisi, klik next.

* Untuk step 6 (ftp configuration) karena di installnya di localhost, pilih no saja.

* Pada step 7, isi site name nya. Email harus diisi. Untuk admin password, boleh berbeda dengan password mysql. Untuk mengurangi resiko lupa, sebaiknya password admin dengan mysql samakan saja. Pilih juga istall sample data nya agar web nya tidak kosong. Lalu, next.

* Tahap instalasi selesai. Sebelum membuka web kita, hapus folder installation yang ada di folder yourstite.

* Sekarang, masukan url http://localhost/yoursite/

* Jika ingin mengubah isi web, masuk ke halaman administrator : http://localhost/yoursite/administrator/

* Ketika pertama kali diinstal, Template yang digunakan Joomla masih standar. Silahkan download template Joomla yang lainnya disini atau searching di mbah Google.


Selamat mencoba dan berkreasi......

Selanjutnya...
 

Masukkan alamat E-mail anda :

Powered by FeedBurner

.::. uCuP bLoG .::. © 2009 is Designed by uCuP bLoG Supported by Tadpole's Notez