Tutorial Belajar Website PHP MySQL ASP.Net Photoshop Coreldraw Flash Template » Tutorial CMS http://www.ilmuwebsite.com Webmaster Resource Center Tue, 07 Sep 2010 05:46:52 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 Percantik Website Joomla dengan Web Intro http://www.ilmuwebsite.com/tutorial-cms/percantik-website-joomla-dengan-web-intro http://www.ilmuwebsite.com/tutorial-cms/percantik-website-joomla-dengan-web-intro#comments Tue, 16 Mar 2010 01:08:40 +0000 tawon01 http://www.ilmuwebsite.com/?p=1509 Percantik Website Joomla dengan Web Intro tutorial cms web desain grafisSiapa bilang memasang web intro pada joomla itu susah?? Tapi sebelum kita membicarakan cara memasang web intro di joomla, apakah kalian semua sudah tahu apa yang dimaksud dengan web intro? Untuk yang belum tahu saya beri tahu sekilas, Web Intro merupakan animasi pembuka bisa berbentuk flash animation ataupun DHTML menggunakan JavaScript ketika kita membuka suatu halaman. Tujuannya dibuat web intro sendiri digunakan untuk mempercantik sebuah web sehingga user tertarik untuk selalu mengunjungi website yang kita miliki. Seringkali ketika ada sebuah web yang mempunyai web intro yang bagus pengunjung akan mengatakan “WAH….” dan tertarik untuk lama-lama mengunjungi web tersebut. Tapi ada beberapa kekurangan dari penggunaan web intro ini, jika web intro yang kita gunakan adalahberupa flash diantaranya dengan menggunakan web intro ini maka kita kan melakukan pemborosan resource halaman dan flash tidaklah search engine friendly. Tapi tenang, walaupun begitu kita masih bisa mengakali semua itu dengan menggunakan cara yang saya dapatkan dari web tetangga sebelah :

1. Menggunakan SEO friendly Flash.
2. Pastikan anda hanya memberikan animasi pendek. Kecuali animasi flash tersebut adalah content paling penting website anda, maka pastikan durasi flash presentation tidak lebih dari 10-15 detik.
3. Isi animasinya itu To the point, memiliki tujuan. Misalnya showcase content terbaik dari website atau presentation yang bersifat sebagai Navigator menuju bagian-bagian penting website anda.

Ok dari sini kita bisa langsung saja menuju ke topik utamanya yaitu cara memasang web intro sendiri. Jangan lupa siapkan bahan-bahannya dulu ya.

Alat dan Bahan yang perlu disiapkan:

1. Seperangkat komputer, tentunya akan lebih baik jika memiliki koneksi internet, sehingga nanti hasil uji cobanya dapat langsung di publish ke internet.
2. Website yang akan kita di make over untuk di tambahkan web intro.
3. Web intro yang akan kita pasang.
4. Joomla explorer atau yang sejenisnya bisa didownload di http://joomla.org, atau filemanager bawaan hosting yang anda gunakan.

Jika sudah lengkap semua langkah selanjutnya

1. Install terlebih dahulu joomla xplorernya dah tahu to caranya kita pilih extensions>>>install/uninstall kemudian browse componenent joomla Xplorer yang akan kita install lo udah silahkan klik uploap file & install .
2. Kalau sudah, langsung beralih ke menu components pilih joomla Xplorer yang barusan kita install, atau anda juga bisa memanfaatkan file manager pada cpanel bawaan anda.
3. Jika sudah saatnya kita mengupload file intro yang akan kita pasang, klik aja menu file upload yang memiliki icon gambar bumi berwarna biru, seperti biasanya pilih file yang akan kita upload setelah itu kalian tinggal pilih upload, usahakan nama intro yang kita upload tidak sama dengan yang ada di file root joomla anda.
4. Kemudian langkah berikutnya adalah pada di file .htaccess (file harus bernama .htaccess jika masih bernama htaccess.txt anda bisa merenamenya dengan .htaccess, pada file manager .htaccess ini tidak tampak, anda bisa menggunakan joomla Xplorer untuk dapat melihat file .htaccess ini) Tambahkan isi ke dalam file .htaccess :

“DirectoryIndex index.html index.php” (pada contoh disamping nama web intro yang akan kita pasang adalah index.html jika nama web intro yang akan pasang berbeda nama silahkan diesuaikan tanpa tanda kuitp ya…)

Nanti begitu kita akses situsnya, yang akan tampil adalah file index.html

jika anda tidak ingin menggunkan flash intro dan hanya ingin menggunakan web page biasa anda bisa menggunakan kode yang saya ambil dari dynamic drive, silahkan copy paste saja :

