Wednesday 26 September 2012

Web E-commerce yang Menggunakan HTML5

HTML5 adalah revisi terbaru dari standar HTML. HTML5 banyak menawarkan berbagai fitur terbaru dalam membangun website yang interaktif dan cepat. Salah satunya ialah website Ecommerce, berbagai web ecommerce banyak yang sudah menerapkan HTML5 secara full.
Berikut ialah kumpulan website ecommerce yang menggunakan HTML5. Semoga bisa memberikan inspirasi bagi Anda para Web Designer ataupun Web Programmer dalam membangun website yang interaktif dan cantik.

Car Insurance

instantShift - Ecommerce sites using HTML5

Car Buzz

instantShift - Ecommerce sites using HTML5

Trecento Pizza

instantShift - Ecommerce sites using HTML5

Nature’s Table

instantShift - Ecommerce sites using HTML5

Quincaillerie Sucree

instantShift - Ecommerce sites using HTML5

Segen Themes

instantShift - Ecommerce sites using HTML5

Yowza

instantShift - Ecommerce sites using HTML5

Hemingways

instantShift - Ecommerce sites using HTML5

Zeus

instantShift - Ecommerce sites using HTML5

Moods of Norway

instantShift - Ecommerce sites using HTML5

Lomme Bags

instantShift - Ecommerce sites using HTML5

Kontenta

instantShift - Ecommerce sites using HTML5

Sheely

instantShift - Ecommerce sites using HTML5

Goodies for Gifts

instantShift - Ecommerce sites using HTML5

CSM Bakery Products

instantShift - Ecommerce sites using HTML5

901.com

instantShift - Ecommerce sites using HTML5

Looking 4 Parking

instantShift - Ecommerce sites using HTML5

YoArts

instantShift - Ecommerce sites using HTML5

iQuote

instantShift - Ecommerce sites using HTML5

Home Sale Online

instantShift - Ecommerce sites using HTML5

Car Blurbs

instantShift - Ecommerce sites using HTML5

G-Force

instantShift - Ecommerce sites using HTML5

Merchworld

instantShift - Ecommerce sites using HTML5

Mendo

instantShift - Ecommerce sites using HTML5

Nike Better World

instantShift - Ecommerce sites using HTML5

Gift Rocket

instantShift - Ecommerce sites using HTML5

Wantist

instantShift - Ecommerce sites using HTML5

Hyundai Veloster



instantShift - Ecommerce sites using HTML5 
Thank's to : http://www.eplusgo.com/web-ecommerce-yang-menggunakan-html5/ [source]

Monday 24 September 2012

Membuat Nomor Halaman Otomatis Untuk Tugas Akhir / Skripsi Di Ms. Word 2007

Biasanya dalam tugas akhir / skripsi segala pengaturan penulisan sudah ditentukan mulai dari margin, ukuran kertas, ukuruan font, jenis font dan lain sebagainya termasuk juga cara peletakan nomor halaman. Betul enga gan ? ente yang kuliahan ? Hahahaha…….
Penomoran halaman untuk halaman judul biasanya ada dibagian tengah bawah sedangkan untuk halaman berikutnya ada dipojok kanan atas. Nah gimana tuh bikinnya ? dengan cara manual memang bisa tapi lama banget (harus ngetik di tiap halaman) belum lagi kalau ada halamannya yang berubah, bertambah atau berkurang………… repot lagi kan ngeditnya……..
Solusinya bisa kamu lakukan dengan cara atomatis gan. Dengan fasilitas header / footer yang disediakan oleh Microsft Word. Untuk tips ini aku coba di Word 2007 untuk selain Word 2007 dicoba aja gan sendiri. Untuk Openoffice tunggu di postingan berikutnya aja. Sabar.
  1. Langkah pertama, silahkan buka halaman pertama dari halaman yang akan kamu beri nomor.
  2. Kemudian klik Menu Insert
  3. Klik Footer dan pilih Edit Footer
  4. Beri centang pada Different First Page (kalau enga muncul klik Header & Footer Tool)
  5. Klik Page Number
  6. Klik Bottom of Page trus klik Plain Number 2
  7. Sekarang geser tampilan word ke halaman kedua (bukan halaman judul)
  8. Tempatkan kursor di bagian header
  9. Klik Page Number
  10. Klik Top of Page trus klik Plain Number 3
  11. Klik Close Header & Footer (atau klik 2 kali dibagian tengah halaman)
  12. Selesai
