Step 1

Silahkan download terlebih dahulu file xampp-nya di website www.apachefriends.org atau dengan mengklik link berikut ini www.apachefriends.org/en/xampp-linux.html, silahkan disimpan di /home/

Step2

Setelah download selesai silahkan buka terminal kemudian masuk ke super user atau root :

sudo su

kemudian extract file yang sudah didownload dan kemudian di simpan di /opt :

tar xvfz xampp-linux-1.7.3a.tar.gz -C /opt

nantinya file yang diextract akan membuat folder lampp yang ada pada direktori /opt/lampp

Step3

Untuk memulainya dengan mengetikan perintah :

/opt/lampp/lampp start

kemudian tunggu samapi muncul tulisan, seperti ini :

Starting XAMPP 1.7.3a...
LAMPP: Starting Apache...
LAMPP: Starting MySQL...
LAMPP started.

itu berarti bahwa xampp atau lampp sudah dapat digunakan, sebagai catatan jika tampilannya seperti ini :

 You need to start XAMPP as root!

maka anda harus masuk terlebih dahulu ke super user atau ke root, baru jalankan kembali lampp tersebut.

Step4

Untuk memastikkan bahwa lampp tersebut berjalan caranya adalah dengan membuka browser anda dan kemudian ketikkan localhost atau 127.0.0.1, seperti gambar dibawah ini :

mukhlis.net

setelah muncul dengan tampilan lama selama 6 bulan, sekarang ingin memperbaiki tampilan supaya pengunjung bisa betah beralama-lama di blog ini.

koreksi dan idenya ditunggu

Caranya:

• Login ke blogger.com, pilih blog yang pengen kamu edit, klik link Layout kemudian masuk ke Edit HTML
• Untuk bisa ngedit template secara keseluruhan, kamu harus centang/tandai/aktifkan Expand Widget Templates
• Masukkan kode berikut sebelum tag </head> atau tepat sesudah kode } ]]></b:skin> seperti ini:

  <style>
  <b:if cond='data:blog.pageType == "item"'> 
     span.fullpost {display:inline;}
  <b:else/>
     span.fullpost {display:none;} 
  </b:if>
  </style>

• Selanjutnya mengatur supaya postingan terpotong, cari kode <p><data:post.body/></p> dalam template kamu dan tambahkan kode berikut tepat dibawahnya:

  <b:if cond='data:blog.pageType != "item"'>
  <a expr:href='data:post.url'> Read More..</a>
  </b:if>

• Nah supaya terpotong, setiap kali kamu posting, klik pada bagian posting dimana kamu pengen tulisan Read More.. muncul, dan ketik <span class="fullpost"> sisa postingan sampai selesai </span>. Untuk menmbahkan kode ini, ketika posting kamu harus dalam mode Edit HTML bukan ComposeContoh penulisan posting:
  

  Ini adalah awal berita yang ingin saya potong karena terlalu panjang kalo postingan muncul semua, oleh karena itu saya perlu memotong berita sampai disini saja. <span class="fullpost"> Dan ini adalah sisa postingan saya yang akan saya sembunyikan dan hanya muncul pada saat post page atau link read more.. diklik </span>

  Hasil akhir postingan akan seperti ini:

  Ini adalah awal berita yang ingin saya potong karena terlalu panjang kalo postingan muncul semua, oleh karena itu saya perlu memotong berita sampai disini saja.

  Selamat Mencoba! [Sumber]

Langkah yang dilakukan adalah sebagai berikut

1. Masuk ke kontrol panel (log in) blogger anda tepatnya di menu sub menu Template yaitu Edit Template (Edit HTML)
2. paste CSS definition pada bagian atas template code:

<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template StyleName:
cotduaDesigner: mukhlisURL:
www.mukhlis.netDate:
11 Jul 2008
----------------------------------------------- */

#navbar-iframe
{display: none
!important;}