<html>

<head>
<title>STMIK AKAKOM YOGYAKARATA</title>
</head>

<body bgcolor=”#000000″ text=”#FFFFFF”>

<div id=”splashcontainer” style=”position:absolute;width:350px;”></div>

<layer id=”splashcontainerns” width=450></layer>

<script>

/*
Dynamic Splash Screen effect- © Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions, 100′s more DHTML scripts, and Terms Of Use,
Visit http://dynamicdrive.com
*/

//Specify the paths of the images to be used in the splash screen, if any.
//If none, empty out array (ie: preloadimages=new Array())
var preloadimages=new

Array(“http://abstract.simplenet.com/point.gif”,”http://abstract.simplenet.com/point2.gif”)
//configure delay in miliseconds between each message (default: 2 seconds)
var intervals=2000
//configure destination URL
var targetdestination=”http://akakom.ac.id” //silakan ganti dengan alamat home web anda

//configure messages to be displayed
//If message contains apostrophe(‘), backslash them (ie: “I\’m fine”)

var splashmessage=new Array()
var openingtags=’<font face=”Arial” size=”4″>’
splashmessage[0]=’ <img src=”http://www.akakom.ac.id/sites/default/files/logo.png”><br>Sugeng

Rawuh Wonten <br>STMIK AKakom Yogyakarta<br><h6>dipersembahkan oleh : Avif istanto<h6>’
splashmessage[1]=’STMIK AKakom merupakan Sekolah tinggi yang pertama dan utama dalam

menyelenggarakan kuliah dibidang komputer’
splashmessage[2]=’menciptakan programer bersertifikasi’
splashmessage[3]=’Menciptakan Lulusan-lulusan yang handal dibidangnya’
splashmessage[4]=’Go the real STMIK’
splashmessage[5]=’dientosi sekedap…’
var closingtags=’</font>’

//Do not edit below this line (besides HTML code at the very bottom)

var i=0

var ns4=document.layers?1:0
var ie4=document.all?1:0
var ns6=document.getElementById&&!document.all?1:0
var theimages=new Array()

//preload images
if (document.images){
for (p=0;p<preloadimages.length;p++){
theimages[p]=new Image()
theimages[p].src=preloadimages[p]
}
}

function displaysplash(){
if (i<splashmessage.length){
sc_cross.style.visibility=”hidden”
sc_cross.innerHTML=’<b><center>’+openingtags+splashmessage[i]+closingtags+’</center></b>’
sc_cross.style.left=ns6?parseInt(window.pageXOffset)+parseInt(window.innerWidth)/2-parseInt(sc

_cross.style.width)/2 :

document.body.scrollLeft+document.body.clientWidth/2-parseInt(sc_cross.style.width)/2
sc_cross.style.top=ns6?parseInt(window.pageYOffset)+parseInt(window.innerHeight)/2-sc_cross.of

fsetHeight/2 : document.body.scrollTop+document.body.clientHeight/2-sc_cross.offsetHeight/2
sc_cross.style.visibility=”visible”
i++
}
else{
window.location=targetdestination
return
}
setTimeout(“displaysplash()”,intervals)
}

function displaysplash_ns(){
if (i<splashmessage.length){
sc_ns.visibility=”hide”
sc_ns.document.write(‘<b>’+openingtags+splashmessage[i]+closingtags+’</b>’)
sc_ns.document.close()

sc_ns.left=pageXOffset+window.innerWidth/2-sc_ns.document.width/2
sc_ns.top=pageYOffset+window.innerHeight/2-sc_ns.document.height/2

sc_ns.visibility=”show”
i++
}
else{
window.location=targetdestination
return
}
setTimeout(“displaysplash_ns()”,intervals)
}

function positionsplashcontainer(){
if (ie4||ns6){
sc_cross=ns6?document.getElementById(“splashcontainer”):document.all.splashcontainer
displaysplash()
}
else if (ns4){
sc_ns=document.splashcontainerns
sc_ns.visibility=”show”
displaysplash_ns()
}
else
window.location=targetdestination
}
window.onload=positionsplashcontainer

</script>

<!–Set href in below link to the URL of the target destination–>

<div align=”right”>
<table border=”0″ width=”400″ height=”100%” cellspacing=”0″ cellpadding=”0″>
<td width=”100%” valign=”bottom” align=”right”>
[ <a href="http:akakom.ac.id"><font color="#FFFFFF">Skip Intro</font></a> ]
</td>
</table>
</div>

</body>
</html>

Oke, selesai, selamat mencobanya…

]]> http://www.ilmuwebsite.com/tutorial-cms/percantik-website-joomla-dengan-web-intro/feed 0 Mengamankan Halaman Login Administrator Joomla 1.5 http://www.ilmuwebsite.com/tutorial-cms/amankan-administrator-joomla-1-5 http://www.ilmuwebsite.com/tutorial-cms/amankan-administrator-joomla-1-5#comments Sat, 13 Mar 2010 04:38:52 +0000 tawon01 http://www.ilmuwebsite.com/?p=1466 Mengamankan Halaman Login Administrator Joomla 1.5 cms web desain grafisIni adalah tulisan pertama saya di ilmuwebsite.com. Jadi deg deg an…. kebetulan saya baru belajar membuat website menggunakan joomla, jadi nggak ada salahnya kalau kita saling berbagi ilmu, betul nggak?

