Kamis, 11 Oktober 2012

Cara Mudah Membuat Website Joomla


Dikalangan masyarakat saat ini, kita sering mendengar istilah website. Namun tidak banyak orang yang mengetahui bagaimana cara membuat website. Pada umumnya, orang-orang yang ingin membuat sebuah website, mereka lebih banyak mempelajari tentang pengetahuan khusus, antara lain adalah sebagai berikut :
  • HTML
  • Pemrograman WEB (PHP, JSP, ASP, dll).
  • Database
  • Client Side Programming (Javascript, VBScript, dll)
  • Desain Grafis ( Photoshop, Corel, dll)
  • Software untuk layout (Dreamweaver, Microsoft Frontpage, dll)
Padahal untuk mempelajari semua ini dibutuhkan waktu yang sangat lama dan proses yang begitu melelahkan. Kesimpulannya, banyak hal yang harus kita ketahui sebelum membuat sebuah website. Untuk itu, disini saya akn memberikan cara termudah bagaimana cara membuat website? Yaitu dengan menggunakan Joomla!

Apakah itu Joomla?
Mungkin bagi orang yang belum mengenal joomla, joomla sangatlah asing bagi mereka. Namun setelah kita mengenal dan mempelajarinya, kita akan tahu bagaimana mudahnya sebuah website itu dibuat hanya dengan menggunakan joomla.
Secara garis besar dan gamblang, Joomla! terdiri dari 3 elemen dasar, yaitu server web (webserver), skrip PHPMySQL. Server web diasumsikan terhubung dengan Internet/Intranet yang berfungsi sebagai penyedia layanan situs. Skrip PHP terdiri dari kode program dalam bahasa PHP dan basisdata merupakan tempat penyimpanan konten. Joomla menggunakan Apache sebagai server web dan MySQL untuk basisdatanya. dan basisdata.
Selain kemudahan dalam membuatnya, banyak kemudahan lain lain dari Joomla ini, antara lain adalah sebagai berikut :
  • Free (Bebas atau Gratis)
Belajar joomla tidak perlu mengeluarkan biaya yang banyak. Sebab joomla bisa didapat hanya dengan mendownloadnya melalui internet tanpa mengeluarkan biaya sedikitpun.
  • Kemudahan Untuk Mengelola Isi Website
Joomla lebih mudah digunakan serta dikelola karena didalam Joomla telah diberikan Fasilitas yang mempermudah para pembuat website untuk menggunakan Joomla serta mengelolanya.
  • Kemudahan Mengganti Isi Tampilan Website
Tampilan atau yang biasa disebut template Joomla sangatlah banyak dan beragam sesuai dengan versi Joomla yang kita gunakan.
Begitulah kemudahan yang diberikan Joomla. Berikut adalah cara-cara membuat Joomla. Sebelum kita membuat sebuah website menggunakan Joomla, terlebih dahulu kita menginstalnya. Namun untuk menginstal Joomla, kita harus terlebih dahulu mengistal xampp. Berikut ini adalah cara menginstal xampp :

CARA MENGINSTAL XAMPP
Sebelum menginstal Joomla, kita memerlukan sebuah server, sehingga Joomla dapat diinstal dan dijalankan di Komputer local tanpa harus terhubung ke Internet.
Cara menginstalnya adalah sebagai berikut ;
  1. Klik dua kali icon XAMPP yang anda miliki atau klik kanan open pada file nya XAMPP. 
  1. Pilih Bahasa Indonesia pada pilihan bahasa yang digunakan.

  1. Klik OK.
  2. Klik next pada halaman setup wizard 

  1. Klik Install

  1. Proses Instalasi akan berjalan. Jika sudah selesai, klik Finish. Setelah klik Selesai, akan muncul pesan seperti berikut :






  1. Klik No agar XAMPP tidak masuk kedalam proses servis pada system operasi komputer kita. Dengan demikian, komputer tidak terbebani akibat dari XAMPP yang berjalan terus-menerus.


  1. Klik Yes, jika Anda ingin langsung menjalankan control panel XAMPP server.

  1. Dengan demikian, proses instalasi XAMPP server telah selesai.

