PrestaShop Situs Toko Online Boleh Juga Nih...
04:59 |
Diposkan oleh
depalpiss
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 :
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.
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 :
- Download software prestashop
- Up laod ke hosting
- Buat data base di hosting (mysql)
- Kemudian install software prestashop
- 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
Penulis Tamu - Guest writer di piss-blogger.blogspot.com
05:18 |
Diposkan oleh
depalpiss
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 :
Salam menulis.
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.
Salam menulis.
Trik homepage blog Artisteer
02:55 |
Diposkan oleh
depalpiss
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:
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.
Dengan cara, yaitu:
Copy- paste kode berikut di bawah kode
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
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 == "item"'>
<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 == "item"'>
<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 == "item"'> 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
Membuat favicon tab browser wordpress dengan Artisteer
23:53 |
Diposkan oleh
depalpiss
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
Cara merubah warna background menjadi gradien
14:42 |
Diposkan oleh
depalpiss
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.
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....
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....













