PostHeaderIcon PrestaShop Situs Toko Online Boleh Juga Nih...

Buat netter yang ingin mengelola bisnis online sendiri di perlukan sebuah situs toko online, untuk memiliki website took online lumayan mahal, solusi hematnya adalah membuat sendiri. Banyak software open source yang dapat di manfaatkan untuk kebutuhan tersebut mulai dari  joomla, opencart, oscommerce dan banyak lainnya. Satu lagi yang mungkin bias di manfaatkan dan gratis adalah PRESTASHOP.

PrestaShop banyak dipilih untuk di jadikan engine took online di karenakan kaya dengan fitur lebih dari 250an fitur keren di dalam software open source ini, namun memang untuk menginstal software ini masih rada-rada ribet lantaran tidak tersedia melalui auto installer yang terdapat di panel hosting macam Fantastico Deluxe, jadi harus mengintal secara manual. Namun tidak perlu khawatir karena cara instalnya pun tidak susah-susah amat, beberapa langkah utama dalam mengintal PrestaShop :
  1. Download software prestashop
  2. Up laod ke hosting
  3. Buat data base di hosting (mysql)
  4. Kemudian install software prestashop
  5. Ikuti langkah-langkah petunjuk yang ada di layar monitor

Banyak Theme-Theme Keren

Keunggulan lainnya adalah banyak tersedia theme-theme keren yang dapat membuat situs took online kamu menjadi spektakular alias keren buanget, sebagian besar theme ini adalah berbayar, namun ngga perlu khawatir harganya cukup murah di bandingkan kamu harus mengunakan jasa web design untuk membangun sebuah took online.

Jumlah AddOns Yang Juga Banyak

Banya web developer yang mengembangkan aneka script menjadi AddOns untuk PrestaShop, jadi kamu bias menambah fasilitas ke dalam took onlinemu sehingga makin canggih dan sesuai dengan kebutuhan pasar modern. Tipsnya agar kamu dapat mengembangkan situs took onlinemu adalah dengan bergabung di dalam forum PrestaShop, sekarang sudah ada lho forum PrestaShop yang berbahasa Indoensia. Jadi kamu bisa belajar banyak dari pengalaman teman-teman yang lain, namun kalau kamu ngga mau riber dan ingin terima beres kamu bias pekerjakan saya untuk membangun toko onlinemu.

Tunggu apa lagi, teknologi sudah menyediakannya saatnya memanfaatkannya.

Author : Su Rahman
Weblog : www.c-4webdesign.info
Original Link : PrestaShop Oke Juga !
Pengen tulisannya nangkring di blog ini cari tahu caranya di sini
baca tulisan selengkapnya »

PostHeaderIcon Penulis Tamu - Guest writer di piss-blogger.blogspot.com

Buat teman-teman yang ingin sharing tulisannya di blog ini, di persilahkan.

keuntungan dengan sharing di blog ini adalah dapat dengan mudah di temukan dalam pencarian search engine google.

Berikut adalah data dari histats.com per-Januari 2011 (data akan terus di update). Yaitu datangnya jumlah pengunjung dari search engine, yang semakin meningkat perbulannya.

Data 1


Data 2


Dengan kata lain sobat akan mendapatkan backlink di artikelnya yang di tulis di blog ini.

Ketentuan :
  • Mengirimkan draf tulisannya via email : depalpiss@yahoo.com .
  • Tulisan Asli, artinya bukan hasil copy-paste dari blog orang lain.
  • Berikan sedikit penjelasan tentang diri sobat.
  • Berikan link utama blog sobat contoh : piss-blogger.blogspot.com.
  • Berikan link original di mana artikel tersebut di muat di blog sobat contoh : piss-blogger.blogspot.com/2011/10/penulis-tamu-guest-writer-di-piss.html .
  • Semua Artikel akan di review terlebih dahulu.
  • Artikel hanya berkenaan dengan tutorial seputar blogging, tips dan trik ataupun tulisan yang berkenaan dengan topik di blog ini yaitu seputar kegiatan blogging.
  • piss-blogger.blogspot tidak bertanggung jawab atas artikel yang di tulis oleh Penulis Tamu (Guest writer), isi adalah tannggung jawab pengirim tulisan tersebut, yang di setiap artikelnya akan di sertakan link penulis.