Ok iseng punya iseng dari pengalaman yang lalu dalam membuat website banyak orang yang mencoba masuk ke halaman back end joomla kita melalui halaman administrator yang secara default berada di url http://www.situsmu.com/administrator/ karena secara default halaman yang digunakan untuk login ke administrator berada didalam folder yang bernama administrator. Hal ini membuat hacker meng-hack situs mereka dengan sangat mudah! Dampaknya adalah pencurian username dan password admin.

Untuk mengganti nama folder tersebut kita tidak bisa dengan begitu saja merenamenya dengan nama lain. Bukannya aman tapi justru yang kita dapat malah ERROR.

Ada beberapa ekstensi (extensions) Joomla untuk memproteksi halaman administrator baik yang bersifat gratis ataupun berbayar. Berikut ini terdapat sebuah plugins dan module yang dapat digunakan untuk memproteksi halaman administrator Joomla yaitu jSecure Authentication. Module jSecure Authentication mencegah seseorang untuk mengakses halaman login administrator dengan cara menambahkan kunci akses (key access).

1. Pertama kali, download file JSecure Authentication atau anda dapat mendownloadnya di situs resmi Joomla http://extensions.joomla.org).

2. Kalau udah download sekarang Masuklah ke halaman login administrator masukan username dan password kamu kemudian klik login.

3. Pilih menu Extensions > Install/Uninstall

4. Klik tombol Browse, tentukan file yang akan diupload. Klik tombol Upload & Install dan Tunggu beberapa saat hingga proses instalasi berhasil mau ditunggu sambil minum kopi juga g papa.

5. Masuk ke halaman Administrator kembali. Pilih menu Module > Administrator Modules.

6. Pilih Administrator.

7. Temukan module jSecure Authentication kemudian klik.

8. Pada pilihan enable pilih yes kemudian Pada Parameter, masukkan kata untuk memproteksi halaman administrator. Selanjutnya, klik tombol Save untuk menyimpan perubahan.

9. Langkah berikutnya adalah langkah yang sering dilupakan leh penulis2 tentang jsecure yang ada di blog-blog yang ada di internet yaitu mensetting plugin jsecure itu sendiri. Caranya hamper sama dengan mesetting pada module pertama-tama pilih menu Extensions > plugin Manager

10. Temukan plugin jSecure Authentication kemudian klik.

11. Pada pilihan enable pilih yes kemudian Pada Parameter, masukkan kata untuk memproteksi halaman administrator. Selanjutnya, klik tombol Save untuk menyimpan perubahan.

12. Ujilah website anda, login ke halaman Administrator dengan cara menuliskan alamat URL http://domainmu.com/administrator. Apa yang terjadi ? !!!

13. Kini untuk masuk kehalaman administrator anda harus memasukkan ke url dengan alamat sesuai dengan key yang kita buat tadi yaitu http://www.domainmu.com/administrator/?nama_key_yang_dipakai ingat sebelum kata key yang kita pilih kita harus menggunakan tanda Tanya “?” jika tidak maka kita tidak akan masuk ke halaman login administrator.

Akhirnya selesai juga artikel pertama saya, selamat mencoba, semoga bermanfaat…….. !

