SOFTWARE FULL VERSION 2013

Welcome to my website design

B logosphere (dunia blog) sangat mengasyikkan setelah menyelaminya. Saya senang saat pertama punya blog gratis platform blogger dari www.blogger.com. Saya antusias dengan apapun yang terkait dengan website atau blog,  2 Oktober 2010 sebagai tanggal jadi saya menjadi website publisher. Blog pertama http://yusufzulkarnain.blogspot.com dibuat hanya perlu waktu 15 menit saja.

Hampir 3 tahun di Blogosphere dan 2 tahun menekuni website design. Blog di hadapan Anda ini adalah kompilasi  materi sejauh ini saya dapat di bidang website design : script, CSS, HTML, Javascript, jQuery, Control Panel, PHP, MySQL, toko online spesialist Prestashop dan SEO (biasanya langsung dipraktekkan di blog ini).

Alhamdulillah, Allah memudahkan hamba-Nya memahami semua ini. Saya ingin share juga berbagi kegembiraan atas hasil analisa https://www.lipperhey.com/ terhadap blog ini.

Anda bisa mendapatkan blog perdana kurang kurang dari 10 menit. Syaratnya hanya perlu alamat Gmail karena platform gratis blogger dimiliki Google. Makanya tidak aneh jika posting segera diindeks (muncul) di halaman hasil pencarian Google meski blog belum submit ke mesin pencari Google.

 

Submit blog baru ke Google, Yahoo Search Engine dan search engine lain agar diindeks cepat.

Menginginkan blog perdana?  Buka saja link berikut:

Be Blogger! : Bagaimana Membuat web Blog Gratis?