Hanya itu saja ketentuannya silahkan jika berminat membagi tulisannya di blog ini.

Salam menulis.

baca tulisan selengkapnya »

PostHeaderIcon Trik homepage blog Artisteer

Jangan lupa untuk mencentang ‘Expand Template Widget’ pada fitur ‘rancangan’ di bagian ‘edit HTML’, dan Download Template Lengkap terlebih dahulu sebelum melakukan modifikasi ini.

Nah, sekarang kita mulai modifikasi – langsung saja.

copy kode di bawah ini:


<b:if cond='data:blog.homepageUrl == data:blog.url'>

<style>

.art-Post,.blog-pager {display:none !important;}

</style>

</b:if>
kemudian paste di bawah kode ini:


]]></b:skin>
Keterangan:

Kode <b:if cond='data:blog.homepageUrl == data:blog.url'> adalah kode yang menunjukkan langsung pada halaman pertama di blogspot yang akan selalu muncul pada saat kita meload alamat blog dari blogspot yang dituju.

Perbedaan template yang dibuat di Artisteer adalah pada kode CSS posting yang sebetulnya merupakan widget/gadget dengan id=’Blog1’ sebagai bagian dari class=’art-post’.

Namun, permasalahannya bila kita sembunyikan id=’Blog1’ maka kita akan kesulitan dalam pengaturan di fitur ‘rancangan’ pada bagian ‘elemen laman’, karena widget itu tidak akan tampak pada ‘elemen laman’.

Oleh karena itu sebaiknya ‘class’-nya saja yang disembunyikan pada halaman depan sehingga kita tetap dapat melihatnya pada fitur ‘rancangan’.

Dan hanya kode itulah yang kita butuhkan untuk menyembunyikan widget posting di halaman depan blogspot agar tidak muncul setiap saat kita klik menuju homepage, widget itu tetap berada di sana hanya kita lah yang menyembunyikannya dari homepage.

Kemudian untuk lebih tampak bagus alangkah baiknya kita buat kata sambutan dengan menggunakan widget ‘html’ melalui fitur ‘rancangan’ di bagian ‘elemen laman’, dan untuk menggunakan ini ada baiknya kita tambah lagi pengetahuan kita dengan cara penulisan untuk kode HTML agar lebih rapi.

Agar lebih mudah dalam tampilannya, maka buatlah terlebih dahulu sebuah kolom di bawah postingan dengan perubahan kode sederhana, sebagai berikut.

<div class='art-contentLayout'>
<b:section class='art-content' id='main' showaddelement='no'>
Kemudian ubah ‘showaddelement’ dari =‘no’ menjadi =‘yes’.
Fungsi dari kolom ini nantinya akan kita gunakan untuk membuat pengantar atau sejenisnya (terserah kita) yang hanya akan tampak di halaman depan blog, dan yang tidak kalah penting adalah jangan lupa untuk menyembunyikan ‘widget id dari kolom’ yang kita gunakan sebagai pengantar tersebut agar tidak muncul pada halaman yang lainnya.

Dengan cara, yaitu:

Copy- paste kode berikut di bawah kode


]]></b:skin>

<b:if cond='data:blog.homepageUrl != data:blog.url'>

<style>

#(widget id) {display:none !important;}

</style>

</b:if>



<b:if cond='data:blog.pageType == &quot;item&quot;'>

<style>

#(widget id) {display:none !important;}

</style>
</b:if>
Sehingga tampilan semua kode nya menjad :



<b:if cond='data:blog.homepageUrl == data:blog.url'>
<style>
.art-Post,.blog-pager {display:none !important;}
</style>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>

<style>

#(widget id) {display:none !important;}

</style>

</b:if>



<b:if cond='data:blog.pageType == &quot;item&quot;'>

<style>

#(widget id) {display:none !important;}

</style>
</b:if>
Kode <b:if cond='data:blog.homepageUrl != data:blog.url'>  menunjuk kepada halaman selain homepage, dan kode <b:if cond='data:blog.pageType == &quot;item&quot;'>  menunjuk kepada halaman posting/artikel, dan dari sinilah akan kita sembunyikan widget posting.