Thx to : http://bandito.wordpress.com/2010/08/04/membuat-nomor-halaman-otomatis-word/ [source]

Wednesday 19 September 2012

Tips Mengedit Template HTML Blogger/Blogspot: Mudah dan Aman

Tips-trik edit template Blogger

Blogger adalah layanan blog gratis yang memberikan keleluasaan bagi user untuk mengedit tampilan dan fungsi blognya. Secara mendasar, Blogger berplatform HTML/XML dengan didukung pengaturan tampilan CSS dan fungsi-fungsi javascript. Kita mengenal adanya fitur edit template HTML Blogger dimana kita dapat dengan bebas melakukan modifikasi, desain ulang, hack, penambahan fitur dari pihak ketiga (third party) berupa widget, dan lain-lain.
Note: Fitur edit HTML Blogger diakses melalui dashboard > design/rancangan > edit HTML.
Beberapa kasus saya temui dari pengunjung dan beberapa teman blogger (khususnya newbie) yang mengeluh karena gagal memasukkan hack/script tambahan, tidak menemukan kode tertentu seperti yang ada di tutorial, bahkan ada pula yang templatenya "kacau" karena salah mengedit template HTMLnya.

Tips ini saya buat untuk memberi masukan dan ide dalam melakukan editing Template HTML agar hasilnya sesuai dengan yang diinginkan. Semoga bermanfaat.

1. Memahami elemen dasar dari template blogger/blogspot sangat penting, pada dasarnya ada 5 elemen penting pada template Blogger yang hampir sama dengan elemen dasar web HTML pada umumnya:
a. HTML/XML tag, yang menandakan bagian dari keseluruhan halaman, diawali dengan dan diakhiri dengan . Khusus untuk tag-tag XML, untuk template Blogger dan HTML editor setelah tahun 2007, selalu diakhiri dengan /, contoh: />.
b. Head tag, merupakan bagian dari keseluruhan head halaman, di dalamnya dimasukkan aturan-aturan yang mengatur banyak hal, termasuk tampilan (CSS), diawali dengan dan diakhiri dengan .
c. Body tag, merupakan isi dari halaman web/blog, di dalamnya terdapat konten/isi inti halaman, termasuk pula widget-widget yang menjadi bagian dari isi halaman, diawali dengan dan diakhiri dengan .
d. CSS, elemen pengatur tampilan halaman, baik dari segi warna, font, posisi, lebar luas, dan masih banyak lagi. Letaknya diantara <![CDATA[ dan ]]>
dan berada pada bagian head. Pada beberapa kasus kode CSS juga dimasukkan tepat di atas sebagai aturan tambahan.
e. Javascript, merupakan elemen yang sebenarnya mengandung software (web widget) yang berisi perintah-perintah tertentu. Biasanya digunakan untuk memasukkan elemen tambahan seperti popular post, auto readmore, dan sebagainya. Ada dua jenis javascript yang dapat digunakan: internal, yang diupload dan di-host langsung di Blogger, dan eksternal, yang diupload dan dihosting di server lain. Letaknya relatif, tergantung jenisnya. Untuk yang berjenis widget biasanya ada di dalam body.

2. Biasakan back up template terlebih dahulu sebelum editing, klik "Backup Full Template" di atas kotak "Edit HTML". Jika ada kesalahan dan anda tidak tahu script mana yang harus dibenahi, anda dapat dengan mudah mengupload file back-up template dan mengembalikan seperti semula.

3. Perhatikan benar-benar tutorial yang dibaca, jangan sampai ada yang terlewatkan. Sebagai contoh, jika harus mencentang/klik "expand widget templates", maka pastikan sudah melakukannya. Fungsi dari perintah tersebut adalah untuk membuka bagian-bagian body yang mengandung widget. Jika tidak dicentang, bagian-bagian tersebut akan "disembunyikan" oleh Blogger karena memang ditujukan untuk keamanan.

4. Ketika meng-copy script dari halaman tutorial yang anda baca, pastikan semua bagian script sudah tercopy atau jangan ada bagian selain dari script yang ikut ter-copy.

5. Jika harus mengubah isi script/kode, misalnya mengganti url blog/feed, value, dan lain-lain, salin/paste terlebih dahulu kode/script tersebut ke editor semacam notepad, wordpad, word. Setelah melakukan pengubahan script dan memastikan semuanya beres, baru masukkan script tersebut ke template HTML.