Kembali ke suasana hati punya blog baru. Rasanya begitu mudah. Banyak hal saya pikirkan untuk content. Saya ingin segera menulis dan terus menulis. Hingga punya 11, 5 blog aktif (2 bahasa Inggris http://breakdown-free-cover.blogspot.com & http://breakdown-cover-cheap.blogspot.com) & 6 terlantar.

Selamat datang di komunitas Blogger  …  Welcome to Website Publisher

Menurut Wikipedia, sampai 16 Februari 2011 lebih 156 juta blog publik eksis. Blog adalah bagian dari website dan dikelola Administrator individu yang memelihara atau menambahkan content. Blog dilengkapi dengan entri komentar, teks deskripsi, materi foto, gambar, grafis, animasi, banner, flash dan video. Entri ditampilkan dalam urutan kronologis terbalik.

Website bersifat statis jarang di-update (eg. situs resmi go.id, company profile etc), sementara blog bersifat private dan interaktif (memungkinkan reader meninggalkan komentar, tanggapan, pertanyaan, jawaban dan pesan. Interaktivitas ini membedakan antara blog dan website (situs statis).

Banyak blog memberikan komentar, berita atau menjadi diary online. Sifat blog khas menggabungkan teks, gambar dan link ke blog lain, halaman Web atau media lain yang relevan. Kemampuan meninggalkan komentar dalam format interaktif merupakan bagian penting dari blog.

Kebanyakan blog sangat tekstual, blog lain fokus pada seni (art blog), foto (photo blog), video (video blogging), musik (MP3 blog), audio (podcasting blog) atau jenis Micro blogging yang menampilkan konten sangat pendek.

Blogger has imposed the following limitations on content storage and bandwidth, per user account:^[14]

• Number of blogs = Unlimited
• Size of pages = Individual pages (the main page of a blog / archive pages) are limited to 1MB
• Number of labels = 5,000 unique labels per blog, 20 unique labels per post
• Number of pictures (hyperlinked from user's Picasa Web Album) = Up to 1 GB of free storage
• Size of pictures = If posted via Blogger Mobile, limited 250 KB per picture; posted pictures are scaled to 800px
• Team members (those that can write to a blog) = 100
• Stand-Alone Page = Limited to 10 page which can be standing alone

On February 18, 2010,^[15] Blogger introduced "auto-pagination", which limited the number of posts that could be displayed on each page, often causing the number of posts on the main page to be less than that specified by the user and leading to a hostile response from some users.

Sejarah mengelola blog awalnya sulit. Mulanya disyaratkan mengerti source code. Tapi kini orang awwam bisa punya blog. Untuk kustomisasi harus tahu HTML (Hyper Text Markup Language) untuk membangun struktur webpage, CSS (Cascading Style Sheets)  untuk setting tampilan rapi indah (Beautiful Website and eye-chatching), Javascript etc..

 
Notepad++ (versi terbaru)

Anda bisa gunakan Dreamweaver, HomeSite dan software HTML Editor WYSIWYG (What You See Is What You Get) lain sehingga tidak lagi tergantung aplikasi HTML Editor apapun.

Dreamweaver, HomeSite dan FontPage hanya mempermudah membuat dan edit source HTML.

Jika sama sekali tidak ditemukan file robots.txt, maka robots mesin pencari AKAN MENGINDEKS SEMUA HALAMAN, termasuk baris-baris, file teks “disallow” folder atau halaman tertentu yang (sebenarnya) Anda tidak menghendaki untuk diakses oleh robot-robot mesin pencari.

Sebagai contoh, adanya perintah 'Disallow: /contact.html' dalam file robots.txt untuk memastikan bahwa “HALAMAN KONTAK” tidak akan ditampilkan dalam SERPs (Search Engine Result Pages).

Kesalahan penggunaan baris “disallow” banyak terjadi karena para blogger dan webmaster pemula seringkali melakukan “Try and Error” atau “Learning by Doing” dalam proses belajar. Jika Anda termasuk di dalamnya dan coba-coba menuliskan Baris : 'Disallow: /' saja, tanpa diikuti tambahan halaman atau folder apapun, akan BERAKIBAT FATAL – dipastikan SELURUH ISI WEBSITE (semua halaman web) tidak akan diindeks oleh robots – artinya seluruh halaman blog atau website sama sekali tidak ada di halaman hasil pencarian semua search engine.

Semua praktek SEO dan kerja-keras Anda membangun blog atau pun website akan sia-sia.

Maka biasakan Anda selalu memeriksa file robots.txt untuk memastikan bahwa perlakuan Anda terhadap baris disallow dalam file tersebut sudah benar. Dan untuk memastikan keberadaan file tersebut klik saja link ini : robots.txt file.

Secara default file robots.txt ada dalam dokumen file situs. Jika file ini sama sekali tidak disentuh, maka semua isi blog akan diindeks robots web crawler. Ini tidak baik untuk SEO blog karena content tidak relevan dan tidak penting akan diindeks. Jadi lebih baik Anda menyodorkan file/folder/direktori mana yang tidak ingin dirayapi oleh robots Crawler mesin pencari.

• Meng-indeks dan membatasi halaman web yang ditargetkan
• Mempercepat proses peng-indeks-an
• Menambah nilai SEO pada website
• Mengantisipasi terjadinya duplikat content
• Menjaga file sistem dari peng-indeks-an

 

CSS merupakan bahasa pemrograman untuk mengkontrol komponen website sehingga lebih terstruktur dan seragam. Dengan Cascading Style Sheets memungkinkan ditampilkan page yang sama dengan format berbeda. Penempatan rule (kode) style CSS diletakkan terpisah dari isi halaman kode HTML. Isi halaman kode HTML diletakkan dalam file HTML, sedangkan kode style CSS dapat berupa file lain, yaitu file .css atau bisa juga sebagai salah satu bagian dari file HTML yang ditaruh dalam tag <head>.

CSS adalah kumpulan batasan (Rule) untuk memformat dan mengendalikan tampilan isi suatu halaman website (webpage).

Ada 3 bentuk (type) CSS styles :

1. INLINE STYLES
   Inline styles adalah styles CSS yang ditulis langsung ke suatu tag pada dokumen HTML. Inline styles HANYA berpengaruh ke tag tertentu saja (hanya untuk tag dimana inline stlyles dituliskan).
   
   Contoh syntax yang bisa digunakan :
   
   :<a href="" style="text-decoration: none;">
   
   
2. EMBEDDED STYLES
   Embedded styles adalah styles CSS yang embedded (tertaman) di bagian head documen HTML. Embedded styles HANYA berpengaruh ke tag-tag pada halaman-halaman web tertentu yangmana Embedded styles ditanamkan di dalamnya.
   
   Contoh syntax yang bisa digunakan :
   
   <style type="text/css"> p { color: #00f; } </style>
   
   
3. EXTERNAL STYLES
   External styles adalah styles CSS yang ditulis dalam suatu file CSS yang terpisah dan kemudian terpasang pada Web document. External style sheets berpengaruh pada dokumen apapun yang ada dalam web document.
   
   Contoh syntax yang bisa digunakan :
   
   <link rel="stylesheet" type="text/css" href="styles.css" />

   Para prakttisi CSS terbaik menyarankan agar kita memprioritaskan (terutama) menggunakan external style sheets untuk styling halaman-halaman Web (webpages) sehingga Anda akan mendapatkan manfaat terbaik dari penggunaan cascade dan inheritance.

How to Write an Inline Style

Inline styles merupakan CSS styles yang diterapkan HANYA untuk SATU elemen SAJA.  Penulisannya menggunakan style attribute. Adapun cara penulisannya sebagai berikut :

• Tulislah style property Anda dengan cara yang sama seperti Anda akan menuliskannya di sebuah Style Sheet. Tapi perlu menjadi semuanya dalam satu baris. Beberapa properti terpisah dengan semi-kolon (;) seperti yang Anda lakukan dalam style sheet. Lihat Syntax dibawah ini. 
  
  background:#ccc; color:#fff; border: solid black 1px;
  
• Tempatkan baris styles tersebut dalam atribut style dari elemen yang Anda inginkan untuk ditata. (misalnya elemen paragraf (p) pada content teks seperti dibawah ini).
  
  

  <p style="background:#ccc; color:#fff; border: solid black 1px;">

Kelebihan dan Kekurangan Inline Style

1. Kelebihan Inline Style

   Cascade, inline styles (CSS Inline Styles) ini memiliki hak untuk didahulukan dibanding dengan kedua tipe CSS lain. Itu berarti Inline Styles akan diterapkan tidak peduli apapun *   Satu-satunya styles yang memiliki prioritas lebih tinggi daripada Inline Style adalah user styles.

   Jadi jika Anda mengalami kesulitan mendapatkan perubahan untuk menerapkan mererapkan CSS, maka SOLUSI Anda dapat mengatur dengan menggunakan Inline Style pada elemen yang Anda inginkan (Misalnya penerapan CSS untuk elemen PARAGRAF (p) pada content teks). Jika masih tidak ada perubahan, berarti ada sebab lain dan harus Anda cari tahu..

   Inline Style mudah dan cepat untuk ditambahkan. Anda tidak perlu untuk membuat dokumen baru (seperti dengan style sheet eksternal) atau mengedit elemen baru di bagian header dokumen web Anda (seperti dengan style sheet internal). Anda hanya perlu menambahkan atribut style yang berlaku pada hampir setiap elemen XHTML.

2. Kekurangan Inline Style

   Masing-masing inline style bersifat spesifik dalam Cascade, konsekuensinya akan melelahkan karena setiap inline style harus Anda setting. Inline styles harus diaplikasikan pada setiap elemen yang Anda inginkan.  Misalnya Anda ingin seluruh paragraf harus menggunakan font family “Arial.” maka Anda harus menambahkan sebuah inline style ke setiap <p> tag pada dokumen web.

   Inline Style menambahkan beban pemeliharaan (pengeditan) untuk web designer dan juga waktu download untuk pengunjung (reader) blog.

   Tidak mungkin melakukan style terhadap pseudo-elements dan -classes dengan inline styles.

   Sebagai contoh, dengan external dan internal style sheets, Anda dapat mengatur style warna anchor tag untuk visited, hover, active, dan link. Tetapi dengan inline style semua yang dapat Anda atur style-nya adalah HANYA untuk masing-masing link itu sendiri.  karena memang seperti itulah ATRIBUT STYLE ditambahkan.

Rekomendasi

SELESAI – Happy Blogging!

Catatan untuk tanda bintang *

* Pada beberapa kasus Inline Style dapat ditimpa, seperti dengan atribut penting atau dengan style sheet user. Tetapi prinsipnya dengan penggunaan CSS yang khas, Inline Style akan memiliki prioritas tertinggi.

Source : What is a CSS Inline Style?

---

 

Search Engine Optimization          atau SEO  adalah proses dan melibatkan teknik-teknik untuk memodifikasi website atau blog dengan cara baik (hindarkan cara “Black Hat SEO”) untuk mendapatkan posisi peringkat lebih baik di halaman-halaman hasil pencarian search engine (Search Engine result Pages atau SERPs).  Penerapan tips SEO selalu sebagai opsi pilihan atau sebagai rekomendasi - tetapi bagi blogger yang goal oriented, praktek SEO ini hukumnya WAJIB.

 

Ada banyak tahap-tahap tindakan yang harus dilakukan atau banyak tindakan yang terlibat dalam proses SEO, seperti berikut di bawah ini :

Semua itu hanyalah daftar pendek step-step yang harus dilakukan. Sebenarnya juga ada banyak konsiderasi (pertimbangan) yang harus diperhitungkan ketika Anda putuskan optimisasi mesin pencari untuk website Anda. Proses SEO terbaik untuk website Anda adalah lakukan coding yang disesuaikan dengan Search Engine Friendly fashion. Silahkan lakukan eksplorasi teknik, tips dan trik SEO pada daftar tindakan di atas.

---

The last line in an audit; the line that shows profit or loss.

Sebelumnya saya sering melihat file ini sejak pertama kali membuka konfigurasi folder dan file di cPanel, namun saya bersikap abai. Meski kadangkala saya harus berurusan dengan file satu ini. Ketika saya bikin toko online baru dengan CMC Prestashop saya temukan message ini :

Your .htaccess file must be writable

Apa yang dimaksud dengan file .htaccess?

Tulisan kali ini bersifat praktis saja meski ada sedikit teoritis konseptual.
File ini sangat penting untuk bermacam setting di hosting.  Blocking IP, mem-proteksi file / folder, nge Redirect halaman / page atau mengusir bot jahat (hampir mirip menghalau menggunakan robots.txt), Menambahkan MIME, Menangani 404 page etc..
File .htaccess adalah file extension. Tanpa embel-embel namafile.htaccess atau index.htaccess atau semacamnya. cukup .htaccess.  File ini harus di- upload ke server pakai ASCII mode, jangan BINARY karena Windows tidak (bisa) mengenal extensi tanpa nama file. Jika tetap memaksakan diri akan timbul error seperti gambar di samping kiri :
Maka untuk menciptakan .htaccess bisa dilakukan langsung melalui cPanel atau pakai FTP client (smartFTP atau FileZilla)

Apa itu .file htaccess?

.htaccess file – This is the default name of a configuration file that contains “server directives” (commands known by the server) that tell the server how to behave. One common use for an .htaccess file is to restrict access (password-protection) to specific files or directories on the Internet or intranet, or to specify a particular web page to be accessed when there the file requested by the browser is not found (error 404).

Pada baris-baris awal file .htaccess dalam CMS Prestashop akan ditemukan notification semacam ini :

suhosin.request.max_vars = 4384
suhosin.post.max_vars = 4384

# ~~start~~ Do not remove this comment, Prestashop will keep automatically the code outside this comment when .htaccess will be generated again
# .htaccess automaticaly generated by PrestaShop e-commerce open-source solution
# http://www.prestashop.com - http://www.prestashop.com/forums

File .htaccess merupakan hidden file (terlihat dari tanda titik di depan nama file) dan salah satu yang mendasar dalam hosting. Maka pastikan untuk mencentang opsi ‘view hidden file’ saat Anda masuk ke menu file manager di cPanel. Jika tidak, Anda akan kesulitan mencari letak file .htaccess ini.
Setting permission file ini pada CHMOD ialah 644 or (RW-R–R–). Sehingga ia berguna untuk dimanfaatkan oleh server tetapi tetap dapat mencegah dapat terbaca oleh browser user. Atau mencegah user meng-edit dari web browser. Jadi untuk mengedit file ini harus dilakukan dari hosting manager.
Command pada .htaccess biasanya harus diletakkan pada 1 baris. jadi coba dicheck wordwrap pada text editor yang digunakan (disable mode on)
File .htaccess digunakan untuk setting konfigurasi default server. Konfigurasi server yang di-setting melalui file .htaccess ini berpengaruh pada sub-directory yang ada di bawahnya. Karenanya cukup 1 file .htaccess saja di public.html (root directory) untuk mempengaruhi keseluruhan sub-directory yang ada di dalamnya.
Jika dalam sub-directory dibutuhkan setting konfigurasi yang berbeda dengan directory utamanya (misal, untuk setting subdomain atau addon domain) maka perlu dibuat file .htaccess di sub-directory tersebut.
Kegunaan file .htaccess lainnya adalah untuk bikin setting yang berbeda antara di server induk (php.ini) dan di account hosting, memblokir IP tertentu, redirect web, mengubah tingkatan file index etc..
Referensi :    http://www.greenwebdesign.com/Glossary-Of-Technical-Terms.htm

Terkait dengan cara pembayaran tagihan Anda di toko online atau aktifitas transaksi lain yang mensyaratkan penggunaan fasilitas perbankan, banyak pihak tentu berkepentingan dengan informasi di bawah ini. Berikut adalah daftar 3 digit no seri bank di Indonesia jika Anda berkeinginan mentransfer dana ke rekening relasi Anda atau membayar tagihan pesanan Anda di toko online.

Just Share Now ... :)

No.	Nama Bank	Kode
1	BNI	009
2	Bank Mandiri	008
3	Bank BRI	002
4	Bank Danamon	011
5	Bank Niaga	022
6	Bank Permata	013
7	Bank Mega	426
8	Bank Bukopin	441
9	Bank Muamalat Indonesia	147
10	Bank NISP	028
11	Bank Mayapada	097
12	Bank Syariah Mandiri	451
13	Bank Syariah Mega Indonesia	506
14	Bank Arta Niaga Kencana	020
15	Bank Buana Indonesia	023
16	ABN AMRO Bank	052
17	Lippobank	026
18	Bank Ganesha	161
19	Bank Mayora	553
20	Bank International Indonesia	016
21	Bank Bumiputera	485
22	Bank Nusantara Parahyangan	145
23	Bank Mestika	151
24	Bank IFI	093
25	Bank Panin	019
26	Bank Commonwealth	950
27	Bank Agroniaga	494
28	Bank HS 1906	212
29	Bank Eksekutif	558
30	Bank Artos Indonesia	542
31	Bank Swadesi	146
32	Standard Chartered Bank	050
33	BPD Lampung	121
34	BPD DIY	112
35	Bank Sulut	127
36	Bank BPD Jambi	115
37	Bank Riau	119
38	BPD Bali	129
39	Bank BPD Kaltim	124
40	Bank Jatim	114
41	Bank Nagari	118
42	BPD Aceh	116
43	Bank Papua	132
44	BPD Kalsel	122
45	Bank DKI	111
46	Bank Ina Perdana	513
47	Bank Sumut	117
48	Bank Maluku	131
49	Bank BPD Sulsel	126
50	Bank NTT	130
51	Bank BPD NTB	128
52	Bank Jabar	110
53	BPD Kalteng	125
54	Bank BPD Sultra	135
55	Bank Bengkulu	133

Selamat berbelanja semoga informasinya bermanfaat.