by: Brigade Tawon’01

]]> http://www.ilmuwebsite.com/tutorial-cms/amankan-administrator-joomla-1-5/feed 2 Amankan WordPress Anda dari Serangan via Url http://www.ilmuwebsite.com/tutorial-cms/amankan-wordpress-serangan-url http://www.ilmuwebsite.com/tutorial-cms/amankan-wordpress-serangan-url#comments Sat, 06 Mar 2010 01:50:22 +0000 Loka Dwiartara http://www.ilmuwebsite.com/?p=1457 Amankan Wordpress Anda dari Serangan via Url tutorial cms web desain grafisSQL Injection, Remote File Inclusion, XSS, dan segudang serangan hacking lainnya yang memanfaatkan kesalahan pemrogaman cukup ampuh dalam melumpuhkan banyak website, khususnya website dinamis, bahkan persepsi free cms yang menggunakan bahasa pemrogaman website, seperti php, atau asp adalah sangat tidak aman dan sangat rentan terkena serangan seperti ini, sebut saja joomla, yang telah lama menjadi langganan cms yang paling favorit untuk di serang, begitu juga dengan wordpress, hampir sama dengan cms tetangganya. Apa sebabnya?? Kebanyakan seperti yang saya sebutkan tadi, kesalahan pemrogaman entah itu tidak di sengaja, atau mungkin disengaja oleh developernya? ya mungkin saja disengaja :) . Apa akibatnya?? Hal ini kemudian dimanfaatkan oleh para cracker-cracker attacker/destroyer/defacer untuk berbuat kreatifitas yang mencukup mencengangkan para admin. Ada yang mungkin menulis surat cinta untuk kekasihnya di halaman website yang serang, “Oh dinda dimanakah kau berada, rindu aku ingin jumpa…” :D atau mungkin kreatifitas lain yang tentunya bersifat vandalisme. Mengganti username dan password admin. Itu adalah segilintir akibat dari serangan menggunakan url, benar-benar cukup fatal, bahkan beberapa tahun yang lalu, KPU yang nyata-nyata menggunakan uang rakyat hingga bermilyar-milyar untuk sistem keamanan databasenya bisa di hack hanya dengan menggunakan browser. Ini menjadi hikmah bagi para admin yang lain, jangan pernah sekalipun mencongakkan kepala anda. . Karena tidak ada sistem yang 100% aman. Maaf, saya lupa dengan pembahasan inti kita.

Artikel ini dikhususkan kepada anda yang menggunakan wordpress sebagai core dari website anda, baru-baru ini perishablepress.com membuat suatu plugin yang dapat dapat menangani serangan via url. Setidaknya dapat mencegah web anda dari serangan-serangan walaupun tidak 100% aman.

Caranya cukup mudah, cukup download file blockbadqueries.php.txt, kemudian rename menjadi blockbadqueries.php, lalu letakkan di dalam direktori wp-content/plugins website anda. Dan aktifkan pluginnya via dashboard wordpress anda.

File blockbadqueries.php berisi …

<?php
/*
Plugin Name: Block Bad Queries
Plugin URI: http://perishablepress.com/press/2009/12/22/protect-wordpress-against-malicious-url-requests/
Description: Protect WordPress Against Malicious URL Requests
Author URI: http://perishablepress.com/
Author: Perishable Press
Version: 1.0
*/
global $user_ID; if($user_ID) {
if(!current_user_can(‘level_10′)) {
if (strlen($_SERVER['REQUEST_URI']) > 255 ||
strpos($_SERVER['REQUEST_URI'], “eval(“) ||
strpos($_SERVER['REQUEST_URI'], “CONCAT”) ||
strpos($_SERVER['REQUEST_URI'], “UNION+SELECT”) ||
strpos($_SERVER['REQUEST_URI'], “base64″)) {
@header(“HTTP/1.1 414 Request-URI Too Long”);
@header(“Status: 414 Request-URI Too Long”);
@header(“Connection: Close”);
@exit;
}
}
}
?>

Sumber : http://www.wprecipes.com

]]> http://www.ilmuwebsite.com/tutorial-cms/amankan-wordpress-serangan-url/feed 7 Menggunakan Gmail Sebagai Pengirim Email Pada Joomla http://www.ilmuwebsite.com/tutorial-cms/menggunakan-gmail-sebagai-pengirim-email-pada-joomla http://www.ilmuwebsite.com/tutorial-cms/menggunakan-gmail-sebagai-pengirim-email-pada-joomla#comments Wed, 06 Jan 2010 20:14:41 +0000 Loka Dwiartara Menggunakan Gmail Sebagai Pengirim Email Pada Joomla tutorial cms web desain grafisHalo, tahun baru telah terlewat beberapa hari ya? jangan sampai kejadian buruk di tahun kemarin terulang kembali di tahun ini, usahakan tahun ini lebih baik dari tahun sebelumnya. Amin. saya akan coba membawa tutorial CMS kali ini Oke, kehebatan dari manusia adalah kemauannya untuk melakukan try and error pada bidang apapun, hingga try and error ini juga berlaku di dunia nyata, tapi jangan sampai try and error ini melebihi kapasitas kita sebagai seorang manusia biasa.