6. Agar lebih mudah dan cepat mencari kode tertentu seperti yang diminta di dalam tutorial, gunakan fitur pencarian browser, tekan Ctrl + F, setelah kotak pencarian muncul masukkan kode yang ingin dicari dan tekan next (enter).

7. Perhatikan benar-benar istilah di bawah/setelah serta di atas/sebelum, itu berarti letakkan kode benar-benar setelah atau sebelum kode yang dicari. Kode-kode dibaca oleh browser dari kiri ke kanan sebagai urutan. Atas bawah hanya digunakan untuk memberi kenyamanan dalam mengurutkan. Bagi browser, dia tetap dibaca dari kiri ke kanan. Contoh:
Kita lihat di situ ada 2 tag bersisian, jika harus memasukkan tag/kode baru di bawah/setelah , itu berarti anda harus meletakkan benar-benar setelahnya, sehingga harus digeser posisinya, atau kode/tag baru disisipkan di antara keduanya, jadinya: 


 

atau,
8. Jika memang masih belum yakin dan terbiasa, buatlah blog baru yang fungsinya untuk eksperimen dan uji coba script (trial and error). Anda bisa dengan bebas melakukan uji coba tanpa ada ketakutan template blog anda rusak atau pembaca kabur. Agar hasilnya akurat, gunakan jenis template yang sama seperti blog anda. Saya memiliki 3 blog untuk eksperimen dan mencoba script baru sehingga bisa dengan bebas melakukan apapun tanpa rasa khawatir.

9. Khusus untuk hack/script tertentu di mana tampilannya bisa langsung dilihat di homepage/beranda (misalnya: memasang readmore atau background), setelah memasukkan script dan selesai meng-edit, jangan langsung di-save dulu. Gunakan/klik fitur preview/pratinjau untuk melihat hasilnya. Jika sudah beres dan sesuai yang diinginkan, baru lah di-save.

10. Pada beberapa template, ada yang bagian tertentunya di apit oleh tag paragraf: dan
, sehingga ketika bagian tertentu tersebut dicari, seolah tidak ketemu. Jika template anda berjenis seperti ini, jangan menyerah terlebih dahulu.
Contoh:
Ketika harus mencari , dan tidak ketemu, maka ada kemungkinan tag paragraf mengapitnya (
), atau ada beberapa kondisi lain (misalnya, anda lupa mencentang "expand widget templates"). Agar lebih mudah lagi, jangan sertakan < dan /> ketika mencari (Ctrl + F), cukup gunakan data:post.body saja.

Masih ada beberapa lagi yang hendak saya sampaikan, namun sekiranya 10 poin di atas cukup lengkap untuk menjadi tips dan petunjuk agar lancar dan aman dalam mengedit Template HTML Blogger/Blogspot. Selanjutnya, sobat Blogger dapat mengembangkan dan membiasakan diri dengan template dan template editor Blogger serta melakukan editing secara mandiri (Do It Yourself [DIY]). Keep on learning and learning.
Salam.

mencuri adalah pekerjaan pengecut! © buka-rahasia.blogspot.com

3 Template Blogger dengan Desain Unik & Canggih