Sedangkan, kode ‘blog-pager’ adalah elemen ‘navigasi next-previous’ yang biasanya berada di bawah posting, dan itu sebaiknya disembunyikan karena tidak terlalu perlu berada di halaman depan karena sudah ada navigasi menu.

Yah, sebetulnya cuma itu saja trik yang dibutuhkan untuk menyembunyikan widget posting dari halaman depan di blogspot, namun sementara ini hanya dapat dilakukan pada template blogger buatan Artisteer, tapi tidak menutup kemungkinan bahwa template umum yang lainnya dapat dilakukan – hanya tinggal menemukan kode yang sama dengan clas=‘.art-Post’  di Artisteer dan meyembunyikannya dari halaman depan.

tengkiyu

Author : Agung Pramono
Blog Author : diktathukum.blogspot.com
Original Link : MEMBUAT HOMEPAGE DI TEMPLATE ARTISTEER
Pengen tulisannya nagkring di blog ini cari tahu caranya di sini
baca tulisan selengkapnya »

PostHeaderIcon Membuat favicon tab browser wordpress dengan Artisteer


Tutorial kali ini, adalah bagaimana cara membuat logo icon yang di tampilkan pada jendela browser pada saat blog atau website di buka.

Favicon juga di kenal sebagai Web site icon, url icon, bookmark icon atau shortcut icon merupakan file berektensi favicon.ico di tempatkan di root directory dengan ukuran yang kecil umumnya sekitar 16x16 pixels.

Dengan menggunakan artisteer 3, hal ini dapat dengan mudah dilakukan untuk blog berbasis wordpress, langsung saja untuk melihat tutorialnya silahkan

KLIK DI SINI

Sumber gambar : wikipedia - the free Encyclopedia - Wikipedia's favicon, shown in Firefox - Favicon
baca tulisan selengkapnya »

PostHeaderIcon Cara merubah warna background menjadi gradien

Gradien pada latar belakang atau background blog berfungsi untuk mempercantik tampilan blog. Berikut adalah cara untuk mengganti warna background blog Anda menjadi gradien untuk memberikan kesan lembut dan cantik.

Untuk demo atau sample tampilan akhir silahkan klik di sini

Gi mana tertarik, untuk latihan kita akan mengunakan gradien yang simple yaitu warna gradien biru transparan. Selebihnya jika ingin anda bisa berekperimen sendiri. Oke go on ke tutorial.

Pertama-tama kita membutuhkan bantuan gradien editor, pada tutorial ini saya menggunakan colorzilla gradien editor untuk mengambil sample contoh gradien yang nanti di terapkan pada background blog kita.

Monggo langsung meluncur klik di sini

Sudah good!!,


Now... Pada Presets pilih Blue To Transparent no 6 dari kiri lihat gambar.



Pada Priview pilih Orientation: vertical. size tidak usah diubah biarkan seperti itu saja.



Pada Color format: pilih rbga. Comment bisa di centang atau tidak di centang tidak masalah.


Nah sekarang pada CSS copy semua kodenya.

Langkah selanjutnya....

Login ke dasbor blogger --- KLIK Template --- KLIK EDIT HTML.

NOTE : Jika loadingnya terlalu lama silahkan langsung KLIK  Procced untuk mempercepat.

Sekarang cari kode CSS :


body (lihat gambar) gunakan F3 untuk mempermudah pencarian. Di dalam CSS body cari background-color atau background dan hapus.

Lalu ganti dengan kode CSS dari colorzilla gradien editor dan pastekan tepat di situ (lihat gambar). Dan simpan template Priview dan Beres.


Selanjutnya hanya tinggal mengekplor sendiri, untuk tampilan gradien yang lain sesuai dengan style Anda. Di kotak-atik saja pengaturan di colorzilla gradien editor, seep selamat berkreasi, salam....

baca tulisan selengkapnya »
Memuat...

Subscription & Comments

Add Me ♣ Social Network
[ ]

Twitter Update

Arsip Blogger Mania Indonesia

sobat2 blogger Indonesia

Buku Bisnis Online

Stop Censorship