Begitulah cara menginstal XAMPP. Kemudian kita akan melanjutkan dengan menginstal Joomla. Namun sebelumnya kita harus menjalankan XAMPP server terlebih dahulu.

MENJALANKAN XAMPP SERVER
Setelah menginstal XAMPP, langkah berikutnya adalah menginstal Joomla. Namun sebelumnya kita harus menjalankan service Apache dan MySql terlebih dahulu.
Caranya adalah sebagai berikut :
  1. Buka XAMPP melalui Start – All Program – Apachefriends- XAMPP – Control XAMPP Service Panel.
  2. Klik Start pada bagian Apache.
  3. Klik Start pada bagian MySql. Maka XAMPP telah berjalan.


CARA MENGINSTAL JOOMLA
Setelah menjalankan service Apache dan MySql, selanjutnya kita bisa menginstal Joomla. Berikut adalah cara menginstal Joomla:
  1. Buat folder di C – Program Files – XAMPP – Htdocs. Pada contoh kali ini, buat folder joomla.





  1. Copy seluruh isi folder Joomla dari Internet.
  2. Buka browser, lalu ketik localhost/joomla. Kemudian tekan Enter. Secara otomatis akan membuka file index.php di folder joomla/instalation. Kemudian klik next.

 

  1. Isi formulir yang disediakan.



  1. Lengkapi isian formulir
- Database Type : mysql
- Host Name : localhost
- Username : root
- Password : (kosongkan)
- Database Name : zaelanidb (contoh)


  1. Klik next. Kemudian klik OK jika semua isian telah benar.

  1. Masukkan nama situs (nantinya akan muncul di Title bar). Misalnya saja www.zaelaniakbar.com
  2. Kemudian isi alamat email dan ganti pasword yang diberikan (nantinya akan menjadi pasword admin).
  3. Klik Install Sample Data.

  1. Klik next.

  1. Klik view site untuk melihat halaman website yang telah Anda buat. Anda diminta untuk menghapus folder Instalation untuk bisa mengakses situs yang telah dibuat. Buka kembali windows explorer dan hapus folder Instalation di folder joomla.


  1. Refresh internet explorer (tekan tombol F5). Tampilkan halaman utama Joomla.

  1. Untuk mengubah/mengatur tampilan beserta isinya, dapat dilakukan di bagian administrator.
Masukkan username dan passwordnya.

  1. Tampilan utama administrator yang berisi Control Panel, yang selanjutnya dapat kita ubah sesuai kebutuhan kita untuk membangun sebuah website.

  1. Sebelum mengatur hal lain, sebaiknya atur terlebih dulu Global Configuration.
  1. Tampilan website setelah diubah
Read more ...

Rabu, 10 Oktober 2012

Cara Buat Read More Otomatis di Blogger


read more,baca selengkapnya,cara buat read more,cara buat baca selengkapnya,auto read more, read more otomatis, cara buat read more otomatis
Expandable post atau yang umum di kenal dengan istilah "Read More" adalah sebuah fitur yang membuat postingan sobat blogger terpenggal di halaman index Beranda atau Home Page. Di setiap akhir preview, terdapat sebuah link yang menuju ke halaman posting, yang biasanya menempel pada kata "Read More" atau "Baca Selengkapnya".
Perbedaan antara Read More konvensional dengan Read More Otomatis dengan thumbnail adalah :

Read More Konvensional :
  1. Menggunakan HTML
  1. Harus memasukkan kode di dalam postingan
  1. Panjang potongan atau penggelan dapat disesuaikan.
  1. Fungsi Read More hanya akan terlihat kalau kode sudah ditambahkan di dalam postingan.
  1. Tanpa Thumbnail. Untuk menampilkan thumbnail atau gambar, maka gambar harus diletakkan dibagian paling atas postingan.

