tag:blogger.com,1999:blog-7387483305626376302023-11-15T23:46:49.398-08:00Web DesignerWeb Design, Programming, Aplication and Other TutorialAnonymoushttp://www.blogger.com/profile/17741365583026663785noreply@blogger.comBlogger12125tag:blogger.com,1999:blog-738748330562637630.post-44430544578614817812013-05-03T23:28:00.001-07:002013-05-03T23:28:54.305-07:00Kampus Technopreneur di Bogor? CBI lahhh<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir2_okpWz0n2A-TQWlTHNazduDOew2UMp4Y5ATHLzNwUriWAn5coC7j-srEbmWQBkkBPUl-2u5FcLnWedLHx3FfVUGNZcpaB4KLCeYquHWdcSCdHNkg3wiPXuzcPUSVK1F_jqS2YjNxiw/s1600/487187_409253665819865_1815637671_n.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br class="Apple-interchange-newline" /><img border="0" height="310" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir2_okpWz0n2A-TQWlTHNazduDOew2UMp4Y5ATHLzNwUriWAn5coC7j-srEbmWQBkkBPUl-2u5FcLnWedLHx3FfVUGNZcpaB4KLCeYquHWdcSCdHNkg3wiPXuzcPUSVK1F_jqS2YjNxiw/s320/487187_409253665819865_1815637671_n.png" width="320" /></a></div>
<br />
<br />
Mengapa <b>Cyber Business Institute (CBI)???</b> karena di kampus ini anda akan di bekali dengan ilmu-ilmu yang akan menunjang untuk menjadi seorang technopreneur yang sukses, di kampus juga anda di siapkan untuk menjadi seseorang yang expert minimal profesional. Dosen-Dosen yang berkualitas akan membimbing anda dengan sabar, dan telaten.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiu8WdW_SXUeJcLj49PZ_r7EAVpvoIvgCfrCDQlCQh7f3RbBHzQijeoIHaxcilaN-NhjTj14EUs_XxUIW8s3QflnLOBrmz2SXBS1vpInKF5rTQqf4davkT3bz1KxolatRSbWtYOZ2wAL4I/s1600/cyber6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="117" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiu8WdW_SXUeJcLj49PZ_r7EAVpvoIvgCfrCDQlCQh7f3RbBHzQijeoIHaxcilaN-NhjTj14EUs_XxUIW8s3QflnLOBrmz2SXBS1vpInKF5rTQqf4davkT3bz1KxolatRSbWtYOZ2wAL4I/s1600/cyber6.png" width="640" /></a></div>
<br />
<b>CBI</b> merupakan <b>kampus technopreneur</b> yang mampu menggali potensi anda yang mungkin selama ini terpendam, mengapa saya katakan demikian??????? karena selain skill yang anda dapakan, motivasi motivasi akan selalu di berikan agar anda selalu berada di jalur yang sejalan dengan apa yang di harapkan.<br />
<br />
Berikut program program yang akan anda dapatkan di kampus ini:<br />
<b>1. Desain Komunikasi Visual (DKV)</b><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ528R6hFvqKHwSru7509fQoMhmp-WzN3RUskM1X5P4nWaPqIUBixg51_bGxw1b7scAMehcOoWVnkLIASiyvXWSEQTxqTW50gnktHhuSrm-QOi8MIycGgq8FUVSR6y5-3GVfsWyC4PMg0/s1600/depanbannerdkv-300x113.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ528R6hFvqKHwSru7509fQoMhmp-WzN3RUskM1X5P4nWaPqIUBixg51_bGxw1b7scAMehcOoWVnkLIASiyvXWSEQTxqTW50gnktHhuSrm-QOi8MIycGgq8FUVSR6y5-3GVfsWyC4PMg0/s1600/depanbannerdkv-300x113.jpg" /></a></div>
Program <b>Desain Komunikasi Visual</b> yang diadakan Cyber Business Institute untuk melahirkan calon <b>profesional</b> dan<b> calon business owner</b> di bidang <b>GRAFIS</b> dan <b>MULTIMEDIA ANIMASI</b>. Cyber Business Visual Communication Design memiliki kurikulum yang berbobot di dunia <b>broadcasting</b> and <b>visual communication</b> sebagai berikut :<br />
<br />
<br />
<u>CHAPTER I</u><br />
<br />
<i>* Pengantar Ilmu Komputer</i><br />
Berisikan pengetahuan umum tentang komputer serta dasar-dasar ilmu komputer.<br />
<br />
<i>* Pengantar Bahasa Inggris</i><br />
Berisikan pembelajaran dasar tentang Bahasa Inggris.<br />
<br />
<i>* Digital Illustration (Materi Utama)</i><br />
Bagaimana memahami dasar pembuatan ilustrasi dan layout menggunakan software berbasis vektor.<br />
<br />
<i>* Digital Imaging (Materi Utama)</i><br />
Mempelajari Teknik optimasi dan memperbaiki foto digital dan juga mempelajari efek digital.<br />
<br />
<i>* 2D Animation (Materi Utama)</i><br />
Diperkenalkan animasi slow motion dengan mengintegrasi suara, ilustrasi, foto dan video sederhana serta peserta mempelajari penerapan dasar – dasar animasi 2D.<br />
<br />
<i>* Intro To Business</i><br />
Disini kamu-kamu diajak untuk lebih dalam melihat peluang bisnis masa depan.<br />
<br />
<u>CHAPTER II</u><br />
<br />
<i>* Mastering CMS (Content Management System)</i><br />
Kamu-kamu akan dibuat mahir dalam membuat situs web yang statis maupun dinamis melalui CMS yang ada seperti Joomla & WordPress. Nantinya akan jadi bekal buat kamu tunjukin ke masyarakat luas hasil karya dan promosi kemampuan kamu di bidang komunikasi visual.<br />
<br />
<i>* Fotografi & Videografi (Materi Utama)</i><br />
Bekal pemahaman tentang teknik-teknik pengambilan gambar statis maupun objek bergerak. Serta diberikan teknik reportase.<br />
<br />
<i>* Digital Video & Audio (Materi Utama)</i><br />
Memperkenalkan prinsip video editing dan pembuatan efek visual. Mempelajari seputar teknik editing, capture video dan output, serta efek transisi, animasi video dan teknik editing suara.<br />
<br />
<i>* Etika Bisnis</i><br />
Mempelajari tentang cara-cara untuk melakukan kegiatan bisnis, yang mencakup seluruh aspek yang berkaitan dengan individu, perusahaan, industri dan juga masyarakat.<br />
<br />
<u>CHAPTER III</u><br />
<br />
<i>* 3D Visualization (Materi Utama)</i><br />
Mempelajari modeling basic menggunakan 3D studio MAX serta penerapan material.<br />
<br />
<i>* 3D Animation (Materi Utama)</i><br />
Peserta mempelajari penerapan dasar – dasar animasi 3D.<br />
<br />
<i>* Visual Effects (Materi Utama)</i><br />
Memperkenalkan pembuatan efek visual dengan mempelajari teknik untuk membuat efek visual yang menakjubkan dan motion graphic design dengan kualitas broadcast.<br />
<br />
<i>* Creative Thinking</i><br />
Poin penting dalam pembelajaran ini adalah bagaimana kita dapat memahami konsep, menggunakan penalaran, memecahkan masalah, dan mengkomunikasikan gagasan sebagai pembekalan menjadi seorang Technopreneurship.<br />
<br />
<br />
<b>2. Management Devlopment Informatika (IT)</b><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp5HVbAD2gIGzT5I8U9pBi7337bd3KyZ9ybpqyG23joU-yBNihF198tNMFlm4n-ivdDyk4om3Db9rKFxRL8QSNXB4xLRWANc5FklCeN2iMESp8qQliqUy_WI8w4Xn0wsrKxvL2Y8Tn7q8/s1600/depanbannermd1-300x113.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp5HVbAD2gIGzT5I8U9pBi7337bd3KyZ9ybpqyG23joU-yBNihF198tNMFlm4n-ivdDyk4om3Db9rKFxRL8QSNXB4xLRWANc5FklCeN2iMESp8qQliqUy_WI8w4Xn0wsrKxvL2Y8Tn7q8/s1600/depanbannermd1-300x113.jpg" /></a></div>
<b>Management Development Informatika</b> merupakan <b>Program Profesional 1</b> Tahun Technopreneur yang dirancang untuk melahirkan para profesional di bidang <b>Desain</b> dan <b>Pemrograman website</b>. Selain sebagai profesional, peserta program ini ditargetkan mampu menciptakan lapangan kerja dengan kemampuan IT dan Bisnis yang didapatnya selama belajar di Cyber Business Institute. Program-program Cyber Business Management and Development (MD) dirancang dengan menarik dengan gambaran materi sbb :<br />
<br />
<br />
<u>CHAPTER I</u><br />
<br />
<i>* Pengantar Ilmu Komputer</i><br />
Berisikan pengetahuan umum tentang komputer serta dasar-dasar ilmu komputer.<br />
<br />
<i>* Pengantar Bahasa Inggris</i><br />
Berisikan pembelajaran dasar tentang Bahasa Inggris.<br />
<br />
<i>* Intro To Business</i><br />
Disini kamu-kamu diajak untuk lebih dalam melihat peluang bisnis masa depan.<br />
<br />
<i>* Mastering CMS (Content Management System)</i><br />
Kamu-kamu akan dibuat mahir dalam membuat situs web yang statis maupun dinamis melalui CMS yang ada seperti Joomla & WordPress. Artinya, sampai tahap ini kamu sudah punya website yang siap dijadikan lahan bisnis buat kamu.<br />
<br />
<u>CHAPTER II</u><br />
<br />
<i>* Online Strategic dan Intenet Marketing</i><br />
Materi ini disusun sebagai persiapan untuk memasuki era e-commerce.<br />
<br />
<i>* Multimedia dan Grafis</i><br />
Bagaimana memahami dasar pembuatan ilustrasi, layout dan animasi. Untuk kebutuhan Marketing Comunication sebuah bisnis, dan juga penunjang keahlian IT kamu khususnya Web Developer.<br />
<br />
<i>* Etika Bisnis</i><br />
Mempelajari tentang cara-cara untuk melakukan kegiatan bisnis, yang mencakup seluruh aspek yang berkaitan dengan individu, perusahaan, industri dan juga masyarakat.<br />
<br />
<u>CHAPTER III</u><br />
<br />
<i>* Web Management & Developer (Web Design, Web Programming)</i> >> MATERI UTAMA<br />
Ini merupakan bagian paling penting, Mempelajari bagaimana mengintegrasikan Server Application (Hosting, Domain, DNS, C-Panel, SMS Gateway) dengan berbagai program seperti HTML, Ajax (Java Script + XML), JQuery, PHP dan My SQL, Code Igniter, dll. Kalau sebelumnya kamu belajar menggunakan CMS, di tahap ini kamu diajarkan membuat CMS (self customize on programming and design) maupun sistem informasi berbasis web sendiri.<br />
<br />
<i>* Creative Thinking</i><br />
Poin penting dalam pembelajaran ini adalah bagaimana kita dapat memahami konsep, menggunakan penalaran, memecahkan masalah, dan mengkomunikasikan gagasan sebagai pembekalan menjadi seorang Technopreneurship.<br />
<br />
<b>3.Short Course</b><br />
Short Course merupakan program kursus singkat yang diadakan Cyber Business School, short course yang diadakan oleh CBS memiliki beberapa program yaitu :<br />
<ul>
<li>1. Mastering CMS | Web Developer</li>
<li>2. Web Architecture | Web Design & Programing</li>
<li>3. Web Architecture for Advance</li>
<li>4. Multimedia Animation</li>
<li>5. Desktop Publisher | Print Design</li>
<li>6. Programming Application | For Business</li>
<li>7. Aplication Program</li>
<li>8. Week End Instant Course</li>
</ul>
<div>
<br /></div>
<div>
Untuk informasi lebih lanjut silahkan kunjungi <a href="http://cyberbusinessinstitute.com/">http://cyberbusinessinstitute.com/</a></div>
<br class="Apple-interchange-newline" />Anonymoushttp://www.blogger.com/profile/17741365583026663785noreply@blogger.com0tag:blogger.com,1999:blog-738748330562637630.post-71048026467320640672013-04-15T22:31:00.001-07:002013-04-16T20:02:57.871-07:00Cara Mendapatkan Rank di Alexa<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBFD1glLSvHfHyr8QQndbtKN9xVZvYWeLH3PvRc1PAfUCilKgpUsGKO35S0wWZL-wCwI0Z2OP3FLdydXmOlT4WowRjx_pbelmPwAL8RkrnrlJoB0ha68E9kIl79REcWnrjg8opaOwNmf0/s1600/Alexa-Ranking.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBFD1glLSvHfHyr8QQndbtKN9xVZvYWeLH3PvRc1PAfUCilKgpUsGKO35S0wWZL-wCwI0Z2OP3FLdydXmOlT4WowRjx_pbelmPwAL8RkrnrlJoB0ha68E9kIl79REcWnrjg8opaOwNmf0/s320/Alexa-Ranking.png" width="320" /></a></div>
Seperti biasa saya selalu ingin membagikan sesuatu yang dapatkan, kali saya akan sehare cara untuk mendapatkan Rank di <span style="color: #0c343d;"><span style="font-size: large;">alexa</span></span>, silahkan menyimak...<br />
Siapa yang kenal alexa, para blogger dan hampir semua webmaster menerapkan alexa sebagai salah satu indikator popularitas blog atau website mereka. Berbeda tentunya dengan Pagerank Google untuk alexa ini semakin kecil nilai yang terkandung di dalamnya maka semakin bagus popularitas blog beda dengan Pagerank google semakin besar PR maka semakin bagus blog tersebut.<br />
Mengutip postingan beberapa postingan rekan blogger yang ada Alexa adalah merupakan salah satu web informasi yang memberikan ranking bagi sebuah blog / web. Alexa Rank adalah ranking yang diberikan oleh perusahaan Alexa.com yang dimana ranking tersebut berasal dari total jumlah pengunjung Unique Alexa Toolbar.<br />
<br />
So, dimana letak penting dan manfaatnya alexa rank ini bagi website atau blog kita? untuk menjawab pertanyaan ini tentunya tergantung dari mereka para pemilik blog tersebut. Bagi sebagian blogger yang menggeluti dunia bisnis online dan cara mencari uang dari blog seperti saya ini misalkan tentunya alexa rank ini penting karena semakin bagus rank alexa blog ini maka tentunya akan membuat blog saya semakin populerdan otomatis semakin populer blog ini maka kesempatan mendatangkan para pemasang iklan akan semakin terbuka lebar. Alasan kedua adalah dengan semakin bagusnya posisi rank Alexa akan berpengaruh pada pengunjung atau pembaca blog kita, jika Alexa Rank kita bagus tentunya mereka akan lebih antusias dan loyal terhadap blog tersebut dan pembaca akan semakin meningkat. Jadi kesimpulannya adalah seberapa jauh populer blog anda di internet mempunyai relevansi dengan posisi rank alexa blog anda.<b></b><br />
<b><br /></b>
<span style="font-size: large;"><b>Cara mendapatkan alexa rank</b></span><br />
Kembali ke topik postingan ini tentang bagaimana cara mudah mendapatkan links dari alexa maka disini saya akan memberikan tipsnya. Tips ini banyak digunakan oleh para blogger untuk meningkatkan alexa rank blog mereka dan sekaligus sebagai bagian dari tips SEO bagi blog anda. Caranya adalah sangat mudah yaitu :<br />
<ol>
</ol>
1. Selalu Mengupdate Blog kita.<br />
2. Selalu meninggalkan jejak blog kita di blog-blog teman melalui shoutbox maupun komentar.<br />
3. Memasang <span style="font-size: large;"><a href="http://www.alexa.com/siteowners/widgets" target="_blank">Widget Alexa</a></span> rank di blog kita.<br />
4. Postinglah tulisan tentang <span style="color: #073763;"><span style="font-size: large;">alexa</span></span> seperti posting saya ini atau terserah anda yang penting ada link ke alexa biar pihak alexa benar-benar melihat situs anda.<br />
5. Memasang <span style="font-size: large;"><a href="http://www.alexa.com/toolbar" target="_blank">Toolbar Alexa</a></span> Rank di Browser Internet kita.<br />
<br />
<br />
<br />
Sekian, semoga bermanfaat..... <br />
<br />
<br />Anonymoushttp://www.blogger.com/profile/17741365583026663785noreply@blogger.com1tag:blogger.com,1999:blog-738748330562637630.post-78382034299795769502013-04-15T13:29:00.002-07:002013-04-15T13:29:21.463-07:00Cara Mengatasi Internal Server Errror 500 pada Wordpress<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGMCmpVPiwL7xoXbB7ERymLGgPdXxPVKsgGosYN7RNE3tVj9zgsl2B7qS3Hl_m1Hyv1iixigYjL6HZBXsRrBT4Yk3mg_xIUDx5Yf-gXyOgNAJWJu1pfSGXIBvbzVHnREKUFlPBdkhwlfg/s1600/internal+server+error.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGMCmpVPiwL7xoXbB7ERymLGgPdXxPVKsgGosYN7RNE3tVj9zgsl2B7qS3Hl_m1Hyv1iixigYjL6HZBXsRrBT4Yk3mg_xIUDx5Yf-gXyOgNAJWJu1pfSGXIBvbzVHnREKUFlPBdkhwlfg/s1600/internal+server+error.jpg" /></a></div>
<br />
Berdasarkan pengalaman yang saya dapatkan saya akan share bagaimana cara mengatasi website mengalami Internal Server Error 500, Internal Server Error 500 yang kita liat di browser saat mau buka dashboard atau blog Wordpress. Waduh kenapa nih? Bingung harus gimana, jalan satu-satunya ya browsing di Google cari tau cara mengatasi internal server error 500.<br />
<br />
Loe juga ngalamin hal yang sama gan? Kalo iya, di posting kali ini gw share cara ngatasin ni masalah gan. Banyak cara buat ngatasinya silahkan di coba satu-persatu.<br /><br />Cara Mengatasi Internal Server Error 500 Wordpres<br /><br />
<ul>
<li> Pertama kalo masalah internal server error cuma terjadi saat loe buka blog tapi gak terjadi di WP admin dashboard. Yang harus loe lakuin coba nonaktifin semua plugin Wordpress loe dengan cara centang tulisan plugin terus rubah pilihan jadi deactive dan klik apply. Abis itu aktifin lagi satu persatu. Cek tu plugin mana yang nyebabin error, kalo udah ketemu loe nonaktifin lagi ato delete aja tu plugin.</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdlJgLO4kpUa5kAlQ0t4n1YvNO-017JPg6FuNZ71m8iuER0aJMUO7yTYxbHVNAVt9CoVLYscoNwUPRc5lTrsUdXHpYHWMG_gL8rmY0FPC4FhBt9f5tUH_xkSfDyEzlDwtL_PwmmNoTkYz0/s1600/server1.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdlJgLO4kpUa5kAlQ0t4n1YvNO-017JPg6FuNZ71m8iuER0aJMUO7yTYxbHVNAVt9CoVLYscoNwUPRc5lTrsUdXHpYHWMG_gL8rmY0FPC4FhBt9f5tUH_xkSfDyEzlDwtL_PwmmNoTkYz0/s1600/server1.jpg" /></a></div>
<br /> <br />
<ul>
<li>Kalo cara di atas gak mempan, sekarang coba login ke cPanel hosting loe cari file manager. Trus buat file php.ini ( bisa juga buat dari FTP Client dari komputer kalian ) kalo filenya udah ada tinggal di edit aja gan. Inget extensinya .ini bukan .ini.txt. Filenya gini gan : </li>
</ul>
memory_limit = <span style="color: #cc0000;">20Mb</span> atau memory_limit = <span style="color: #cc0000;">64Mb</span><br />
<br />
<ul>
<li>Bisa juga kayak gini gan :<br /><b>register_globals off<br />register_globals = 0 <br />memory_limit = 64Mb </b><i> </i></li>
</ul>
<ul>
<li>Kalo udah tinggal di save dan coba buka blog kalian. </li>
</ul>
<ul>
<li>Belum bisa juga gan, pake cara lain lagi jangan putus asa. Balik lagi ke cPanel gan, cek semua file permissions pastiin untuk file 664 dan directory 755. Kalo udah bener semua cek lagi blognya udah bisa belom gan? </li>
</ul>
<br /><div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD-vIw_lBCWYe3lwE7hwo6DwPN7AEA-9cnStHqcAvTfOBC1Q2dDn2T_ls-1pkVEdv-YTguSQGDqnrdC2stnkhfFUDvS1-Ybfv9j-aSBsrDkTvgayz6TTITaZ_prT5yzdD8_IvNjNQCwgly/s1600/file+permissions.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD-vIw_lBCWYe3lwE7hwo6DwPN7AEA-9cnStHqcAvTfOBC1Q2dDn2T_ls-1pkVEdv-YTguSQGDqnrdC2stnkhfFUDvS1-Ybfv9j-aSBsrDkTvgayz6TTITaZ_prT5yzdD8_IvNjNQCwgly/s1600/file+permissions.jpg" /></a></div>
Info aja gan : 4 = Read, 5 = Read/Exec, 6 = Read/Write, 7 = Read/Write/Exec.<br />
<br />
<ul>
<li>Masih gak bisa juga, waduh lanjut cara ini gan. Ke cPanel lagi lalu file manager cari file .htaccess rubah jadi .htaccess.txt ato bisa juga di edit file .htaccess nya gan ( inget backup file .htaccess nya sebelum di edit gan ), tambahin file dibawah ini di bagian atasnya gan :</li>
</ul>
<b>AddType x-mapp-php5 .php<br />AddHandler x-mapp-php5 .php </b><br />
<br />
<ul>
<li>Jadi filenya bakal kayak gini :</li>
</ul>
<b> AddType x-mapp-php5 .php<br />AddHandler x-mapp-php5 .php<br /><br /># BEGIN WordPress<br /><IfModule mod_rewrite.c><br />RewriteEngine On<br />RewriteBase /wordpress/<br />RewriteCond %{REQUEST_FILENAME} !-f<br />RewriteCond %{REQUEST_FILENAME} !-d<br />RewriteRule . /wordpress/index.php [L]<br /></IfModule></b><br />
<b><br /></b>
<b># END WordPress </b><br />
<br />
<br />
<ul>
<li>Lalu save tanpa ekstensi .txt gan dan coba buka lagi blog loe mudah-mudahan udah gak error lagi.</li>
</ul>
<ul>
<li>Cara di atas bisa juga dengan edit .htaccess terus hapus semua isinya lalu save, bisa juga upload .htaccess kosong dari komputer gan. Cek lagi blognya udah gak error lagi apa gak. Dengan cara gini loe harus seting ulang struktur permalink di WP gan biar blog loe normal lagi.</li>
</ul>
<br />
<ul>
<li>Kalo masih gak bisa coba cek error log yang ada di file manager gan cari tau disana apa aja yang bikin error.</li>
</ul>
Semua cara di atas udah di coba tapi masih tetep gak bisa, berati nasib loe apes gan sama kayak gw dulu. Gak usah bersedih yang harus loe lakuin cuma nunggu karena server hosting loe lagi down gan. Gw aja nunggu ampe 10 jam ada yang ampe seminggu lagi gan. Intinya sabar and sabar gan. Kalo mau bisa juga kontak CS web hosting loe tanyain kenapa website loe error gan.<br />
<br />
Sekian, semoga dapat membantu anda yang mengalami hal sama.... <br />
<br />
<br />Anonymoushttp://www.blogger.com/profile/17741365583026663785noreply@blogger.com0tag:blogger.com,1999:blog-738748330562637630.post-86545075336189422512013-04-15T03:29:00.002-07:002013-04-15T08:38:06.339-07:00Cara Pasang Flag Counter Di Blogspot<div style="text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisd9YoRUTFz9RwOlGADxU1Xww0KnMulpHbuGTeYgY9nMpJRGeyKBn-BrGo7KiQ4WpUoZgGVm5GDHZwOHdsgrv5v5hDQyZqkpDibTHhgwkKzFBINL87kd9-ITKccDeIijDO71uYkr-I9nk/s1600/flagcounter.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="195" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisd9YoRUTFz9RwOlGADxU1Xww0KnMulpHbuGTeYgY9nMpJRGeyKBn-BrGo7KiQ4WpUoZgGVm5GDHZwOHdsgrv5v5hDQyZqkpDibTHhgwkKzFBINL87kd9-ITKccDeIijDO71uYkr-I9nk/s320/flagcounter.jpg" width="320" /></a></div>
<br />
<br />
Sehubungan dengan tugas dari bapak Dosen untuk materi <i>SEO</i> saya akan share apa yang saya dapatkan hasil dari googling barusan. <img class="emoticon" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrtoT8btKzoG2unKsLSvWzkVYPnp-TTwezXiNnwy3mOGj8r16445-p-66Fy1gy3_Ol0DFgBF-WOX95V1GwXAMmXxCQmyDdDSqd4nwIx2h37jrmiUJLJQg19sdTFE6OUcxwH-Lh5VYKuIey/s1600/15.gif" /><br />
<br />
Cara Memasang Flag Counter di Blog Blogspot - Berapa jumlah pengunjung blog sobat?? Bagi sobat blogger yang belum tahu saya sarankan untuk memasang widget ini. Namanya Flag Counter. Flag counter adalah visitor count yang menampilkan jumlah pengunjung blog dengan ciri khas menampilkan bendera negara setiap pengunjung. Contoh bisa sobat lihat di sidebar blog ini.<br />
Setelah sebelumnya posting cara membuat banner untuk link exchange kali ini saya akan share cara memasang widget flag counter di blog sobat. Sobat yang penasaran dan tertarik silahkan ikuti tutorial berikut.<br />
<br />
1. Sobat kunjungi situs <a href="http://flagcounter.com/">Flag Counter</a><br />
Sobat akan melihat tampilan seperti berikut.<br />
<br />
<div style="text-align: center;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIiKiCuU0ewM3_D1a5N_06RGnuiXsaxTmRt0SbX5n2jkJ19QM4nXAGtFUcJerWz5rCORkdHLpOSuuXlLw7LOpgwsM8ChyphenhyphenV0cRxSP5Rsz7ZJWt9uGAmPRfzWY8K56vhyPSiS77Fxt8DVpuZ/s640/fsgetddfg.png" /></div>
<br />
<br />
2. Seperti pada gambar, di situ sobat bisa mengatur tampilan dari flag counter tersebut sesuka hati.<br />
Berikut beberapa menu editnya..<br />
<br />
<ul>
<li><b><i>Top Countries</i></b> : menampilkan jumlah pengunjung tiap negara dengan bendera negara asal pengunjung</li>
<li><b><i>Flag Map</i></b> : menamplkan pengunjung dalam bentuk map aatau peta dunia seperti gambar berikut.</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq5SkxBnXHvO2IT3BkOYbXpLm6YEu0ozvSebw7Ecv74gT3RdL-31KHlWT2Om9u0XrS_ucSwE3E74i8AdBGiV-keXEr0CpYZ0B1qUpsuIut9R3lIDtWXJeUImkq9mFPCSCUBLEGt5bkkpCm/s1600/fvffvfv.png" imageanchor="1" style="background-color: white; color: black; font-family: julee; font-size: 16px; line-height: 24px; margin-left: 1em; margin-right: 1em; text-align: center; text-shadow: rgb(4, 4, 180) 0px 0px 5px;"><img border="0" height="164" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq5SkxBnXHvO2IT3BkOYbXpLm6YEu0ozvSebw7Ecv74gT3RdL-31KHlWT2Om9u0XrS_ucSwE3E74i8AdBGiV-keXEr0CpYZ0B1qUpsuIut9R3lIDtWXJeUImkq9mFPCSCUBLEGt5bkkpCm/s320/fvffvfv.png" style="border: 1px solid rgb(204, 204, 204); padding: 4px;" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<ul>
<li><b><i>Mini Counter</i></b> : menampilan counter dalam bentuk mini berupa pagaview blog.</li>
<li><b><i>Maximum Flag to Show</i></b> : Jumlah bendera yang akan di tampilkan</li>
<li><b><i>Column of Flags</i></b> : Jumlah kolom untuk counter</li>
<li><b><i>Label on Top of Counter</i></b> : Nam dari counternya. bisa di ganti sesuai keinginan.</li>
<li><b><i>Background Color</i></b> : Warna latar belakang</li>
<li><b><i>Text Color</i></b> : warna teks</li>
<li><b><i>Border color</i></b> : Warna garis tepi</li>
<li><b><i>Show Country Codes</i></b> : Menampilkan kode setiap negara, misalnya amerika dengan kode US.</li>
<li><b><i>Show Pageview Count</i></b> : Menampilkan jumlah pageview atau jumlah penelusuran halaman di satu blog</li>
<li><b><i>Show Number of Flags</i></b> : Menampilkan seluruh jumlah bendera asal pengunjung</li>
</ul>
<div>
<br /></div>
<div>
3. Setelah selesai ngeditnya, klik tulisan <i>GET YOUR FLAG COUNTER</i>. Kemudian sobat akan melihat tampilan seperti berikut.</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguGbcku3kQVS3GsGZP1K7OI7r-uXrQCG-Wl9gLclqWHfgyCRZ_3iTX_S1LfADC1iLlPvBJF5zXksWY10oQ2y0cRiJPlTAY4cD62sd8ZpV3wyYQKihyphenhyphenDrmpKYJ3oI_0pR9ysMO-4FTYjrxz/s1600/fvdvdvd.png" imageanchor="1" style="background-color: white; color: black; font-family: julee; font-size: 16px; line-height: 24px; margin-left: 1em; margin-right: 1em; text-align: center; text-shadow: rgb(4, 4, 180) 0px 0px 5px;"><img border="0" height="199" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguGbcku3kQVS3GsGZP1K7OI7r-uXrQCG-Wl9gLclqWHfgyCRZ_3iTX_S1LfADC1iLlPvBJF5zXksWY10oQ2y0cRiJPlTAY4cD62sd8ZpV3wyYQKihyphenhyphenDrmpKYJ3oI_0pR9ysMO-4FTYjrxz/s320/fvdvdvd.png" style="border: 1px solid rgb(204, 204, 204); padding: 4px;" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
4. Klik <b><i>Skip</i></b>, ambil kodenya, kemudian pasang ke HTML/Javascript blog sobat.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both;">
Cara Pemasangan :</div>
<div class="separator" style="clear: both;">
Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript</div>
<div class="separator" style="clear: both;">
Masukkan kode kedalam kotak yang di sediakan kemudian klik save.</div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
Mudahkan????? semoga artikel ini bermanfaat..... <img class="emoticon" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGZqvHzKU8XVkKxEKas4yaazURkIOyYqglauILQ0f1hMcoygZ1ef9USRr7Hyl6g4ITkDhBLo6GOFrqImkijynTftxv-cip-wGcTwu1KFr2DbZstBqd3SavvkCGoXq0gMFbVPcs8pA_dlGZ/s1600/14.gif" /></div>
<br />
<div>
</div>
<br />
<br />
<div>
</div>
<br />
<br />Anonymoushttp://www.blogger.com/profile/17741365583026663785noreply@blogger.com1tag:blogger.com,1999:blog-738748330562637630.post-33345072568108238742013-03-23T06:55:00.000-07:002013-04-16T10:22:49.659-07:00Membuat Efek Smooth di Menu dengan jQuery<h3>
Tujuan - Membuat menu Halus </h3>
Lihat <a href="http://www.buildinternet.com/live/smoothmenu/animated-menu.html">demo</a><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgli3a2PfVQkEp3DDBrBX6VIGGyaI7zcZ7206W0MGsysUip595yeJevf6Xp7p4KczpEq0pzvHIohN4TJ_9f8VkmOUBWALcnp6JD3kwYoWL3dBjwhdQU9WONFpUSdq5mEDpfku363HwE9XI/s1600/jquery-smooth-menu.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="140" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgli3a2PfVQkEp3DDBrBX6VIGGyaI7zcZ7206W0MGsysUip595yeJevf6Xp7p4KczpEq0pzvHIohN4TJ_9f8VkmOUBWALcnp6JD3kwYoWL3dBjwhdQU9WONFpUSdq5mEDpfku363HwE9XI/s320/jquery-smooth-menu.jpg" width="320" /></a></div>
<h3>
</h3>
<h3>
Pendahuluan - Penjelasan mengurangi </h3>
Menu memiliki seperti animasi halus karena hal yang disebut "pelonggaran". Adobe <a href="http://www.adobe.com/devnet/flash/articles/animation_guide_06.html">definisi di Flash Developer Center</a> lebih lengkap: <br />
<blockquote>
"Turunnya merujuk pada percepatan atau perlambatan bertahap selama
animasi, animasi yang membantu Anda terlihat lebih realistis.
Pelonggaran menciptakan penampilan yang lebih alami percepatan atau
perlambatan secara bertahap menyesuaikan tingkat perubahan. " </blockquote>
Berkat keajaiban plugin jQuery Easing, kita sekarang dapat menggunakan mereda di luar lingkungan Flash dan ActionScript. <a href="http://www.jqueryeasing.com/" target="_blank">Download di situs proyek resmi </a><br />
<br />
<h3>
Langkah 1 - Siapkan Struktur </h3>
Buat folder baru dengan nama NavAnimatedjQuery, kemudian dokument baru seperti di bawah ini simpan dengan nama index.html.<br />
<br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" <br />
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <br />
<br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <br />
<head> <br />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <br />
<title>Smooth Animated jQuery Menu</title> <br />
<br />
<link rel="stylesheet" href="style.css"/> <br />
<br />
<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.js" type="text/javascript"></script> <br />
<script src="js/jquery.easing.1.3.js" type="text/javascript"></script> <br />
<script src="animated-menu.js" type="text/javascript"></script><br />
</head><br />
<body> <br />
<p>Rollover a menu item to expand it.</p> <br />
<ul> <br />
<li class="green"> <br />
<p><a href="#">Home</a></p> <br />
<p class="subtext">The front page</p> <br />
</li> <br />
<li class="yellow"> <br />
<p><a href="#">About</a></p> <br />
<p class="subtext">More info</p> <br />
</li> <br />
<li class="red"> <br />
<p><a href="#">Contact</a></p> <br />
<p class="subtext">Get in touch</p> <br />
</li> <br />
<li class="blue"> <br />
<p><a href="#">Submit</a></p> <br />
<p class="subtext">Send us your stuff!</p> <br />
</li> <br />
<li class="purple"> <br />
<p><a href="#">Terms</a></p> <br />
<p class="subtext">Legal things</p> <br />
</li> <br />
</ul> <br />
</body> <br />
</html> <br />
<h3>
Langkah 2 - Mengatur dengan CSS </h3>
buat dokument seperti dibawah ini kemudian simpan dengan nama style.css taruh di folder <br />
NavAnimatedjQuery.<br />
body{ <br />
font-family:"Lucida Grande", arial, sans-serif; <br />
background:#F3F3F3; <br />
} <br />
<br />
ul{ <br />
margin:0; <br />
padding:0; <br />
} <br />
<br />
li{ <br />
width:100px; <br />
height:50px; <br />
float:left; <br />
color:#191919; <br />
text-align:center; <br />
overflow:hidden; <br />
} <br />
<br />
a{ <br />
color:#FFF; <br />
text-decoration:none; <br />
} <br />
<br />
p{ <br />
padding:0px 5px; <br />
} <br />
<br />
.subtext{ <br />
padding-top:15px; <br />
} <br />
<br />
/*Menu Color Classes*/ <br />
.green{background:#6AA63B;} <br />
.yellow{background:#FBC700;} <br />
.red{background:#D52100;} <br />
.purple{background:#5122B4;} <br />
.blue{background:#0292C0;} <br />
<h3>
Langkah 3 - Membuat efek animasi dengan jQuery </h3>
taruh di dalam tag <head> -- <i>taruh disini</i> --</head> kode dibawah ini:<br />
<script type="text/javascript"><br />
$(document).ready(function(){ <br />
<br />
//When mouse rolls over <br />
$("li").mouseover(function(){ <br />
$(this).stop().animate({height:'150px'},{queue:false, duration:600, easing: 'easeOutBounce'}) <br />
}); <br />
<br />
//When mouse is removed <br />
$("li").mouseout(function(){ <br />
$(this).stop().animate({height:'50px'},{queue:false, duration:600, easing: 'easeOutBounce'}) <br />
}); <br />
<br />
}); <br />
</script> <br />
<br />
<br />
<b>Berikut sedikit penjelasannya:</b>
<br />
Ada dua tindakan dalam kode di atas. Ketika mouse bergerak di
atas item menu, item mulai animasi di mana telah melebar 150px tinggi
selama 0,6 detik.
Turunnya diterapkan melalui plugin tersebut 'easeOutBounce' yang
menyebabkan kotak untuk "terpental" sedikit karena mencapai akhir
animasi ("keluar"). Ketika mouse digerakkan dari animasi dengan ukuran
mulai dipicu. <br />
Jika Anda menggunakan ini dalam konteks situs yang lebih besar, cukup
mengganti elemen yang dipilih (saat ini "li") untuk acara mouse ke
pemilih yang diperlukan. <br />
Pemberhentian () metode dirantai <i>sebelum</i>
bernyawa untuk mencegah penyangga dari bangunan di mana animasi akan
loop berulang kali jika mouse dipindahkan sekitar cepat di atasnya.<br />
<br />
<i>(untuk <b>plugin jQuery easing</b>--> buat folder js di dalam folder NavAnimatedjQuery kemudian simpan file jQuery didalam folder js)</i><br />
<h3>
Langkah 4 - Tambahkan Flair Beberapa </h3>
Saya telah menambahkan gambar latar belakang untuk setiap item menu
dalam versi live dan file source untuk menggambarkan beberapa
kemungkinan desain. Ada banyak cara kreatif lainnya untuk menambahkan effect beberapa menu. lakukan percobaan.<br />
<br />
sekian, semoga bermanfaat.... Anonymoushttp://www.blogger.com/profile/17741365583026663785noreply@blogger.com2tag:blogger.com,1999:blog-738748330562637630.post-18901764779675639822013-03-21T01:50:00.002-07:002013-04-15T04:27:46.481-07:00Basic HTML<h2 align="justify">
Membuat file HTML </h2>
<div align="justify">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0CbuJ3Sz0xst6_gauxQmK9WQrl9bsaBAE3E6_MdMQzI2NhfO7z-Ztjax6O5GmavYS3l0iMQakZ6REGqxtpIQ8Hb9GFgLKdmpPgWMZyd_Qdexb3ukTRssqstL-UbYACSDvk3Uv7udEHCs/s1600/html-basics-notepad.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0CbuJ3Sz0xst6_gauxQmK9WQrl9bsaBAE3E6_MdMQzI2NhfO7z-Ztjax6O5GmavYS3l0iMQakZ6REGqxtpIQ8Hb9GFgLKdmpPgWMZyd_Qdexb3ukTRssqstL-UbYACSDvk3Uv7udEHCs/s320/html-basics-notepad.jpg" width="320" /></a></div>
Untuk anda yang baru memulai membuat website atau sedang mempelajari bagaimana membuat sebuah halaman website, disini saya akan sedikit menjelaskan bagaimana halaman website itu dibuat. Anda dapat membuat halaman web atau dokumen HTML dengan editor teks
apapun (termasuk Microsoft Notepad, DOS mengedit, Mac SimpleText, dan
UNIX vi).
Anda mungkin sudah memiliki setidaknya salah satu editor diinstal pada
komputer Anda, bahkan jika Anda belum pernah menggunakannya sebelumnya. </div>
<div align="justify">
Untuk melihat apa yang tampak seperti HTML dan mempelajari tag HTML
yang paling dasar, mari kita lihat sebuah dokumen HTML yang sangat
sederhana. Di bawah angka menunjukkan halaman Web sederhana di Microsoft Notepad. Anda dapat mengetik teks yang sama di editor Anda sendiri untuk mengikuti bersama dengan bab ini.<br />
</div>
<div align="center">
<a href="http://www.f1websitedesign.com/tutorials/html-tutorials/basics/basics-of-html/chapter1/images/chapter1.1_large.jpg" target="_blank"><img alt="Klik di sini untuk melihat gambar yang lebih besar." border="0" height="98" src="http://www.f1websitedesign.com/tutorials/html-tutorials/basics/basics-of-html/chapter1/images/chapter1.1_clip_image002.jpg" width="500" /></a> </div>
<div align="justify">
<br />
Setiap dokumen HTML harus dimulai dengan tag <html> dan diakhiri dengan melengkapi nya, </ html> tag. Selain tag <html>, dokumen ini mencakup tiga pasangan lain dari tag yang harus dimasukkan dalam dokumen HTML: </div>
<ul>
<li><div align="justify">
<head> Dan </ head> pasangan tag digunakan untuk menunjukkan informasi tentang dokumen itu sendiri. Anda akan belajar bagaimana menambahkan beberapa informasi ini dalam bab-bab selanjutnya. </div>
</li>
<li><div align="justify">
<title> Dan </ title> tag digunakan untuk menambahkan judul Title bar browser Anda. Judul bar adalah pita berwarna di bagian atas setiap aplikasi yang memberikan nama aplikasi. </div>
</li>
<li><div align="justify">
<body> Dan </ body> tag digunakan untuk mengelilingi setiap teks yang muncul di halaman HTML. </div>
</li>
</ul>
<div align="justify">
Semua dokumen HTML dipisahkan menjadi dua bagian: kepala dan tubuh.
Karena judul berisi informasi tentang dokumen, <title> dan </
title> tag ditempatkan dalam <head> dan </ head> tag. </div>
<div align="justify">
Jika Anda membuat sebuah halaman HTML sederhana, Anda akan melihat bahwa empat tag yang sama yang hadir dalam kode ini juga.</div>
<table align="center" bgcolor="#F3F3F3" border="0" cellpadding="2" cellspacing="1" style="width: 99%px;"><tbody>
<tr><td class="style7" height="26"><html> <br />
<head> <br />
<title> Halaman Web My Second </ title> <br />
</ Head> <br />
<body> <br />
<p> ini adalah halaman web kedua saya. </ p> <br />
</ Body> <br />
</ Html> </td></tr>
</tbody></table>
<div align="justify">
<br />
Teks yang muncul atau berubah hanya bila diantara tag.<br />
Sekian penjelasan mengenai cara membuat halaman web sederhana dengan html, semoga bermanfaat dan tunggu tahapan berikutnya. </div>
Anonymoushttp://www.blogger.com/profile/17741365583026663785noreply@blogger.com1tag:blogger.com,1999:blog-738748330562637630.post-5630962126366224712013-03-20T12:17:00.000-07:002013-04-16T17:44:44.568-07:00Fun dengan PHP GD Library: Part 1<div class="top-image">
<div class="postimage">
</div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDQSHUoX-kPFkQkfTVzOHfB3uH_LiNBo3qy3ayzBPR2rph_dMdTwpNhWitGT8jHFq-sV6yC-0RhY_c-bqLG5i-MyfGL94PUmVwVjxjiimcHmtVEM1hnTu8M6Yu59MkW8_n79_poz9fizU/s1600/gdlogobig.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="207" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDQSHUoX-kPFkQkfTVzOHfB3uH_LiNBo3qy3ayzBPR2rph_dMdTwpNhWitGT8jHFq-sV6yC-0RhY_c-bqLG5i-MyfGL94PUmVwVjxjiimcHmtVEM1hnTu8M6Yu59MkW8_n79_poz9fizU/s320/gdlogobig.png" width="320" /></a></div>
<h1>
<span class="cufon cufon-canvas" style="height: 40px; width: 67px;"><span class="cufon-alt"><br /></span></span></h1>
<h1>
<span class="cufon cufon-canvas" style="height: 40px; width: 11px;"><span class="cufon-alt"> </span></span><span class="cufon cufon-canvas" style="height: 40px; width: 67px;"><span class="cufon-alt">Fun </span></span><span class="cufon cufon-canvas" style="height: 40px; width: 139px;"><span class="cufon-alt">dengan </span></span><span class="cufon cufon-canvas" style="height: 40px; width: 78px;"><span class="cufon-alt">PHP </span></span><span class="cufon cufon-canvas" style="height: 40px; width: 64px;"><span class="cufon-alt">GD </span></span><span class="cufon cufon-canvas" style="height: 40px; width: 127px;"><span class="cufon-alt">Library: </span></span><span class="cufon cufon-canvas" style="height: 40px; width: 79px;"><span class="cufon-alt">Part </span></span><span class="cufon cufon-canvas" style="height: 40px; width: 24px;"><span class="cufon-alt">1</span></span> </h1>
Jika Anda seorang avid PHP pengembang, Anda mungkin menyadari ekstensi GD library.
Bagi mereka yang tidak terbiasa, perpustakaan GD memungkinkan Anda
untuk mengubah, memanipulasi, dan membuat gambar cukup sederhana. Hari ini, kita akan mempelajari dasar-dasar menggunakan PHP dan GD library. <br />
<span id="more-1618"></span><br />
<h3>
Pertama Hal Pertama </h3>
Anda akan perlu memastikan GD library diinstal dan diaktifkan pada server Anda. Tidak tahu bagaimana melakukan ini? Jangan khawatir, hanya membuat file PHP pada server Anda dan ketik:<br />
<b> <Php echo phpinfo ();??></b><br />
Sekarang mengakses halaman di browser Anda dan Anda akan melihat daftar raksasa merinci fitur versi PHP. Gulir ke bawah sedikit dan mencari 'GD' pos untuk memastikan itu diaktifkan. Jika tidak, Anda akan perlu menghubungi perusahaan hosting Anda. Untungnya, kebanyakan server saya telah bekerja pada sudah memiliki perpustakaan GD dipasang dan diaktifkan. <br />
Jika Anda ingin membaca lebih lanjut tentang perpustakaan GD, pastikan untuk memeriksa pengenalan GD penggu . <br />
<h3>
The Basics </h3>
Mari kita membahas beberapa dasar-dasar untuk mendapatkan kita mulai. Pertama, kita akan ingin memastikan bahwa kami melaporkan semua kesalahan ke browser. Kita dapat melakukannya dengan memasukkan berikut di bagian paling atas dari file php kami:<b> </b><br />
<b> <? Php<br /> ini_set ("display_errors", "1");<br /> error_reporting (E_ALL); <br /> ?> </b><br />
<h3>
Jadilah Persegi </h3>
Mari kita mulai sederhana dan menggunakan PHP untuk membuat kotak biru
bagi kita - ada yang luar biasa tetapi kita perlu mengetahui dasar-dasar
pertama. Untuk mencapai persegi kami, kita perlu melakukan hal berikut: <br />
<ul>
<li> Menetapkan jenis konten kami sebagai gambar sehingga browser benar dapat menafsirkan script. </li>
<li> Buat kanvas gambar baru kosong dengan lebar tertentu dan tinggi. </li>
<li> Mengatur warna latar belakang kami menjadi biru. </li>
<li> Simpan gambar akhir dan output ke browser. </li>
<li> Membersihkan setiap memori yang digunakan untuk membuat dan menyimpan gambar. </li>
<li> Panggil gambar dari file index.php kami yang akan ditampilkan. </li>
</ul>
Sekarang bahwa kita memiliki langkah dan proses untuk alun-alun bekerja, kita bisa mulai kode.
Saya melakukan yang terbaik untuk berkomentar setiap langkah kode, dan
akan pergi melalui fungsi tertentu atau proses setelah potongan kode. Yang mengatakan, di sini adalah kode untuk persegi kami. Setelah disisipkan dalam, simpan file ini sebagai 'basic_square.php':<br />
<br />
<div class="wp_syntax">
<div class="code">
<pre class="php" style="font-family: monospace;"><b> <span style="font-size: small;"><? Php
// Laporkan setiap kesalahan
ini_set ("display_errors", "1");
error_reporting (E_ALL);
// Mengatur jenis konten yang benar
header ('content-type: image / png');
// Buat aliran gambar dasar kita
// Lebar 125px tinggi, 125px
$ Image = ImageCreate (125, 125);
// Mengatur warna latar belakang
$ Biru = ImageColorAllocate ($ image, 0, 0, 255);
// Set up warna lain hanya untuk menunjukkan bagaimana warna pertama dinyatakan digunakan sebagai warna latar belakang ketika kita menggunakan ImageCreate ()
// Perhatikan bagaimana biru diterapkan pada latar belakang, * tidak * merah.
$ Merah = ImageColorAllocate ($ image, 255, 0, 0);
// Menyimpan gambar sebagai png dan output
imagepng ($ image);</span></b><span style="font-size: small;"> </span></pre>
<pre class="php" style="font-family: monospace;"><span style="font-size: small;"> </span></pre>
<pre class="php" style="font-family: monospace;"><span style="font-size: small;"><b> // Memori sampai Batal digunakan
imagedestroy ($ image);
?></b></span> </pre>
</div>
</div>
Mari kita pergi melalui masing-masing fungsi dan langkah dalam kode di
atas sehingga kami dapat lebih memahami apa yang terjadi di sini. <br />
<ul>
<li> Seperti disebutkan, kami melaporkan kesalahan ke browser sehingga kita dapat memperbaiki bug. </li>
<li> Selanjutnya kita menggunakan <a href="http://translate.googleusercontent.com/translate_c?depth=1&ie=UTF8&prev=_t&rurl=translate.google.com&tl=id&u=http://us2.php.net/header&usg=ALkJrhhOG7cBJTHpjwSyY3jkTBS9KiDFig">header ()</a> fungsi untuk menetapkan jenis konten kami ke gambar png. </li>
<li>
Kami menyimpan gambar dalam sebuah variabel bernama 'citra' dan
menciptakan aliran gambar dasar kita dan menyatakan lebar dan tinggi
kita. Lihat <a href="http://translate.googleusercontent.com/translate_c?depth=1&ie=UTF8&prev=_t&rurl=translate.google.com&tl=id&u=http://us.php.net/imagecreate&usg=ALkJrhh70XUh0i9jjBNjFh53jB8BHmMNEQ">ImageCreate ()</a> untuk informasi lebih lanjut. </li>
<li> Selanjutnya kita menggunakan <a href="http://translate.googleusercontent.com/translate_c?depth=1&ie=UTF8&prev=_t&rurl=translate.google.com&tl=id&u=http://us3.php.net/imagecolorallocate&usg=ALkJrhgQn49ZZjzaciaBnQhUIVnSvuBEzA">ImageColorAllocate</a> fungsi untuk menyimpan warna biru di 'biru' variabel kita. Juga perhatikan bagaimana warna pertama menyatakan akan ditetapkan sebagai latar belakang menggunakan ImageCreate. Jadi biru akan background warna kita, bukan merah. </li>
<li> Kami menggunakan <a href="http://translate.googleusercontent.com/translate_c?depth=1&ie=UTF8&prev=_t&rurl=translate.google.com&tl=id&u=http://us2.php.net/imagepng&usg=ALkJrhhaat5SFZNEg8rjoGQRmFprvzTsXQ">imagepng ()</a> untuk menyimpan gambar akhir kami, dibutuhkan parameter tambahan jika Anda ingin menyimpannya ke direktori. </li>
<li> Terakhir, kita menjernihkan memori yang digunakan dengan memanggil <a href="http://translate.googleusercontent.com/translate_c?depth=1&ie=UTF8&prev=_t&rurl=translate.google.com&tl=id&u=http://us3.php.net/imagedestroy&usg=ALkJrhigjGxJvzKK1wQIzmIiUOSrTDuE2w">imagedestroy ()</a> . </li>
</ul>
Kita bisa mengakses dan melihat kotak biru kami dengan pergi ke
blue_square.php, atau bahkan lebih baik, kita bisa link ke index.php
pada kami seperti: <br />
<div class="wp_syntax">
<div class="code">
<pre class="php" style="font-family: monospace;"> <span style="font-size: small;"><b><Img src = 'http://themeforest.s3.amazonaws.com/65_gd/basic_square.php' alt ='' /></b></span></pre>
</div>
</div>
Dengan asumsi semua berjalan baik, Anda akan melihat kotak biru seperti di bawah: <br />
<div class="tutorial_image">
<img alt="" src="http://themeforest.s3.amazonaws.com/65_gd/blue_square.png" /></div>
<h3>
Hello Dunia </h3>
Sekarang bahwa kita memiliki dasar-dasar yang sangat menciptakan
gambar, mari kita membuat gambar dengan beberapa teks dan font pilihan
kami. Kita dapat menggunakan font yang kita inginkan, asalkan font adalah Font TrueType (. Tff). Untuk beberapa contoh berikutnya saya akan menggunakan 'Advent' font yang Anda bisa <a href="http://translate.googleusercontent.com/translate_c?depth=1&ie=UTF8&prev=_t&rurl=translate.google.com&tl=id&u=http://inde-graphics.deviantart.com/art/advent-font-57338302&usg=ALkJrhjB3yKVjCkBL1TIUghJyU_0NCT9tw">temukan di sini.</a> Kami akan menciptakan 'Hello World' string di lapangan latar belakang abu-abu gelap. Mari kita lihat pada kode sumber pertama dan kemudian pergi ke setiap langkah. <br />
<div class="wp_syntax">
<div class="code">
<pre class="php" style="font-family: monospace;"> <span style="font-size: small;"><b><? Php
// Laporkan setiap kesalahan
ini_set ("display_errors", "1");
error_reporting (E_ALL);
// Mengatur jenis konten
header ('content-type: image / png');
// Buat gambar dasar kami aliran 300x300 piksel
$ Image = ImageCreate (300, 300);
// Set up beberapa warna, gunakan abu-abu gelap sebagai warna latar belakang
$ Dark_grey = ImageColorAllocate ($ image, 102, 102, 102);
$ Putih = ImageColorAllocate ($ image, 255, 255, 255);
// Set path ke jenis font sejati kita
$ Font_path = 'advent_light';
// Set string teks kami
$ String = 'Hello World!';
// Menulis teks kami untuk gambar yang ada.
imagettftext ($ image, 50, 0, 10, 160, font_path $ putih, $, $ string);
// Buat gambar akhir kami
imagepng ($ image);
// Hapus memori
imagedestroy ($ image);
?></b></span> </pre>
</div>
</div>
Menyimpan kode di sebuah file bernama 'hello_world.php' dan
mengaksesnya menggunakan teknik yang sama seperti yang kami sebutkan di
atas. Jadi apa yang berbeda di sini? <br />
<ul>
<li> Kami mengatur dimensi untuk 300 × 300 piksel dan menggunakan latar belakang abu-abu gelap. </li>
<li> Perhatikan bagaimana kita menyatakan jalan font variabel bernama dan menggunakan nama font kita sebagai nilai?
Hal ini karena nantinya di script kita perlu mengetahui jalan untuk
font kita sehingga kita dapat menggunakan PHP untuk menggambar teks
kami. Juga mencatat dengan cermat bagaimana ada ekstensi. Mengutip manual: <br /><blockquote>
Tergantung pada versi GD library PHP menggunakan, ketika file font yang
tidak dimulai dengan ttf terkemuka / kemudian. Akan ditambahkan. </blockquote>
Ini berarti karena file font kita tidak memiliki '/' di depannya, tff otomatis. Akan ditambahkan. </li>
<li> Selanjutnya kita mengatur string kami, 'Hello World!', Dan menyimpannya dalam sebuah variabel untuk digunakan nanti. </li>
<li> Fungsi utama yang perlu diperhatikan di sini adalah berikutnya, <a href="http://translate.googleusercontent.com/translate_c?depth=1&ie=UTF8&prev=_t&rurl=translate.google.com&tl=id&u=http://us.php.net/imagettftext&usg=ALkJrhh4jl4cVmM9bsn3Jiyt_Q5bask5fA">imagettftext ()</a> , yang mengambil 8 parameter.
Sumber daya $ image, mengapung $ ukuran, mengapung $ angle, int $ x,
int $ y, int $ warna, string $ berkas font, string $ text (dalam urutan
itu). </li>
</ul>
Simpan halaman ini dan mengaksesnya namun Anda inginkan, Anda harus mendapatkan gambar yang terlihat seperti di bawah. <br />
<div class="tutorial_image">
<img alt="" src="http://themeforest.s3.amazonaws.com/65_gd/hello_world.png" /></div>
<h3>
Sudut itu! </h3>
Apakah Anda menangkap bahwa salah satu parameter dari fungsi imagettftext adalah 'angle'. Ini berarti kita dapat sudut string kita untuk beberapa hasil yang unik. Mari kita kembali kode kita dari atas dan sudut kami 'Hello World! " teks.<br />
<br />
<div class="wp_syntax">
<div class="code">
<pre class="php" style="font-family: monospace;"><b> <span style="font-size: small;"><? Php
/ / Laporkan setiap kesalahan
ini_set ("display_errors", "1");
error_reporting (E_ALL);
/ / Mengatur jenis konten
header ('content-type: image / png');
/ / Buat gambar dasar kami aliran 300x300 piksel
$ Image = ImageCreate (300, 300);
/ / Set up beberapa warna, gunakan abu-abu gelap sebagai warna latar belakang
$ Dark_grey = ImageColorAllocate ($ image, 102, 102, 102);
$ Putih = ImageColorAllocate ($ image, 255, 255, 255);
// Set path ke jenis font sejati kita
$ Font_path = 'advent_light';
// Set string teks kami
$ String = 'Hello World!';
// Menulis teks kami untuk gambar yang ada.
imagettftext ($ image, 50, - 45, 30, 70, $ putih, $ font_path, $ string);
// Buat gambar akhir kami
imagepng ($ image);
// Hapus memori
imagedestroy ($ image);
?></span></b>
</pre>
</div>
</div>
Perhatikan bagaimana kita telah menambahkan sudut -45 derajat ke fungsi bukan nol (serta reposisi teks kita beberapa)? Ini adalah semua yang diperlukan untuk sudut beberapa teks ke gambar, Anda akan melihat sesuatu seperti gambar di bawah. <br />
<div class="tutorial_image">
<img alt="" src="http://themeforest.s3.amazonaws.com/65_gd/hello_world_angle.png" /></div>
Apakah Anda bersenang-senang belum? Tidak ada? Nah, kemudian mari kita gunakan pendekatan yang lebih praktis dan menciptakan sesuatu yang dapat berguna. <br />
<h3>
Apa Tanggal tersebut? </h3>
Tidak hanya bisa kita membuat gambar dari awal, tapi kita bisa membuat gambar dari gambar yang ada!
Dengan sedikit kerja kita dapat dengan mudah membuat kecil 'kalender
icon' yang menampilkan tanggal saat ini (bulan, hari, tahun).
Sebuah pencarian Google yang sederhana untuk 'kalender kosong ikon'
dibesarkan ikon bebas svg. Bahwa saya diubah ukurannya dan diubah
menjadi. Png. Jadi Anda memiliki gagasan tentang apa yang saya bicarakan tentang Anda dapat melihat kalender kosong 'di bawah ini. <br />
<div class="tutorial_image">
</div>
Sekarang bahwa kita memiliki kanvas untuk bekerja dengan, kita dapat
menggunakan GD berbagai fungsi tanggal PHP untuk membuat ini semua
datang bersama-sama.
Disclaimer: Saya bukan desainer dunia terbesar, ikon kosong yang lebih
baik dan pilihan font mungkin akan menjadi ide yang baik jika saya akan
menggunakan ini 'kalender ikon' di situs nyata. Aku akan meninggalkan merancang untuk kalian semua. Yang mengatakan, mari kita lihat kode final dan kemudian meninjau. <br />
<div class="wp_syntax">
<div class="code">
<pre class="php" style="font-family: monospace;"> <span style="font-size: small;"><b><? Php
// Laporkan semua Kesalahan
ini_set ("display_errors", "1");
error_reporting (E_ALL);
// Set jenis konten
header ('content-type: image / jpeg');
// Simpan nilai-nilai tanggal kami di variabel terpisah
Daftar ($ bulan, $ hari, $ tahun) = explode ('/', date ('F / jS / Y'));
// Load gambar dasar kami
$ Image = imagecreatefrompng ('calendar_blank.png');
$ IMAGE_WIDTH = imagesx ($ image);
/ Warna Setup / dan file font
$ Putih = ImageColorAllocate ($ image, 255, 255, 255);
$ Hitam = ImageColorAllocate ($ image, 0, 0, 0);
$ Font_path = 'advent_light';
// Dapatkan posisi string teks
$ Pos_month = imagettfbbox (13, 0, $ font_path, $ bulan);
$ Pos_day = imagettfbbox (25, 0, $ font_path, $ hari);
$ Pos_year = imagettfbbox (8, 0, $ font_path, $ tahun);
// Buat Bulan
imagettftext ($ image, 13, 0, ($ IMAGE_WIDTH - $ pos_month [2]) / 2, 40, $ putih, $ font_path, $ bulan);
// Buat Hari
imagettftext ($ image, 25, 0, ($ IMAGE_WIDTH - $ pos_day [2]) / 2, 80, $ hitam, $ font_path, $ hari);
// Buat Tahun
imagettftext ($ image, 8, 0, ($ IMAGE_WIDTH - $ pos_year [2]) / 2, 100, $ hitam, $ font_path, $ tahun);
// Buat gambar akhir
imagejpeg ($ image,'', 100);
// Hapus memori;
imagedestroy ($ image);
?></b></span>
</pre>
</div>
</div>
Jadi apa yang terjadi di sini? Apa ini fungsi list ()? Semua baik pertanyaan, dan kami akan membahas mereka semua langkah demi langkah: <br />
<ul>
<li> Seperti biasa kami mengatur jenis header sehingga gambar akan ditampilkan dengan benar. </li>
<li> On line 10 Anda akan melihat kita menggunakan <a href="http://translate.googleusercontent.com/translate_c?depth=1&ie=UTF8&prev=_t&rurl=translate.google.com&tl=id&u=http://us3.php.net/list&usg=ALkJrhi1Xuin8hy5zwVT3fyDSFSWacDZ-Q">fungsi daftar</a> . Kami menetapkan nilai dari array tanggal (dikonversi ke array melalui <a href="http://translate.googleusercontent.com/translate_c?depth=1&ie=UTF8&prev=_t&rurl=translate.google.com&tl=id&u=http://us3.php.net/explode&usg=ALkJrhgJGyM4cQ2l0WHh8rtEov1w_gMhWg">meledak ()</a> ) dengan variabel di dalam fungsi daftar. Ini adalah cara mudah untuk mengambil informasi array dan menugaskan sekaligus untuk beberapa variabel. Kami sekarang dapat mengakses variabel $ bulan, $ hari, dan $ tahun individual. </li>
<li> On line 22-24 kita menggunakan <a href="http://translate.googleusercontent.com/translate_c?depth=1&ie=UTF8&prev=_t&rurl=translate.google.com&tl=id&u=http://us2.php.net/imagettfbbox&usg=ALkJrhiNz8Gb6ZbYeleQUBwfPjDBc5pm5A">imagettfbbox ()</a>
fungsi untuk mengambil kotak loncat dari string kami (singkatnya,
ukuran atau panjang), fungsi mengembalikan sebuah array nilai, sehingga
untuk mengakses pojok kanan bawah kita bisa menggunakan $ pos_month [2]. Kami memerlukan informasi ini sehingga kami dapat secara otomatis memposisikan teks kita dengan benar tidak peduli ukuran. </li>
<li> Terakhir kita membuat setiap string dan menggunakan beberapa matematika dasar untuk posisi koordinat x dari string kita. </li>
</ul>
Dengan asumsi alam semesta tidak meledak, Anda harus mendapatkan gambar
seperti di bawah (kecuali tanggal harus menjadi apa pun tanggal saat
ini pada server Anda, di bawah ini adalah gambar statis dari hasilnya). Juga, berkat <a href="http://translate.googleusercontent.com/translate_c?depth=1&ie=UTF8&prev=_t&rurl=translate.google.com&tl=id&u=http://www.catpin.com/calendar/&usg=ALkJrhhajoYlSM4PHTzdrRLn3ZdHEEPNeQ">catpin</a> untuk bantuan dengan script. <br />
<div class="tutorial_image">
</div>
<h3>
Kucing dan Filter Gambar </h3>
Hal terakhir yang kita akan menyentuh pada hari ini adalah sangat menyenangkan <a href="http://translate.googleusercontent.com/translate_c?depth=1&ie=UTF8&prev=_t&rurl=translate.google.com&tl=id&u=http://us.php.net/imagefilter&usg=ALkJrhjiQvVXTtSy9k3f6FEZqA67QyaC1A">imagefilter ()</a> fungsi.
Fungsi imagefilter mengambil gambar didefinisikan pra dan menerapkan
filter ditentukan untuk gambar, seperti mengubah gambar ke grayscale. Mari kita lihat gambar kita akan bekerja dengan, benar-benar tersentuh. <br />
<div class="tutorial_image">
<img alt="" src="http://themeforest.s3.amazonaws.com/65_gd/cat.jpg" /></div>
Sekarang mari kita mengkonversi kitty gila untuk gambar grayscale menggunakan fungsi imagefilter. <br />
<div class="wp_syntax">
<div class="code">
<pre class="php" style="font-family: monospace;"><b> <span style="font-size: small;"><? Php
// Laporkan semua kesalahan
ini_set ("display_errors", "1");
error_reporting (E_ALL);
// Periksa untuk melihat apakah gambar sumber diatur
if (isset ($ _GET ['sumber'])) {
// Lakukan beberapa sanitasi yang sangat dasar dari string
$ Image = filter_var ($ _GET ['sumber'], FILTER_SANITIZE_STRING);
// Load gambar dari sumber yang disediakan
$ Image = imagecreatefromjpeg ($ image);
// Mengubah gambar ke gambar grayscale
imagefilter ($ image, IMG_FILTER_GRAYSCALE);
// Set jenis konten
header ('content-type: image / jpeg');
// Simpan gambar dengan kualitas 90 persen
imagejpeg ($ image,'', 90);
// Menjernihkan memori
imagedestroy ($ image);
}
?></span></b><span style="font-size: small;"> </span></pre>
</div>
</div>
Saya telah membuat script di atas sedikit lebih fleksibel, sehingga
memberikan Anda pilihan untuk mengubah gambar apapun menjadi gambar
gray-scale dengan referensi seperti di bawah ini: <br />
<div class="wp_syntax">
<div class="code">
<pre class="php" style="font-family: monospace;"> <span style="font-size: small;"><b><Img src = 'http://themeforest.s3.amazonaws.com/65_gd/grayscale.php?source=cat.jpg' alt ='' /></b></span>
</pre>
</div>
</div>
Jelas, Anda bisa mengisi 'sumber' dengan path ke setiap gambar yang Anda ingin memilikinya dikonversi ke skala abu-abu.
Selanjutnya, silakan menerapkan langkah-langkah keamanan lebih lanjut
jika Anda berencana untuk menggunakan ini pada server hidup.
Juga script diatas mengharapkan untuk menerima gambar. Jpeg, Anda bisa
mendapatkan kreatif dan memilikinya menerima semua jenis gambar jika
Anda inginkan. Kucing Anda sekarang harus terlihat seperti gambar di bawah ini. <br />
<div class="tutorial_image">
<img alt="" src="http://themeforest.s3.amazonaws.com/65_gd/grayscale.jpg" /></div>
<h3>
Lebih Filter </h3>
Untuk membungkus pelajaran ini, mari kita cepat melihat filter lain yang bisa kita gunakan dan hasil yang mereka hasilkan. <br />
<h3>
Kecerahan Filter </h3>
Menyesuaikan kecerahan gambar yang diberikan, parameter ketiga menyesuaikan kecerahan. <br />
<div class="wp_syntax">
<div class="code">
<pre class="php" style="font-family: monospace;"> <span style="font-size: small;"><b><? Php
header ('content-type: image / jpeg');
$ Image = imagecreatefromjpeg ('cat.jpg');
/ / Parameter 3rd menerima tingkat kecerahan.
imagefilter ($ image, IMG_FILTER_BRIGHTNESS, 40);
imagejpeg ($ image,'', 90);
imagedestroy ($ image);
?></b></span>
</pre>
</div>
</div>
<div class="tutorial_image">
<img alt="" src="http://themeforest.s3.amazonaws.com/65_gd/brightness.jpg" /></div>
<h3>
Gaussian Blur </h3>
Gaussian mengaburkan gambar, tidak ada parameter diterima. <br />
<div class="wp_syntax">
<div class="code">
<pre class="php" style="font-family: monospace;"> <span style="font-size: small;"><b><? Php
header ('content-type: image / jpeg');
$ Image = imagecreatefromjpeg ('cat.jpg');
imagefilter ($ image, IMG_FILTER_GAUSSIAN_BLUR);
imagejpeg ($ image,'', 90);
imagedestroy ($ image);
?></b> </span></pre>
<pre class="php" style="font-family: monospace;"> </pre>
</div>
</div>
<div class="tutorial_image">
<img alt="" src="http://themeforest.s3.amazonaws.com/65_gd/gaussianblur.jpg" /></div>
<h3>
Kontras </h3>
Parameter ketiga menerima tingkat kontras.<br />
<br />
<span style="font-size: small;"><b> <? Php<br /> header ('content-type: image / jpeg');<br /> $ Image = imagecreatefromjpeg ('cat.jpg');<br /> imagefilter ($ image, IMG_FILTER_CONTRAST, - 15);<br /> imagejpeg ($ image,'', 90);<br /> imagedestroy ($ image);<br /> ?></b></span> <br />
<div class="code">
<pre class="php" style="font-family: monospace;"> </pre>
</div>
<div class="tutorial_image">
<img alt="" src="http://themeforest.s3.amazonaws.com/65_gd/contrast.jpg" /></div>
<h3>
Berarti Removal (efek sketsa) </h3>
Tidak ada parameter diterima. <br />
<div class="wp_syntax">
<div class="code">
<pre class="php" style="font-family: monospace;"><span style="font-size: small;"> <span style="font-size: small;"><b><? Php
header ('content-type: image / jpeg');
$ Image = imagecreatefromjpeg ('cat.jpg');
imagefilter ($ image, IMG_FILTER_MEAN_REMOVAL);
imagejpeg ($ image,'', 90);
imagedestroy ($ image);
?></b></span></span>
</pre>
</div>
</div>
<div class="tutorial_image">
<img alt="" src="http://themeforest.s3.amazonaws.com/65_gd/mean_removal.jpg" /></div>
<h3>
Colorize </h3>
Menerima nilai merah, hijau, biru, dan alpha channel (opsional) dalam urutan itu. <br />
<div class="wp_syntax">
<div class="code">
<pre class="php" style="font-family: monospace;"> <span style="font-size: small;"><b><? Php
header ('content-type: image / jpeg');
$ Image = imagecreatefromjpeg ('cat.jpg');
/ / Parameter alpha channel dihilangkan bawah seperti opsional.
imagefilter ($ image, IMG_FILTER_COLORIZE, 50, 0, 0);
imagejpeg ($ image,'', 90);
imagedestroy ($ image);
?></b></span> </pre>
</div>
</div>
<div class="tutorial_image">
<img alt="" src="http://themeforest.s3.amazonaws.com/65_gd/colorize.jpg" /></div>
<h3>
Sampai waktu berikutnya ... </h3>
Saya harap ini memberi Anda beberapa wawasan ke perpustakaan GD PHP. Pada bagian 2, kita akan membahas beberapa teknik yang lebih canggih, dan, tentu saja, bersenang-senang lagi.<br />
<br />
artikel ini dikutip dari www*.themeforest.net Anonymoushttp://www.blogger.com/profile/17741365583026663785noreply@blogger.com1tag:blogger.com,1999:blog-738748330562637630.post-20861307894998663762013-03-20T12:14:00.001-07:002013-04-16T17:58:47.008-07:00Aplikasi GIS Sederhana dengan Google Map dan Ajax jQuery dan php, mysqlTerimakasih buat google yang menyediakan
layanan google map sekaligus menyediakan API untuk membuat aplikasi-aplikasi
menggunakan google map. Sekarang mari kita belajar membuat aplikasi GIS
sederhana dengan menggunakan google map. Di artikel ini kita akan melihat
bagaimana menampilkan google map di website kita, bagaimana menandai suatu
lokasi, memberi nama, deskripsi kemudian menyimpannya ke dalam database. Dan
bagaimana menampilkan kembali lokasi yang kita tandai tersebut ke google map
sekaligus menampilkan deskripsinya<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqlFI94SxwsK7kaQsI8cQVhsNCZM0KEjH1YMKUJsh39v35tTonK1HGSRiyGuNkS_XqEsml2NC0cxEw8ZZW8ylsueQ_7WmSUEcbj9xBkPOdEwf6KjQudssV9HPD0E-DjEtmOAYPm99jq_Q/s1600/gis.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqlFI94SxwsK7kaQsI8cQVhsNCZM0KEjH1YMKUJsh39v35tTonK1HGSRiyGuNkS_XqEsml2NC0cxEw8ZZW8ylsueQ_7WmSUEcbj9xBkPOdEwf6KjQudssV9HPD0E-DjEtmOAYPm99jq_Q/s320/gis.jpg" width="267" /></a></div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
Sekarang mari kita mulai membuat kode-kodenya<br />
Pertama-tama mari kita buat tabel <b>datagis</b> di database yang nanti
tempat kita menyimpan data lokasi.
Berikut adah struktur tabel <b>datagis</b> di database :<br />
<br />
<br />
<pre class="cpp" name="code"><span style="font-size: small;">--
-- Table structure for table `datagis`
--
CREATE TABLE `datagis` (
`nomor` int(5) NOT NULL auto_increment,
`x` decimal(8,5) NOT NULL,
`y` decimal(8,5) NOT NULL,
`namalokasi` varchar(100) NOT NULL,
`deskripsi` text NOT NULL,
PRIMARY KEY (`nomor`)
);
</span>
</pre>
<br />
<b>Meloading Google Maps API</b><br />
Untuk menampilkan google map di website
kita adalah dengan memanfaatkan javascript API google map. Langsung aja kita
lihat kode :<br />
<br />
<span style="font-family: Courier New; font-size: xx-small;">
</span><br />
<span style="font-family: Courier New; font-size: xx-small;"><span style="font-size: small;"><script type="text/javascript" <br />src="http://maps.google.com/maps/api/js?sensor=false"></script></span></span><br />
<br />
<span style="font-family: Courier New; font-size: xx-small;">
</span>Kode di atas akan mengambil file javascript google maps api dan file
css untuk google maps.<br />
<br />
<b>Elemen DOM Peta</b><br />
Untuk nantinya menempatkan di mana kita letakkan google map diwebsite, kita
perlu membuat elemen DOM, contoh :<br />
<div>
<span style="font-family: Courier New; font-size: xx-small;"></span><br />
<b>Map Options</b><br />
Ada beberapa option-option yang perlu di konfigurasi untuk menampilkan
google map. Berikut contoh kodenya :<br />
<br />
<span style="font-family: Courier New; font-size: small;">var belitung = new google.maps.LatLng(-2.801732,
107.6699666);<br />
var petaoption = {<br />
zoom: 9,<br />
center: belitung,<br />
mapTypeId: google.maps.MapTypeId.TERRAIN<br />
};</span><br />
<br />
Variabel <i><b>belitung</b></i> untuk menentukan titik awal lokasi mana yang ingin
kita tampilkan pertama kali ketika menampilkan google map, dalam bentuk
koordinat Latitudes dan Longitudes.<br />
<i><b>zoom</b></i>, berguna untuk menentukan nilai zoom yang akan ditampilkan,
semakin besar nilainya sebagai besar zoom petanya.<br />
<i><b>center</b></i>, berguna untuk menentukan lokasi mana yang menjadi titik
tengah peta ketika ditampilkan<br />
<i><b>mapTypeId</b></i>, menentukan tipe peta yang akan ditampilkan di website kita,
pilihan tipenya adalah : ROADMAP, SATELLITE, HYBRID, TERRAIN<br />
<br />
<b>Membuat dan Menampilkan Objek Peta</b><br />
Setelah kita tentukan konfigurasi map yang akan kita tampilkan, maka kita
buat objek map dan menampilkanya di elemen DOM yang telah kita buat
sebelumnya.<br />
<br />
<span style="font-family: Courier New; font-size: small;">peta = new
google.maps.Map(document.getElementById("petaku"),petaoption);</span><br />
<br />
Kode tersebut kita membuat objek google map, menempatkannya di elemen DOM
yang mempunyai id "petaku" dan menggunakan petaoption yang telah kita
tentukan sebelumnya.<br />
<br />
<b>Membaca Event Click</b><br />
Setelah kita berhasil menampilkan google map di website, kita ingin apabila
peta diklik, maka akan ada fungsi yang akan kita jalankan, misalnya fungsi
kasihtanda()<br />
<br />
<span style="font-family: Courier New; font-size: xx-small;">
<span style="font-size: small;">google.maps.event.addListener(peta,'click',function(event){<br />
kasihtanda(event.latLng);</span></span><br />
<span style="font-family: Courier New; font-size: xx-small;"><span style="font-size: small;">});</span></span><br />
<br />
<b>Memberi Tanda di Google Maps</b><br />
Pada kode membaca event click di atas kita menjalankan fungsi kasihtanda()
untuk membuat tanda di google maps<br />
<br />
<span style="font-family: Courier New; font-size: small;">function kasihtanda(lokasi){<br />
tanda = new google.maps.Marker({<br />
position: lokasi,<br />
map: peta<br />
});<br />
}</span><br />
<br />
Kode di atas akan membuat objek Marker, menentukan posisinya di mana, lokasi
berupa koordinat Latitudes dan Longitudes yang di dapat ketika map di klik
yaitu <span style="font-family: Courier New; font-size: xx-small;">event.latLng</span>, dan ditaruh di
map yang mana, dalam hal ini adalah objek peta yang telah kita buat
sebelumnya.<br />
<br />
<b>Kode Lengkapnya</b><br />
<a href="http://adf.ly/Ipsbi" target="_blank">Silahkan Download </a></div>
Anonymoushttp://www.blogger.com/profile/17741365583026663785noreply@blogger.com23tag:blogger.com,1999:blog-738748330562637630.post-2143607079619845322013-03-20T12:05:00.001-07:002013-04-16T17:29:54.499-07:00Cara Membuat Shortcut Action Di Halaman Web dengan JQueryDi dalam aplikasi desktop, seringkali kita mendengar istilah shortcut
action untuk proses-proses tertentu. Sebagai contohnya adalah CTRL+P
untuk proses mencetak halaman, CTRL+N membuat dokumen baru, CTRL+S untuk
menyimpan dokumen dsb. Nah… bagaimana dengan aplikasi web??? apakah
bisa kita menambahkan shortcut ke dalam aplikasi web kita? Misalkan kita
ingin membuat shortcut F6 untuk mencetak halaman dari aplikasi web yang
kita buat, atau kita ingin membuat beberapa shortcut untuk membuka
beberapa halaman web. Misalkan CTRL+1 untuk membuka situs A, CTRL+2
untuk situs B, dst. Hal ini bisa kita wujudkan dengan mudah, dengan
bantuan JQuery.<br />
<span id="more-2147"></span><br />
Untuk mewujudkan hal ini, kita membutuhkan script core JQuery nya
(jQuery.js) dan plugin JQuery Shortcuts (jquery.shortcuts.min.js). Kedua
file script tersebut dapat diunduh <b><a href="http://rosihanari.net/jquery/jquery.shortcuts.zip" title="JQuery Shortcut">di sini</a></b>. <br />
Selanjutnya, berikut ini saya berikan contoh halaman web yang di dalamnya ada beberapa tombol short cut untuk action tertentu.<br />
<br />
<i><span style="font-size: large;"><b>contoh.html</b></span></i><br />
<br /><b>view sourceprint?<br /><br />01.<html><br /><br />02.<head><br /><br />03.<title>jQuery Validation</title><br /><br />04.<script src="jquery.js"></script><br /><br />05.<script src="jquery.shortcuts.min.js"></script><br /><br />06. <br /><br />07.<script><br /><br />08.$.Shortcuts.add({<br /><br />09.type: 'down',<br /><br />10.mask: 'P',<br /><br />11.handler: function() {<br /><br />12.window.print();<br /><br />13.}<br /><br />14.}).start();<br /><br />15.</script><br /><br />16. <br /><br />17.<script><br /><br />18.$.Shortcuts.add({<br /><br />19.type: 'down',<br /><br />20.mask: 'CTRL+G',<br /><br />21.handler: function() {<br /><br />22.window.open('http://www.google.com', '_self');<br /><br />23.}<br /><br />24.}).start();<br /><br />25.</script><br /><br />26. <br /><br />27.<script><br /><br />28.$.Shortcuts.add({<br /><br />29.type: 'down',<br /><br />30.mask: 'ALT+R',<br /><br />31.handler: function() {<br /><br />32.window.open('http://blog.rosihanari.net', '_blank');<br /><br />33.}<br /><br />34.}).start();<br /><br />35.</script><br /><br />36. <br /><br />37.<script><br /><br />38.$.Shortcuts.add({<br /><br />39.type: 'down',<br /><br />40.mask: 'F8',<br /><br />41.handler: function() {<br /><br />42.document.getElementById('title').innerHTML="Hallo";<br /><br />43.}<br /><br />44.}).start();<br /><br />45.</script><br /><br />46. <br /><br />47.<script><br /><br />48.$.Shortcuts.add({<br /><br />49.type: 'down',<br /><br />50.mask: 'F9',<br /><br />51.handler: function() {<br /><br />52.document.getElementById('title').innerHTML="Contoh Shortcut Action";<br /><br />53.}<br /><br />54.}).start();<br /><br />55.</script><br /><br />56. <br /><br />57.</head><br /><br />58.<body><br /><br />59.<h1 id="title">Contoh Shortcut Action</h1><br /><br />60.<ol><br /><br />61.<li>Cetak Halaman (P)</li><br /><br />62.<li>Buka Situs Google (CTRL+G)</li><br /><br />63.<li>Buka Situs Blog.RosihanAri.Net di window baru (ALT+R)</li><br /><br />64.<li>Ubah title menjadi 'Hallo' (F8)</li><br /><br />65.<li>Ubah title menjadi 'Contoh Shortcut Action' (F9)</li><br /><br />66.</ol><br /><br />67.</body><br /><br />68.</html></b><br /><br />Jika halaman web di atas dibuka di browser, maka hanya dengan menekan tombol P pada keyboard Anda dapat mencetak halaman tersebut. Apabila ditekan tombol CTRL + G maka secara otomatis akan membuka situs Google dst.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy3p7huOe0pHYZSN_98sNejODJjlsbv-UQyL5BECqAzJRzdWSk_RBhDPp5ST7FGYowmzRAl7-tO8XXF0ADUYbT39nUBbkDj9vaQtYhoDl4CMJprWtCnxMPriIkzZfmvkca5R2wk33w_Lg/s1600/jquery-shortcut_zps100c1e06.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="168" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy3p7huOe0pHYZSN_98sNejODJjlsbv-UQyL5BECqAzJRzdWSk_RBhDPp5ST7FGYowmzRAl7-tO8XXF0ADUYbT39nUBbkDj9vaQtYhoDl4CMJprWtCnxMPriIkzZfmvkca5R2wk33w_Lg/s320/jquery-shortcut_zps100c1e06.jpg" width="320" /></a></div>
Adapun berikut ini penjelasan dari script JQuery nya.<br />
<span style="font-size: large;"><i><b>view sourceprint?</b></i></span><br /><br /><b>01.<script><br /><br />02.$.Shortcuts.add({<br /><br />03.type: 'down',<br /><br />04.mask: 'P',<br /><br />05.handler: function() {<br /><br />06.window.print();<br /><br />07.}<br /><br />08.}).start();<br /><br />09.</script></b><br /><br />Block script di atas berfungsi untuk membuat short cut pada tombol ‘P’ pada keyboard untuk menjalankan action mencetak halaman. Perintah cetak halaman ini dilakukan melalui perintah javascript window.print(). Dengan demikian, window.print() ini akan diexecute ketika diklik tombol ‘P’.<br /><br />Sedangkan block berikut ini digunakan untuk membuka situs Google dengan short cut CTRL + G.<br /><br /><b><span style="font-size: large;"><i>view sourceprint?</i></span><br /><br />01.<script><br /><br />02.$.Shortcuts.add({<br /><br />03.type: 'down',<br /><br />04.mask: 'CTRL+G',<br /><br />05.handler: function() {<br /><br />06.window.open('http://www.google.com', '_self');<br /><br />07.}<br /><br />08.}).start();<br /><br />09.</script></b><br />Untuk membuka situs google tersebut, digunakan perintah <code>window.open()</code>.<br />
Mudah bukan membuatnya? Selamat mencoba ya <img alt=":-)" class="wp-smiley" src="http://blog.rosihanari.net/wp-includes/images/smilies/icon_smile.gif" /><br />
<br />
artikel ini dikutip dari blog*.rosihanari.net Anonymoushttp://www.blogger.com/profile/17741365583026663785noreply@blogger.com1tag:blogger.com,1999:blog-738748330562637630.post-69891648314234300342013-03-20T11:48:00.001-07:002013-04-15T04:32:53.797-07:00Menampilkan Gambar Pada HTML Tanpa File Terpisah<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhnxP5wdcnciTBtviKtbMT6cXJHQ5DKKrBVRynaotcxgfezruRvjR4SEoWR-9PM7MK8W_gAGvWa17NkwYLCXhavvgNTNYGb7J0trf21mTfJTjF7Jgo2BM7KFC4Q1CGtJqrCkiomJ5yYG4/s1600/html7.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="173" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhnxP5wdcnciTBtviKtbMT6cXJHQ5DKKrBVRynaotcxgfezruRvjR4SEoWR-9PM7MK8W_gAGvWa17NkwYLCXhavvgNTNYGb7J0trf21mTfJTjF7Jgo2BM7KFC4Q1CGtJqrCkiomJ5yYG4/s200/html7.jpg" width="200" /></a></div>
Umumnya untuk menampilkan gambar pada HTML membutuhkan sebuah tag misalnya <b><img src=”http://www.ilmuwebsite.com/images/tutorial/html7.jpg” /></b>, tapi ternyata ada cara lain untuk menampilkan gambar tanpa file terpisah.<br />
Caranya seperti biasa, hanya ditambahkan beberapa data pada atribut src saja.<br />
<b><img src=”data:(MIME);base64,(base64)” alt=”" /></b><b><span style="color: blue;"><span id="more-4299"></span></span></b><br />
<b>Penjelasan:</b><br />
(MIME) diisi dengan jenis gambarnya, misal image/jpeg, image/png,
image/gif, dll. Sedangkan (base64) maksudnya adalah data dalam bentuk
biner yang telah di-encode dalam bentuk base64.<br />
Misal saya ingin menampilkan gambar berjenis PNG, file gambarnya bernama gambar.png.<br />
Langkah pertama adalah mengambil isi dari file gambar.png kemudian di-encode kedalam bentuk base64.<br />
Potongan kode PHP dibawah ini saya buat sebagai contoh saja untuk
mengambil isi dari file gambar.png kemudian tampilkan ke browser dan
tulis kedalam file gambar.txt dalam bentuk base64.<br />
<span style="color: blue;"><?php? $imgfile = “gambar.png”; //nama file</span><br />
<span style="color: blue;">$imgbinary = base64_encode(fread(fopen($imgfile, “r”), filesize($imgfile))); /*masukkan data ke dalam variabel $imgbinary */<br />
</span><br />
<span style="color: blue;"> </span><span style="color: blue;">echo ‘<img src=”data:image/png;base64,’ . $imgbinary . ‘” alt=”" />’; /* tampilkan ke browser </span><span style="color: blue;">*/</span><br />
<span style="color: blue;"> $handle = fopen(“gambar.txt”, “w”); /* buat handle untuk membuka file gambar.txt dengan mode write */<br />
fwrite($handle, $imgbinary); /* tulis data dari variabel $imgbinary kedalam file gambar.txt */<br />
fclose($handle); /* lepaskan handle */<br />
?></span><br />
Oke selamat mencoba. Trims.<br />
<br />
artikel ini di kutip dari www*.ilmuwebsite.com Anonymoushttp://www.blogger.com/profile/17741365583026663785noreply@blogger.com0tag:blogger.com,1999:blog-738748330562637630.post-60977227262286993092013-03-20T11:41:00.000-07:002013-04-15T04:33:54.439-07:00Zurb & Twitter Bootsrap: Buat tampilan web makin cepat<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0GXiyK0rnkObcIwIwZZDW-oFFlKvp419dLYFNaQZiPNMDy4tlqk_xy2ZKwEPl2g4SoS4gBUcH_JqXLu7T7j191ilyfoDqZzPHjcgNkggkC8CkwQ_UrnCCspQCBwH477wuXDxIabldn5g/s1600/zurb-foundation-splash-640.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="235" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0GXiyK0rnkObcIwIwZZDW-oFFlKvp419dLYFNaQZiPNMDy4tlqk_xy2ZKwEPl2g4SoS4gBUcH_JqXLu7T7j191ilyfoDqZzPHjcgNkggkC8CkwQ_UrnCCspQCBwH477wuXDxIabldn5g/s320/zurb-foundation-splash-640.jpg" width="320" /></a></div>
Bagi Anda yang sudah lama di dunia <a href="http://www.ilmuwebsite.com/">web development</a> pasti mengenal baik 960 grid system, sebuah pola css, yang bisa membuat tampilan <a href="http://www.ilmuwebsite.com/">website</a>
jauh lebih cepat, secepat yang diinginkan. 960 grid system ini berfokus
pada tata letak sebuah tampilan website saja, menggunakan bantuan CSS2.
Sebetulnya ini adalah formula dari seorang web designer yang sudah
sangat veteran di dunia web design, sehingga dengan formula ini
keseragaman adalah tujuannya.<span id="more-5059"></span><br />
Hasilnya bisa dilihat dengan jelas, tampilan <a href="http://www.ilmuwebsite.com/">website</a> lebih cepat dibuat, lebih rapi, terarah, sehingga saya jamin, di browser <b>web</b>
mana pun hasilnya akan sama rata, sama rasa. Jelasnya dengan pola 960
gridsystem ini Anda tidak perlu lagi mengetikkan satu demi satu div div
layout, hingga menjadi banyak dan akhirnya jadi satu kesatuan. Tapi
cukup gunakan saja polanya, tidak sampai setengah jam kerangka web Anda
telah jadi, dan Anda tinggal merapikannya saja. Setelah Anda menggunakan
grid system ini saya jamin, kedepannya Anda akan membuat desain yang
lebih efisien mengacu kepada 960 grid system ini.<br />
Silahkan cek <a href="http://960.gs/" rel="nofollow" target="_blank">http://960.gs</a> jika Anda ingin mengetahui lebih jelas.<br />
<b></b><br />
<br />
<b>Zurb Foundation 3</b><br />
<b></b><a href="http://www.ilmuwebsite.com/wp-content/uploads/2012/07/zurb-foundation-splash-640.jpg"><img alt="Zurb & Twitter Bootsrap: Buat tampilan web makin cepat web desain grafis" class="alignleft size-full wp-image-5061" height="405" src="http://www.ilmuwebsite.com/wp-content/uploads/2012/07/zurb-foundation-splash-640.jpg" style="vertical-align: bottom;" title="" width="550" /></a><br />
Namun baru-baru ini bukan hanya 960 grid system yang membuat web
designer dipermudah pekerjaannya, tapi perusahaan Zurb membuat sebuah
pondasi yang bisa dimanfaatkan oleh para web designer, jelasnya semakin
cepatlah nantinya pekerjaan <b>web</b> designer. Ialah Zurb
Foundation v.3, yang dikeluarkan oleh Zurb. Zurb Foundation 3 sebetulnya
merupakan pengembangan dari 960 grid system, tidak hanya pola saja,
tapi Zurb Foundation memiliki Basic UI Elements, membuat button jadi
jauh lebih cepat, form yang sudah diberikan style sehingga kita cukup
memakainya saja, dan lakukan sedikit perubahan sesuai dengan keinginan,
di samping itu zurb foundation pun memiliki javascript yang sudah
terintegrasi dengan basenya.<br />
Silahkan cek <a href="http://foundation.zurb.com/" rel="nofollow" target="_blank">http://foundation.zurb.com/</a> untuk lebih lengkap<br />
<b></b><br />
<br />
<b>Twitter Bootstrap</b><br />
<b></b><a href="http://www.ilmuwebsite.com/wp-content/uploads/2012/07/boot2.png"><img alt="Zurb & Twitter Bootsrap: Buat tampilan web makin cepat web desain grafis" class="alignleft size-full wp-image-5062" height="321" src="http://www.ilmuwebsite.com/wp-content/uploads/2012/07/boot2.png" style="vertical-align: bottom;" title="" width="550" /></a><br />
Bootstrap twitter ini lebih memfungsikan dirinya sebagai salah satu
framework yang memudahkan web designer dalam bekerja. Pembuatanya
mengatakan Grid System bukanlah segalanya, tapi membuat website menjadi
tahan lama dan fleksibel adalah intinya, sehingga proses pengembangan
menjadi sangat sederhana. Twitter bootstrap menjajikan developer untuk
membuat <b>website</b> yang responsive, sehingga tampilan
website akan bagus dilihat diberbagai device, tentunya dengan
menyesuaikan device tersebut. Misalkan ketika tampilan website Anda
diakses menggunakan pc, ataupun smartphone maka akan menyesuaikan.<br />
Mungkin Anda akan semakin tertarik karena Anda tidak perlu mengkhawatirkan desain <a href="http://www.ilmuwebsite.com/">website</a> Anda akan berbeda di browser Internet Explorer, karena tampilannya akan sama dengan browser yang lain.<br />
Info lengkap Silahkan cek <a href="http://twitter.github.com/bootstrap/" rel="nofollow" target="_blank">http://twitter.github.com/bootstrap/</a><br />
<br />
artikel ini di kutip dari www*.ilmuwebsite.com Anonymoushttp://www.blogger.com/profile/17741365583026663785noreply@blogger.com0tag:blogger.com,1999:blog-738748330562637630.post-67864573229447124932012-07-15T21:49:00.003-07:002013-04-16T17:21:40.141-07:00Tips Mempercepat DownloadDownload supaya lebih cepet memang didambakan oleh semua downloader
ya,,, dari banyak postingan yang membahas tentang download film atau
lagu banyak banget yang nanyain tentang cara cepet download, ataupun ada
yang tanya gimana sih cara download menggunakan IDM (Internet Download Manager). Tapi maaf ya baru posting sekarang,, hehehe..<br />
<br />
<span style="color: #ff6600; font-style: italic;">Kenapa </span><span style="color: #ff6600; font-style: italic;">Download menggunakan IDM </span><span style="color: #ff6600; font-style: italic;">menjadi lebih cepat??</span><br />
apabila
kita menggunakan IDM, file download dipecah menjadi 8 bagian sehingga
kecepatan download menjadi lebih cepat, nah kalau kamu mendownload
menggunakan software Internet Download Manager 5.15 pada defaultnya
pemecahan file menjadi 8 bagian.<br />
<br />
Ok, gak usah basa basi lagi deh,
kalau kamu mau Download menggunakan IDM, pastinya kamu harus punya
software IDM dulu, nah untuk itu silahkan download Internet Download
Manager dahulu.<br />
<br />
<div style="text-align: center;">
<span style="font-size: 180%;">Download Internet Download Manager</span></div>
<br />
Dan cara menggunakan nya juga gampang banget kok....<br />
setelah kita Instal IDM di komputer, silahkan kamu mulia mendownload, entah download film, lagu ataupun ebook...<br />
Masukan URL Downloadnya dengan mengklik Add Url disebelah Pojok kiri atas,<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5jAnLwB7Yx9Gdcg2Baqt3REhSdotJo8bKwdkG-BuuCMUPgREhUW3e8TO5ujVlyKXRg3eTlC0ASzwHSqLgUrxl0TNqkN-5yAZpSIXmdBSm2P8dXW6wQy0xzPKLL2DX2sVlWcMmi3Xu9N-4/s1600-h/cara+Download+dgn+IDM+1.bmp"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5381265128644328786" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5jAnLwB7Yx9Gdcg2Baqt3REhSdotJo8bKwdkG-BuuCMUPgREhUW3e8TO5ujVlyKXRg3eTlC0ASzwHSqLgUrxl0TNqkN-5yAZpSIXmdBSm2P8dXW6wQy0xzPKLL2DX2sVlWcMmi3Xu9N-4/s320/cara+Download+dgn+IDM+1.bmp" style="cursor: pointer; display: block; height: 195px; margin: 0px auto 10px; text-align: center; width: 320px;" /></a>lalu mulai deh mendownload dengan IDM, tunggu sampai proses download selesai,<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOa_bLeVy9DWdRZWgaxJILvKIHwk8ndw2Oysjq4clcMyWTlK6hNu-wBd7K6OmiUCa2L0hI8Qxjjajs3vBbLcd8rWGKWsDiYs770qoW9e4ENHbKw03jcZ1vfsT2gxJ34kva5Xq9V7Z95SbX/s1600-h/cara+Download+dengan+IDM.jpg"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5381265800646410274" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOa_bLeVy9DWdRZWgaxJILvKIHwk8ndw2Oysjq4clcMyWTlK6hNu-wBd7K6OmiUCa2L0hI8Qxjjajs3vBbLcd8rWGKWsDiYs770qoW9e4ENHbKw03jcZ1vfsT2gxJ34kva5Xq9V7Z95SbX/s320/cara+Download+dengan+IDM.jpg" style="cursor: pointer; display: block; height: 233px; margin: 0px auto 10px; text-align: center; width: 320px;" /></a><br />
Gampang kan Download <a href="http://www.ziddu.com/download/21380168/M6.14Build5FullPatchmudah-cepat-hemat.blogspot.com.rar.html" target="_blank">PATCH</a> beserta <a href="http://www.ziddu.com/download/21109994/idman612b.exe.html" target="_blank">IDM</a> nya???<br />
<br />
Nah,
sekarang kan dah punya Software untuk mempercepat Download, kalau masih
lambat juga mungkin karena koneksi kamu, ataupun Browser yang kamu
pakai, pakai Mozila Firefox ataupun Opera lebih cepet ketimbang pakai
Internet Explorer,<br />
Selamat Mendownload.............<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="390" src="http://www.youtube.com/embed/nKZdk_BbWMc" width="640"></iframe>Anonymoushttp://www.blogger.com/profile/17741365583026663785noreply@blogger.com0