Masih berhubungan dengan try and error, beberapa periode yang lalu, penulis mencicipi salah satu shared hosting yang terkenal di Indonesia,

penulis tidak akan mencantumkan nama perusahaannya, karena tidak ada taken contract di dalamnya, haha… sedikit bercanda untuk melepas kepenatan yang telah memuncak. Oke pada intinya shared hosting ini benar-benar sangat memuaskan, namun satu kekurangannya, fasilitas sendmailnya tidak disediakan secara default, “mati sudah”, dalam benak penulis. Mengirim email menggunakan php itu benar-benar sangat penting, dan untuk mengirim email menggunakan php membutuhkan fasilitas sendmail, tapi anehnya hosting ini tidak menyediakan fasilitas tersebut. Hingga akhirnya penulis mengingat sesuatu yang pernah penulis lakukan pada kasus-kasus sebelumnya, Gmail memiliki SMTP server yang bisa anda manfaatkan kegunaannya sesuka hati. Artinya anda dapat menggunakan email gmail anda untuk mengirim email melalui hosting anda, anda tertarik? silahkan baca terus artikel ini. :) Dan secara otomatis masalah pengiriman email usai sudah.

PHPMailer memungkinkan anda menggunakan gmail anda untuk mengirim email melalui webhosting anda. Dan begitu juga dengan joomla pun memiliki fasilitas di bagian global configuration | system untuk dapat memanfaatkan gmail sebagai pengirim email default joomla.

Berikut adalah langkah-langkahnya:

Masuk sebagai admin, kemudian ke bagian Global Configuration | Server

Mailer anda isi dengan SMTP Server
Mail From di isi dengan alamat email yang anda inginkan, email ini ditampilkan di bagian from email milik client
From Name di isi dengan Nama Pengirim yang anda inginkan
kemudian SMTP Authentication pilih yes
SMTP Security anda pilih yes
SMTP Port nya di isi dengan 465 -> ini adalah port default layanan smtp server gmail
SMTP Username nya di isi dengan alamat email gmail anda
SMTP Passwordnya di isi dengan password gmail anda
terakhir SMTP Host di isi dengan smtp.gmail.com

Menggunakan Gmail Sebagai Pengirim Email Pada Joomla tutorial cms web desain grafis

Save, dan secara otomatis gmail anda akan menjadi default email dari joomla anda. Dan anda bisa melihat fasilitas sent item di gmail anda untuk membuktikannya.

Selamat Mencoba.

]]> http://www.ilmuwebsite.com/tutorial-cms/menggunakan-gmail-sebagai-pengirim-email-pada-joomla/feed 0 Tutorial Joomla Jalankan HTML, Javascript dan PHP Di Mana Saja dengan Sourcerer http://www.ilmuwebsite.com/tutorial-cms/tutorial-joomla-jalankan-html-javascript-dan-php-di-mana-saja-dengan-sourcerer http://www.ilmuwebsite.com/tutorial-cms/tutorial-joomla-jalankan-html-javascript-dan-php-di-mana-saja-dengan-sourcerer#comments Wed, 07 Oct 2009 17:08:26 +0000 Loka Dwiartara Tutorial Joomla Jalankan HTML, Javascript dan PHP Di Mana Saja dengan Sourcerer tutorial cms web desain grafisPara joomla mania pernah dengar sourcerer joomla extension? Ada 2 jawaban kemungkinan, pertama pernah, kedua belum pernah, ketiga sering, oh ternyata ada 3 jawaban. Bagi anda yang belum tahu sourcerer, mungkin istilah ini terdengar asing, sourcerer (pesumber), bagi anda yang pernah mendengar atau sering mendengar biasanya selalu menggunakan plugin ini dalam melakukan aksi-aksi fantastis.

Sourcerer merupakan sebuah extension dari joomla yang saat ini benar-benar amat digemari karena fungsinya yang mantap. Sourcerer memungkinkan script HTML, javascript, dan PHP dapat dijalankan di mana saja, baik di dalam article content, component, maupun dalam module-module joomla, benar-benar powerfull.

 

Banyak sekali implementasi dalam penggunanaan sourcerer ini, contohnya seperti, misalkan anda ingin menampilkan nilai kurs rupiah terhadap dollar yang contentnya di ambil dari situs lain, misalnya diambil dari http://www.bi.go.id kemudian isinya ditampilkan ke dalam salah satu module joomla anda. Anda bisa memanfaatkan sourcerer untuk menjalankan aksi-aksi itu. Biasanya seorang coder menggunakan fungsi http_get_content, atau bisa juga fopen, kemudian lakukan filtering menggunakan preg_match dan regullar expression untuk mengambil content di website luar. Penulis akan jelaskan itu di tutorial php.