Read More Otomatis dengan thumbnail :
  1. Menggunakan Javascript.
  1. Tidak perlu memasukkan kode di dalam postingan.
  1. Panjang potongan dapat di ubah, tetapi akan berpengaruh di semua postingan.
  1. Read More diterapkan untuk semua posting, tanpa terkecuali.
  1. Secara otomatis menampilkan thumbnail atau gamabar yang ada di dalam postingan tersebut.

Itu adalah sekilas gambaran tentang perbedaan antara Read More Konvensional dengan Read More Otomatis dengan thumbnail. Untuk membuat Read More otomatis atau untuk membuat fitur baca selengkapnya, silahkan ikuti langkah di bawah ini!
Cara Buat Auto Read More :
  • Login dulu di akun blogger sobat
  • Dari Design, klik Edit HTML dan tandai Expand Widget Template
  • Back Up terlebih dahulu template sobat.
  • Cari kode </head>
  • Tambahkan kode berikut Setelah atau di bawah kode </head>
<!-- Auto read more script Start -->
<script type='text/javascript'>
var thumbnail_mode = "yes"; //yes -with thumbnail, no -no thumbnail
summary_noimg = 430; //summary length when no image
summary_img = 340; //summary length when with image
img_thumb_height = 200;
img_thumb_width = 200;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx =  s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
        if(thumbnail_mode == "yes") {
if(img.length>=1) { imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
<!-- Auto read more script End -->
  • Setelah itu, cari kode <data:post.body/>
  • Ganti kode <data:post.body/> dengan kode berikut :
<!-- Auto read more Start -->
<!-- http:lenterablogger.blogspot.com -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'> createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<a class='more' expr:href='data:post.url'>Read more ...</a>
</b:if>
</b:if>
<!-- Auto read more End -->
  • Klik Preview, kalau sudah berhasil klik Save

Tambahan :
  1. summary_img adalah jumlah karakter yang akan ditampilkan dalam penggalan dengan thumbnail.
  1. summary_noimg adalah jumlah karakter yang akan ditampilkan dalam penggalan tanpa thumbnail
  1. img_thumb_height dan img_thumb_width adalah ukuran tinggi dan lebar gambar, Sobat blogger bisa menyesuaikan angka tersebut.
  1. Kata "Read more" bisa di ganti dengan kata yang sobat blogger inginkan misalnya : Baca Selengkapnya, Lebih Lengkap, Baca Lagi, Selengkapnya, dll.

Kalau postingan atau artikel ini bermamfaat buat sobat blogger, jangan lupa tinggalkan pesan atau komentar sobat pada kolom komentar di bawah ini
Read more at http://lenterablogger.blogspot.com/2012/04/cara-buat-auto-read-more.html#CigzKlC8cMFX1oq1.99 
Read more ...

Cara Menambah Widget Chatbox Atau Buku Tamu Ke Halaman Blog


Senang dapat Berjumpa Lagi dengan sahabt-sahabat blogger Dapur Tutorial Blogspot. Pada Tutorial kali ini kita akam mempelajari bagaimana cara menambahkan buku tamu kehalaman blog anda dan manfaatnya bagi blog.

Widget chatbox atau buku tamu ini hapir semua pengguna Blogger memasang widget chatbox ini dihalaman blognya karena chatbox sangat banyak memberikan manfaat pada blog kita terutama selain dapat mempercantik tampilan blog, chatbox atau buku tamu ini dapat mendatangkan pengunjung kehalaman blog anda dan yang paling penting menurut Dapur Tutorial Blogspot yaitu sebagai saran untuk saling berkomunikasi dan silahturahmi antara pengunjung dengan admin blog.

Buku tamu yang sangat populer dan paling banyak digunakan yaitu CBox dan Shoutmix. karena Shoutmix akan menonaktifkan layanan Free atau gratisnya jadi disini Dapur Tutorial Blogspot Hanya akan menjelakan cara membat buku tamu menggunakan layanan gratis CBox

Berikut lankah-langkah untuk membuat Buku tamu pada halaman blog :

Langkah 1 : Mendapatkan kode buku tamu dari ChatBox
  1. Kunjungi halaman resmi CBox disini  www.cbox.ws
  2.  Klik Sign Up


  3.  Setelah itu anda akan diminta untuk mengisi formulis pendaftaran seperti ini


  4. Isi data yang diminta seperti gambar dibawah ini kemudian klik Create My Cbox

  5. Klik gambar untuk memperbesar

  6. Apabila data yang anda isi sudah benar akan ada pesan seperti berikut (lihat yang didalam kotak merah)


  7. Kemudian buka Email yang anda gunakan untuk mendaftar Cbox Karena ada Email konfirmasi pendaftaran anda yang dikirim oleh Cbox
  8. Klik Link konfirmasi tersebut untuk mengaktifkan akun Cbox anda


  9. Setelah Email konfirmasi tersebut anda klik, anda akan mendapatkan pesan seperti berikut ini


  10. Akun anda sekarang sudah aktif dan anda bisa masuk ke akun CBox anda

  11. Sekarang Sign in Ke akun Cbox anda menggunakan Username dan Pasword yang sudah anda buat saat mendaftar tadi untuk mendapatkan Kode ChatBox atau bukutamu anda
  12. Setelah anda masuk anda langsung dihadapkan ke halaman berikut 


  13. Copy kode buku tamu yang diberikan
Sekarang anda sudah mendapatkan Kode buku tamu anda 

NB :
Jika anda ingin melakukan pengaturan Seperti Lebar Kotak ChatBox Klik pada Bagian Look & Feel >> Layout Option kemudian untuk mengganti style cheatBox anda masuk ke Look & Feel >> Style Presents

Langkah 2 : Memasang kode kehalaman Blog
  1. Silahkan anda masuk ke akun blogger anda
  2. Pilih Tata Letak


  3. Klik Tambah Gatget/Widget


  4. Pilih HTLM/JavaScript


  5. Paste Kode ChatBox tadi pada Box HTML/JavaScript yang tersedia


  6. Klik Simpan
  7. Selesai dan Lihat Hasilnya


Read more: http://dapur-tutorial.blogspot.com/2011/12/cara-menambah-widget-chatbox-atau-buku.html#ixzz28uEhajsO
Read more ...

Cara Memasang Musik Autoplay di Blog



   Menambahkan musik berjenis mp3 pada blog pribadi membuat kita betah berlama-lama berada di blog tersebut. Terlebih jika lagu yang dipasang sudah memutar secara otomatis pada saat kita membuka blog tersebut

    Semakin banyaknya aplikasi streaming yang ditawarkan, juga mempermudah para Bloger untuk mempercantik blog nya. Dan sesama Blogger tentu saya ingin sedikit bagi - bagi info nich
Berikut saya bagikan cara yang cukup mudah untuk memasang musik Autoplay di blog :

  • Yakinkan niat supaya anda tidak menyerah sampai tahap akhir hehehehee...
  • Login ke blog dan masuk Menu Tata Letak
  • Klik tambah gadget - pilih HTML/Javascript
  • Untuk aplikasi yang saya gunakan adalah SoundCloud . Jadi masuk terlebih dulu ke SoundCloud (bisa langsung tanpa regristrasi terlebih dahulu ).
  • Search lagu yang kita inginkan pada kotak pencari pada situs SoundCloud
  • Klik Share pada menu lagu yang akan digunakan

  • Klik logo Blogger ( berlaku untuk pengguna Blogspot )

  • Klik Customize Your Player
  • Checklist Play Automatically ( skin colour bisa disesuaikan dengan warna favourite )

  • Kemudian copy link Widget url lagu ke blog
  • Simpan dan oke ...
~~~ SELAMAT MENCOBA ~~~
Read more ...