Banyak sekali template Blogger yang dishare secara gratis oleh para pembuatnya. Tentunya ada kekurangan dan kelebihan, tapi saat ini secara umum semua template Blogger memiliki karakteristik yg khas serta telah menggunakan CSS3 dan HTML5. Sebagian berhasil menerapkannya, sebagian lagi gagal karena berhadapan dengan masalah browser, sehingga dibutuhkan hack tambahan agar dapat ditampilkan dengan baik. Tapi adakah yang benar-benar maksimal penggunaannya sehingga menghasilkan desain yg benar-benar otentik, cantik, dan menarik? Ada!
3 Template Blogger yang saya share di bawah adalah sebagian dari template-template Blogger buatan sobat Andre 'Pandet' of urangkurai, yang ngaku "terjebak dalam dunia blogger" sehingga kalo tidur sering mimpiin kode-kode CSS, wkwkwkwk.... Peace! Template buatannya memang unik, karena memiliki desain lain dari yg lain, maksudnya ada banyak kekhasan dan bisa di bilang extraordinary banget. Dan yang jelas, CSS3, HTML5, javascript, dan Web Fonts benar-benar diimplementasikan secara maksimal.
Salah satu contohnya adalah penggunaan CSS Reset untuk menghandle dan menghindari inkonsistensi browser ketika menerjemahkan aturan-aturan CSS tertentu, misalnya line-height, margin, font-size pada judul (heading), dll. Mengapa? Karena masing-masing browser memiliki default presentasi tampilan berbeda-beda, sehingga dibutuhkan penyamaan 'persepsi' agar tampilan suatu halaman sama ketika ditampilkan oleh bermacam browser. Hal ini sangat dibutuhkan, terutama untuk struktur HTML5. Contoh lain lagi adalah pada font-font template, digunakan CSS font-face (@font-face).  CSS rounded corner tampaknya menjadi menu utama untuk mengatur dan membagi tampilan excerpt (rangkuman post) di halaman-halaman utama. Yang paling menarik adalah penggunaan CSS Transform pada tampilan header lengkap bersama menu dan search form, sehingga tampilan elemen-elemen header miring beberapa derajat. Ada banyak lagi penggunaan advanced coding lain yg tidak bisa satu per satu saya uraikan di sini.
Ketiga template sebenarnya hampir sama, dibuat untuk memberikan 3 alternatif skin atau theme dengan warna yg berbeda.
Ada sedikit problem ketika Opera digunakan untuk menampilkan halaman ketiga template ini, terutama ketika ditampilkan pada monitor/layar dengan lebar di bawah 1280px, tapi saya rasa tidak begitu masalah karena Opera adalah browser yg rajin update, sehingga akan segera menyelesaikan masalah ini.
Penasaran? Segera saja tengok 'demo' dan download template-template tersebut!

X6 Yellow Blogger Template

X6 Blogger Template

X7 Blue Black Blogger Template

X7 Blogger Template

X8 White Blogger Template

Pass (kalo diminta): buka-rahasia.blogspot.com
Yup, itu dia semua Blogger templates unik dan menarik yang saya review dan share. Silahkan dicoba dan review kembali bagaimana hasil penggunaan template blog tersebut pada blog sobat.
Have a nice Blogging!
 

Thursday 13 September 2012

Macam-macam Free Email

Jika Anda ingin mendapatkan layanan email, ada banyak website yang menyediakan layanan email secara gratis. Silakan tinggal memilih mana yang cocok menurut Anda dengan menyesuaikan kebutuhan Anda akan sebuah layanan email. Berikut ini situs penyedia layanan email gratis yang ada dan memiliki fitur yang cukup bagus dan bisa memenuhi kebutuhan:


1.Gmail