Silahkan download sourcerer di sini :

http://www.nonumber.nl/sourcerer/download

Manfaatkan sourcerer untuk memberikan fitur yang lebih pada cms joomla kesayangan anda.

]]> http://www.ilmuwebsite.com/tutorial-cms/tutorial-joomla-jalankan-html-javascript-dan-php-di-mana-saja-dengan-sourcerer/feed 2 wordpress offline dengan xampp http://www.ilmuwebsite.com/tutorial-cms/wordpress-offline-dengan-xampp http://www.ilmuwebsite.com/tutorial-cms/wordpress-offline-dengan-xampp#comments Tue, 11 Aug 2009 17:42:35 +0000 Admin Bagi para pengguna wordpress yang ingin menggunakan wordpress secara offline, kita bisa menggunakan perangkat aplikasi localhost xampp, yang sudah saya sediakan di sini. Penggunaan WP secara offline sangat berguna untuk merancang WP anda sebelum diupload, terutama untuk mengecek penampilan sebuah template dapat bekerja atau tidak. Anda bisa melakukan pengeditan posting sebelum tampil di internet, sehingga akan memperoleh hasil yang maksimal.

Setelah anda install piranti xampp di komputer anda, silahkan buka volder htdoc, kemudian anda buat volder baru (diberi nama misal: latihanwp), selanjutnya paste volder wordpress 2.8.2 di volder itu. selanjutnya buka browser dan ketik : localhost/phpmyadmin. Kemudian ketik nama database baru. (create database misal : latihanwp). Setelah itu ketik : localhost/latihanwp. sealnjutnya klik wordpress selanjutnya anda harus mengisi form yang telah tersedia;

nama database : latihanwp

hosting : Localhost

user : root

password: (anda kosongi saja)

prefix : (hiraukan saja)

klik next ,maka akan membuka halaman baru untuk install wordpress anda yang baru, selanjutnya anda akan mendapatkan password sementara yang bisa anda copy untuk login tinggal paste. Selanjutnya anda masuk di dashboard wp ada peringatan supaya anda mensetting ulang profil anda termasuk password anda, segera lakukan ini untuk mengganti password anda. supaya anda tidak lupa dengan password anda sendiri. Selanjutnya terserah anda, anda bisa mulai posting atau mau mengganti template. Sebab anda sekarang sudah mempunyai wordpress offline di komputer anda sendiri.

Sedikit tips, bila anda mau mengganti template silahkan buka explore ,
/xampp/htdocs/latihanwp/wordpress 2.8.2/wordpress/content/themes, kemudian paste folder themes anda yang baru, setelah itu anda buka di dashboard wp. appearance, themes, lalu pilih themes anda yang baru, maka anda dapat mencek apakah themes yang baru itu dapat bekerja dengan baik atau tidak. Kalau belum, anda bisa mulai mengedit di page editor themes. Selamat mencoba.

]]> http://www.ilmuwebsite.com/tutorial-cms/wordpress-offline-dengan-xampp/feed 1 Membuat iklan otomatis pada cms joomla http://www.ilmuwebsite.com/tutorial-cms/membuat-iklan-otomatis-pada-cms-joomla http://www.ilmuwebsite.com/tutorial-cms/membuat-iklan-otomatis-pada-cms-joomla#comments Thu, 11 Jun 2009 01:46:43 +0000 Admin Membuat iklan otomatis pada cms joomla tutorial cms web desain grafisKita mungkin pernah melihat iklan yang otomatis terlihat ketika kita membuka situs detik maupun kapanlagi dan selalu ada bila kita mengeser mouse,dan akan hilang jika kita mengklik icon Close (x). Hal ini bisa  juga kita gunakan untuk pemberitahuan atau pengumumuman di web pribadi kita di web yang berbasis joomla telah tersedia modul untuk melakukan hal tersebut

walaupun masih ada kekurangan tapi cukup membantu kita,modul itu bernama “Camp26 Sticky HTML”.

 Adapun cara mengunakannya adalah sebagai berikut :

1. Download modul tersebut disini
http://extensions.joomla.org/extensions/search/1/Camp26%20Sticky%20HTML/
2. buka halaman admin

Membuat iklan otomatis pada cms joomla tutorial cms web desain grafis

   
Disini saya mengunakan joomla versi 10.15