/* Variable definitions
====================
<Variable name="mainBgColor"description="
Main Background Color"type="color"
default="#fff" value="#ffffff">
<Variable name="mainTextColor"
description="Text Color" type="color"
default="#333" value="#333333">

...

*kode ccs yang berwarna background kuning adalah HTML hack untuk Remove Navbar Blogger dan untuk mengembalikan ke bentuk semula anda cukup menghapus kembali.

Selamat mencoba.

ini pengalaman pertama saya membuat sebuah website menggunakan joomla v1.5. fasilitas yang terdapat di joomla ver 1.5 ini banyak, simpel dan mudah.

hasil ini masih terlalu kaku, ini masih mencari bentuk dan warna yang lebih menarik, ini hanyalah sebagai dami belum finish untuk launching. pembuatan website ini tidak ada deadline untuk diselesaikan secepat mungkin, karena ini hanya sebagai kontribusi untuk organisasi, semoga aja ini bermafaat untuk syabab hidayatullah.

kemudian klik tombol Find next. (jika masih gak ketemu terpaksa kita melakukan pencarian secara manual).

Kode selengkapnya jika dilihat kira2 akan tampak sebagai berikut:

<div class=’post-header-line-1?/>
<div class=’post-body’>
<style>
<b:if cond=’data:blog.pageType == “item”‘>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>
<p><data:post.body/></p>
<b:if cond=’data:blog.pageType != “item”‘>
<a expr:href=’data:post.url’> Read More / Baca Selengkapnya..</a>
</b:if>

• Nah supaya terpotong, setiap kali kamu posting, klik pada bagian posting dimana kamu pengen tulisan Read More.. muncul, dan ketik <span class=”fullpost”> sisa postingan sampai selesai </span>. Untuk menmbahkan kode ini, ketika posting kamu harus dalam mode Edit HTML bukan ComposeContoh penulisan posting:
  

  Ini adalah awal berita yang ingin saya potong karena terlalu panjang kalo postingan muncul semua, oleh karena itu saya perlu memotong berita sampai disini saja. <span class=”fullpost”> Dan ini adalah sisa postingan saya yang akan saya sembunyikan dan hanya muncul pada saat post page atau link read more.. diklik </span>
  

  Hasilnya akhir posting:
  

  Ini adalah awal berita yang ingin saya potong karena terlalu panjang kalo postingan muncul semua, oleh karena itu saya perlu memotong berita sampai disini saja.
  

  Selamat Mencoba!
  

Sumber : copy paste dari isnaini

Download Free Blogger Templates and free blogger layout. this URL link to get free template.

http://www.magznetwork.com/

http://charmskins.com/blogger-themes/

http://www.finalsense.com/services/blog_templates/

http://freeskins.blogspot.com/

http://www.finalsense.com/

http://free-blogger-templates.zeventina.com/

http://www.blogskins.com/

http://www.jackbook.com/

http://www.pyzam.com/bloggertemplates

http://www.geckoandfly.com/blogspot-templates/

1.Create a icon with Adobe photoshop, coreldraw or other image editor software

2. Upload banner to your webhosting
3. Copy this script to your blog

src=”{URL banner address}” alt=”{your URL Blog address}” border=”0? width=”{width banner}” height=”{hight banner}“><br><textarea rows=”3?><a href=”{your URL blog address}” target=”_blank”><img src=”{your URL banner address}” border=”0? alt=”{your URL blog address ” width=”{width banner}” height=”{hight banner}“></a></textarea>

4.  Please change that script with your blog address and banner URL address

And that is the result !!!

<a href=”http://mukhlis.net” mce_href=”http://mukhlis.net” target=”_blank”><img src=”http://mukhlis.net/wp-content/uploads/2008/07/070908-0331-createblogb1.gif” mce_src=”http://mukhlis.net/wp-content/uploads/2008/07/070908-0331-createblogb1.gif” border=”0″ alt=”http://mukhlis.net” width=”130″ height=”44″></a>

Memiliki sebuah toko tidaklah terlalu sulit dan membutuhkan modal yang besar, dengan modal sebuah website, webhosting, tentu juga produk yang akan dijual sudah cukup untuk memiliki sebuah toko. Punya toko online tidak dibatasi oleh tempat, karena calon pembili produk kita tersebar di seluruh dunia, tergantung bagaimana kita mengemasnya menjadi menarik.

Hari ini saya baru melihat sebuah toko online teman yang baru saja launching, ternyata cukup mudah untuk memiliki sebuah toko online, bisa menjalankan bisnis sambil kerja atau beraktifitas lain sambil membesarkan toko, kalo nilai omset toko online sudah besar bisa jadi menjadi core pendapatan/usaha.

Yang menjadi pertanyaan berikutnya adalah bagaimana cara membuat sebuah toko itu..? sekarang sangat mudah untuk membuat toko online cukup sedikit pemahaman tentang website terutama joomla, sebuah CMS (content management system) yang mudah digunakan. Bicara hal itu ini dia modul virtumart untuk jooml silahkan download

VirtueMart 1.1.1 (stable Version)

VirtueMart 1.1.1 Patch Package for Mambo and Joomla! 1.0.x (21 KB, ZIP, released June 24th, 2008)
VirtueMart 1.1.1 Patch Package for Joomla! 1.5.x (21 KB, ZIP, released June 24th, 2008)

VirtueMart 1.1.0 (stable)
VirtueMart 1.1.0 is the latest stable version available. It is compatible with Joomla! 1.0.x, Joomla! 1.5.x, Mambo 4.5.x and Mambo 4.6.x.

Joomla! 1.5 eCommerce Bundle (Mirror)
Complete Package for Joomla! 1.5 (Mirror)
Complete Package for Joomla! 1.0.x/Mambo (Mirror)
Manual Installation Package for Joomla! 1.5 (Mirror)
Manual Installation Package for Joomla! 1.0.x/Mambo (Mirror)
Language Pack (Mirror)

Lengkapnya dapat di download disini–> http://virtuemart.net/

Berikut beberapa contoh toko online kreasi Indonesia :

www.bhinneka.com
www.murah-meriah.com
www.omahkerudung.com

Selamat mencoba membuat toko online.