Gmail (http://gmail.com) adalah layanan email dari google.com. Gmail merupakan layanan email dan chat. Gmail menyediakan ruang penyimpanan yang tidak terbatas. Gmail memiliki banyak fitur seperti POP dan IMAP yang bisa dimanfaatkan untuk menggunakan email client seperti outlook express (termasuk microsoft outlook) maupun aplikasi handphone.

2.Yahoo Email Service

Yahoo.com merupakan perintis layanan email gratis sehingga memiliki banyak pengguna. Di samping layanan emailnya, yahoo juga banyak digunakan untuk chatting dengan aplikasi instant messenger atau sering disebut YM. Yahoo juga menyediakan ruang penyimpanan yang tidak terbatas, akan tetapi yahoo international dengan TLD .com tidak memiliki fitur POP dan IMAP. Layanan tersebut hanya terdapat pada Yahoo Regional seperti Yahoo.co.id untuk Indonesia.

3. AIM Mail

http://dashboard.aim.com/aim AIM Mail, layanan email gratis berbasis web dengan ruang penyimpanan tidak terbatas, perlindungan spam yang bagus dan antar muka yang mudah digunakan. AIM Mail juga menawarkan akses POP dan IMAP sehingga lebih fleksibel bagi anda yang mempunyai rutinitas tinggi dalam penggunaan email.

4. Windows Live Hotmail

http://hotmail.com. Merupakan penyedia layanan email gratis dengan ruang penyimpanan sebesar 5 GB, sistem pencarian yang cepat, keamanan yang solid dan antar muka yang mudah digunakan sebagai program email desktop. Windows Live Hotmail selalu memeriksa email yang masuk dengan scanning virussehingga lebih aman. Akan tetapi dengan jalanya fitur-fitur tersebut, kecepatan akses dikorbankan sehingga menjadi lebih lambat.

5. GMX Mail

http://www.gmx.com GMX Mail menawarkan akun email dengan ruang penyimpanan sebesar 5 GB dengan fitur POP sebaik layanan IMAP (untuk setting POP ke Microsoft Outlook, klik di sini). Dengan memiliki akun GMX Mail sahabat juga bisa membaca akun email lain termasuk Yahoo, Gmail, dan Windows Live Hotmail.

6. Inbox.com

Inbox.com menawarkan layanan email gratis dengan ruang penyimpanan sebesar 5 GB (untuk warga Amerika Serikat, Canada, dan Inggris). Sedangkan untuk user dari negara lain hanya sebesar 2 GB. Namun dengan memiliki akun di Inbox.com kita akan mendapatkan homepage Inbox.com pribadi serta Online Photosharing dengan ruang penyimpanan sampai 30 GB.

7. Mail.com

http://www.mail.com Mail.com sangat bagus untuk sebuah nama domain email. Dengan mendaftar di Mail.com sahabat bisa memilih bermacam-macam domain untuk email sahabat. Akan tetapi layanan keamanan di mail.com lebih sedikit jika dibandingkan dengan layanan email lainnya.

8. Own Email

www.ownemail.com Situs ini hampir sama dengan www.mail.com yang memberikan sahabat keleluasaan memilih sejumlah nama domain untuk accaount email sahabat. Kapasitas email yang diberikan oleh situs ini adalah 50 pesan, namun mereka memiliki beberapa fitur yang cukup baik, seperti Encrypt outgoing messages, Unlimited Signatures, Priority Notification, Signature Files, SpamFilter, dan sebagainya.

9. Gawab.com

Gawab.com sangat, cepat, stabil dan sangat berguna layanan email gratis dengan 10 GB memori, akses POP dan IMAP juga banyak yang berbasis web hore.
sayangnya Gawab.com ‘s tidak memberikan sahabat akses ke label, dan pencarian pesan yang hilang.

10.BigString.com

BigString.com mempunyai memori gratis 2 GB layanan email yang aman dan surat tercatat layanan dan memungkinkan sahabat melindungi sandi dari kadaluarsa atau mengedit pesan yang dikirim, misalnya.Sayangnya, BigString.com tidak dilengkapi dengan fitur yang baik untuk menangani surat masuk dan tidak memiliki alat pengorganisasian

11. Easy.com

www.easy.com Menyediakan email gratis berkapasitas 3 MB, lengkap dengan fasilitas kalender

12. Excite.com

www.mail.excite.com adalah sebuah portal yang mirip yahoo, dimana sahabat bisa menikmati berbagai layanan jika memiliki sebuah account di situs ini. Kapasitas yang disediakan adalah 3 MB.

13. Hush Mail

www.hushmail.com Situs ini menawarkan email gratis dengan fasilitas enkripsi untuk mengamankan lalu lintas email sahabat. Sebelum mendaftar sahabat diwajibkan menginstal program Hush Encryption Enginedi computer sobat.

14. MyRealBox

www.myrealbox.com Situs ini menyediakan email gratis berkapasitas 10 MB. Keistimewaannya sahabat bisa mengecek email sahabat melalui program email client seperti Outlook Express dan sebagainya, menggunakan IMAP server sama seperti Hotmail.

15. Postmaster

www.postmaster.co.uk Situs yang berbasis di Inggris ini menyediakan email gratis berkapasitas 3 MB, dengan fitur-fitur tambahan seperti forum diskusi, poling, dan kartu ucapan.

16. Softhome

www.softhome.net. Lumayan juga. Meski loadingnya agak lambat.

17. TELKOM.NET

http://mail.telkom.net adalah layanan e-mail gratis dari TELKOM. Kapasitas simpan hanya 10 MB. Cukup cepat karena servernya di Indonesia. Interface-nya berbahasa Indonesia.

18.OPERAMAIL.COM

http://www.operamail.com
selain menyediakan browser opera yang bisa sahabat download secara gratis,disini sahabat juga dapat membuat email gratis dari opera,tapi sayang kapasitas penyimpanannya hanya 3MB

source : http://yoghiepurna.wordpress.com/2011/10/06/macam-macam-free-email/ [with editing] 
www.infoviaweb.co.cc © 2011 Template by:
Sanjaya