3. setelah masuk administrator,ambil menu installer dan pilih sub menu modul

Membuat iklan otomatis pada cms joomla tutorial cms web desain grafis

4. upload modul “Camp26 Sticky HTML” yang telah kita download sebelumnya

Membuat iklan otomatis pada cms joomla tutorial cms web desain grafis

5. kalau upload yang kita lakukan berjalan sukses akan terlihat pemberitahuan seperti ini:

Membuat iklan otomatis pada cms joomla tutorial cms web desain grafis

 

6. Setelah itu kita klik “continue”

7. Kemudian kita mulai konfigurasi modul tersebut caranya,klik menu modul dan ambil sub menu side modul:

Membuat iklan otomatis pada cms joomla tutorial cms web desain grafis

8. pilih modul yang kita upload sebelumnya (modul Camp26 Sticky HTML)

Membuat iklan otomatis pada cms joomla tutorial cms web desain grafis

9. disini kita akan mengkonfigurasi modul tersebut
Pada modul joomla ini pada saat pengkonfigurasian dibagi dua bagian yaitu pada bagian detail seperti terlihat pada gambar :

Membuat iklan otomatis pada cms joomla tutorial cms web desain grafis

Dan bagian parameter,seperti pada gambar

Membuat iklan otomatis pada cms joomla tutorial cms web desain grafis

Kita mulai dari bagian detail

  1. Pada tittle ,bisa kita ganti isinya sesuai dengan yang kita kehendakki  misalnya kita ganti dengan nama “modul iklan” atau “modul pengumuman”
  2. Pada show tittle ada dua pilihan,terserah kita apakah mau dilihatkan pilih “yes” kalau tidak kita pilih “no”
  3. Pada aceess level terlihat tiga pilihan yaitu public,register,special itu terserah kita untuk memilihnya tergantung kegunaannya,tapi disini sebaiknya pilih public saja.
  4. Pada published ada dua pilihan,jika ingin ditampilkan ke web pilih “yes” tapi jika tidak ingin ditampilkan pilih “no”

Untuk bagian detail telah selesai kita konfigurasi,berikut hasilnya :

Membuat iklan otomatis pada cms joomla tutorial cms web desain grafis

Selanjutnya  kita akan mengkonfigurasi pada bagian parameter:

  1. Pada caching terdapat dua pilihan pilih “yes” kalau kita mempunyai tempat untuk meletakkannya dan pilih “no” jika tidak ada,disini saya sarankan untuk memilih “no”
  2. Pada modul width adalah ukuran lebar pengumuman yang kita inginkan
  3. Pada bagian html/java script,disilah pengumuman atau gambar yang ingin kita tampilkan ditempatkan,format yang bisa dimasukan disini hanya format java script/html saja,jadi tulisan atau gambar harus dibuat dulu dalam format “java script / html”,tapi jangan kuatir telah banyak situs yang menyediakan untuk itu, bisa dicoba disini http://www.addesigner.com
  4. Pada bagian display mode terdapat dua pilihan  jika kita ingin selalu menampilkan pada web kita pilih “always” tapi jika tidak pilih “oncepersession”,disini saya memilih “always”
  5. Pada bagian enable fade,jika ingin memudarkan gambar kita pilih “yes”,tapi jika tidak pilih “no”,disini saya memilih “no”karena saya menginginkan pengumuman saya terlihat jelas
  6. Pada bagian auto hide box,jika kita mengiginkan pengumuman hilang secara otomatis kita pilih “yes” tapi jika tidak pilih “no”
  7. Pada bagian Time for Auto Hide Box kita bisa menseting waktu berapa lama pengumuman atau iklan kita ingin ditampilkan
  8. Pada bagian Title for Hide Key,kita bisa menganti tulisan apa untuk perintah menutup pengumuman tersebut apakah “close” atau symbol “X’
  9. Pada bagian clean js,clean css,clean html biarkan default.

Berikut tampilan setelah dikonfigurasi :

Membuat iklan otomatis pada cms joomla tutorial cms web desain grafisMembuat iklan otomatis pada cms joomla tutorial cms web desain grafis

10 Setelah semua selesai kita konfigurasi klik icon “save”

11 Pilih menu site kemudian sub menu preview dan in new window untuk melihat hasilnya.Selamat mencoba ,semoga bermamfaat.

Membuat iklan otomatis pada cms joomla tutorial cms web desain grafis

Penutup
Demikian cara pemakaian dan pengunaan modul joomla “Camp26 Sticky HTML”,modul yang banyak berguna untuk kepentingan bisnis maupun pribadi semoga berguna dan bermamfaat,tentunya tak ada gading yang tak retak tulisan ini jauh dari sempurna,karenanya saran dan masukan diharapkan dari pembaca.

Referensi

  1. http://www.joomla.org
  2. Cara mudah membangun Website interaktif mengunakan CMS joomla Penulis Yuhefizar,HAMooduto,Rahmat Hidayat

Biografi
Anggara Nasution, lahir 26 Agustus 1982 saat ini bekerja sebagai staf administrasi di politeknik negeri padang jurusan elektro.Pendidikan terakhir Sekolah Menegah Kejuruan dan sedang melanjutkan pendidkan di STMIK JAYANUSA jurusan sistem komputer. 

]]> http://www.ilmuwebsite.com/tutorial-cms/membuat-iklan-otomatis-pada-cms-joomla/feed 3 Joomla Commercial Components MegaPack http://www.ilmuwebsite.com/tutorial-cms/joomla-commercial-components-megapack http://www.ilmuwebsite.com/tutorial-cms/joomla-commercial-components-megapack#comments Thu, 11 Jun 2009 01:31:10 +0000 Admin Joomla Commercial Components MegaPack tutorial cms web desain grafisJoomla! sangat memberikan kemudahan bagi para web developer selain karena  fiturnya yang user friendly joomla pun terkenal banyak akan component, plugin, dan extension-nya yang gratis. Hal ini tentunya merupakan nilai tambah yang sangat-sangat dimanfaatkan oleh para web developer untuk mengembangkan websitenya masing-masing.

Begitu banyaknya extension yang disediakan hingga joomla pun membuat sub domain khusus untuk extensionnya, tidak hanya joomla extension yang gratis saja namun extension yang berbayar pun ikut terpampang secara rapi di sub domain milik joomla http://extensions.joomla.org/

Penulis menyediakan satu koleksi kumpulan component joomla siap pakai. Berisi component pro popular yang sering digunakan dalam mengembangkan website berbasis joomla.

Berisi :

  • Phil Taylor’s Scripts
  • XE Media
  • com_mosmedia
  • jomcomment
  • Jomres
  • MegaPack_Info_File.pdf
  • Mosets.Tree
  • Multisites.Site.Manager
  • pdfindexer
  • SEF.Advance
  • WysiwygPro.Mambot

Silahkan di unduh …
http://rapidshare.com/files/27297636/Joomla_Commercial_Components_MegaPack.rar
password : www.alb-warez.org

Selamat Mencoba. =p~

]]> http://www.ilmuwebsite.com/tutorial-cms/joomla-commercial-components-megapack/feed 0 Mengaktifkan Sticky Pada Joomla http://www.ilmuwebsite.com/tutorial-cms/mengaktifkan-sticky-pada-joomla http://www.ilmuwebsite.com/tutorial-cms/mengaktifkan-sticky-pada-joomla#comments Thu, 11 Jun 2009 01:27:06 +0000 Admin Mengaktifkan Sticky Pada Joomla tutorial cms web desain grafisApasih sticky? Sticky bukanlah band papan atas dalam negeri yang terkenal karena lagu “Mungkinkah!” :D Sticky adalah suatu fitur yang dapat membuat suatu artikel selalu pada posisi awal halaman index dalam joomla! dikenal dengan istilah frontpage. Yang terjadi jika sticky diaktifkan adalah suatu artikel selalu berada pada halaman depan atas meskipun terdapat artikel baru yang diletakkan di frontpage. Untuk mengaktifkan sticky pada joomla cukup mudah, karena tidak memerlukan module,

atau plugin sama sekali untuk mengaktifkannya, tidak seperti cms lain :D . Anda cukup login sebagai admin pada joomla!.

 

 

 

 

 Kemudian masuk menu content | Front Page Manager.

Mengaktifkan Sticky Pada Joomla tutorial cms web desain grafis

Setelah, pilih artikel yang akan dijadikan sticky, kemudian pada Order beri nilai -1, seperti gambar di bawah ini,

Mengaktifkan Sticky Pada Joomla tutorial cms web desain grafis

Kemudian save order.

Mengaktifkan Sticky Pada Joomla tutorial cms web desain grafis

Untuk melihat hasilnya berpengaruh atau tidak, silahkan masukkan artikel baru.
Sekian. Terima Kasih.

Segera Majalah Ilmuwebsite edisi 2, membahas :
75 Widget, Plugin, Extension, Component,
dan Module pilihan, erbagai CMS Favorit anda.

]]> http://www.ilmuwebsite.com/tutorial-cms/mengaktifkan-sticky-pada-joomla/feed 1