Author by : Doublehorn
DAFTAR ISI
Protected by Copyscape Online Infringement Detector
aboutus website design services

Willkommen auf mein web blog

Best regard. I will do my best to make it interesting and useful. Greeting to toko online Prestashop!

28 November 2014

Jaringan Internet 4G di awal Desember 2014


Berita gembira bagi pengguna internet dan para netizen Indonesia. Pemerintah telah sepakat membuka jaringan 4G LTE bagi operator telekomunikasi. Layanan komersial ini dipastikan diluncurkan pada awal Desember tahun 2014. Untuk permulaan, pemerintah akan membuka pada frekuensi 900 Mhz, seperti dilansir Okezonenews.

▬▬▬▬▬▬▬▬▬▬▬▬▬ஜ۩۞۩ஜ▬▬▬▬▬▬▬▬▬▬▬▬▬

“Desember. Sekarang 900 Mhz. Kemudian awal tahun depan kita akan tata untuk menyiapkan frekuensi di 1.800 Mhz, 2.100 Mhz, dan 2.300 Mhz, tapi 2.300 Mhz sudah kan sebetulnya,” ujar Menteri Komunikasi dan Informatika (Menkominfo), Rudiantara, 27 November 2014.

Operator mana saja yang akan digandeng untuk jaringan 4G ini?

“Ada tiga operator (telekomunikasi), kalian pasti tahu lah,” ucapnya.

Diperkirakan operator yang dimaksud yakni 3 pemain incumbent Telkomsel, Indosat, dan XL Axiata. Karena, masing-masing operator tersebut sudah gencar uji jaringan supercepat tersebut.

Namun, Menkominfo menghimbau kepada operator untuk segera membereskan ekosistem yang belum rampung pada jaringan 4G tersebut.

“SIM Card-nya sudah siap belum, handset-nya sudah tersedia belum. Jangan karena ini kompetisi, cuma dua lokasi yang di ULO, karena yang penting dulu-duluan 4G. Itu nggak boleh, enak saja,” jelas dia.

4G merupakan pengembangan teknologi 3G dan 2G. Sistem 4G menyediakan jaringan pita lebar ultra untuk berbagai perlengkapan elektronik seperti smartphone dan laptop menggunakan modem usb.

Salah satu produk yang menggunakan jaringan 4G adalah Bolt. Bolt Super 4G LTE, yang merupakan merek dagang dari PT. Internux menyediakan layanan LTE 4G sejak 14 November 2013. Area layanan yang dijangkau untuk pertamakali adalah Jakarta, Bogor, Depok, Tangerang dan Bekasi dengan potensi pasar sekitar 30 juta orang. Teknologi yang diterapkan Time Division Duplex (TDD-LTE) pada frekuensi 2300 MHz. Dari berbagai testimoni uuser Bolt, rata-rata mengaku puas atas kecepatan akses internet.


That's all we know - Happy blog blogger - semoga bermanfaat


read more website design

11 November 2014

Reset Firefox : Cara perbaiki hampir semua masalah

Bagaimana jika tiba-tiba di bagian bawah layar browser Firefox muncul pesan error seperti ini : "Browser Firefox Anda tampaknya berjalan terlalu lambat" sehingga mengganggu kenyamanan ber-internet. Maka tampaknya Anda perlu atur-ulang (reset) browser Firefox dan perlu menu HELP.

Saya ingin mengatakan bahwa Jika Anda punya masalah pada Firefox, menyetel-ulang Firefox bisa menjadi solusi. Fitur reset memperbaiki banyak masalah dengan mengembalikan Firefox ke kondisi baru diinstal sembari menyimpan informasi penting Anda seperti markah dan tab yang terbuka.

Reset Firefox ke kondisi baru diinstal

Table of Contents

Menu-Help-Firefox

  1. Di bagian atas jendela Firefox, klik menu HELP (Bantuan), lalu pilih Troubleshooting Information (Informasi Pemecahan Masalah).

    Menu-Help-Firefox
  2. Klik tombol Reset Firefox di pojok kanan atas laman Troubleshooting Information.
    Firefox akan tertutup dan disetel ulang. Setelah selesai, jendela baru akan terbuka yang menampilkan data yang diimpor.
  3. Klik Selesai dan Firefox akan terbuka.

Apa yang dilakukan fitur Reset

Semua setting Firefox dan informasi pribadi Anda tersimpan di profile folder. Fitur Reset bekerja dengan membuat folder profil baru untuk Anda sembari menyimpan berkas penting yang Anda punya.

Firefox akan menyimpan hal-hal berikut:
  • Markah
  • Riwayat Penjelajahan
  • Kata sandi
  • Jendela, tab, dan grup tab terbuka
  • Kuki
  • Informasi formulir web otomatis-isi
  • Kamus pribadi 
Hal-hal dan setelan berikut akan terhapus:
Catatan: Profil Firefox versi lawas Anda akan disimpan di desktop Anda pada folder bernama "Berkas lawas Firefox." Jika Reset (setel-ulang) tidak menyelesaikan masalah, Anda bisa mengembalikan beberapa informasi yang tidak tersimpan dengan cara copying files to the new profile that was created. Jika Anda tidak lagi membutuhkan folder tersebut, Anda harus menghapusnya karena folder tersebut menyimpan informasi sensitif.



That's all we know - Happy blog blogger


Sumber Informasi : https://support.mozilla.org/en-US/kb/reset-firefox-easily-fix-most-problems


read more website design

25 Oktober 2014

Pedoman Kualitas Google untuk website blog standar

Pedulilah pada "Pedoman Kualitas" website standar

Anda perlu menaruh perhatian pada "pedoman kualitas" yang di-release oleh Google yang menjelaskan praktek-praktek pelanggaran yang dapat mengakibatkan blog (atau website) dihapus dari indeks Google secara keseluruhan atau sebagian atau tidak diindeks Google untuk sementara. Sebaliknya jika Anda ikuti petunjuk "pedoman mutu" akan membantu Google menemukan, mengindeks, dan memberi nilai (peringkat).

Pedoman desain website dan content

Buat blog dengan hierarki jelas dan link teks. Setiap inner-page (laman dalam) sebaiknya mudah dijangkau atau setidaknya dari satu link teks statis.
  • Tawarkan sitemap (peta-situs) ke publik pengunjung dengan link mengarah ke bagian penting situs. Jika sitemap punya jumlah tautan sangat besar, maka sebaiknya sitemap dibagi menjadi beberapa laman.
  • Pastikan jumlah link dalam laman selalu dalam jumlah yang masuk akal.
  • Buatlah situs berguna dan kaya informasi, serta tulis laman yang menggambarkan konten Anda dengan jelas dan tepat.
    Pikirkan kata-kata yang akan diketik publik untuk sampai ke laman Anda, dan pastikan bahwa situs Anda memuat kata-kata itu.
  • Gunakan teks (bukan gambar) untuk tampilkan nama, content, atau link penting.
  • Penelusur Google tidak mengenali teks yang ada dalam gambar. Jika Anda harus menggunakan gambar untuk konten tekstual, pertimbangkan menggunakan atribut "ALT" untuk menyertakan beberapa kata teks deskriptif dan teks untuk title gambar.
  • Pastikan elemen <title> dan atribut "ALT" gambar bersifat deskriptif akurat
  • Periksa bad link dan perbaiki HTML.
  • Jika Anda gunakan laman dinamis (misal, URL memuat karakter "?"), ingatlah bahwa tidak semua spider mesin telusur merayapi laman dinamis seperti halnya laman statis. Ini membantu agar parameter tetap singkat dan jumlahnya tidak banyak
  • Praktik terbaik yang disarankan untuk gambar, video, cuplikan kaya/Rich Snippet

Tambahan :

  • Pilihan font-huruf.
    Periksa jenis dan ukuran huruf yang digunakan. Coba Anda baca tulisan posting dari jarak normal. Tulisan yang terlalu kecil membuat orang harus mengerutkan dahi. Sementara tulisan terlalu besar juga tidak enak di mata. Prinsipnya tulisan Anda harus nyaman dibaca, termasuk juga dalam penggunaan spasi
  • Kurangi Gambar-Gambar Yang Besar.
    Content gambar terlalu besar membuat loading halaman situs terlalu lama. User akan terganggu jika harus menunggu terlalu lama. Desain situs yang bagus disertai gambar bagus tentu membuat menarik. Bagian penting dari situs Anda harus bisa dibuka dengan cepat agar tidak kehilangan tamu. Sebuah situs harus terbuka maksimal dalam 15 detik. Jika lebih dari itu orang cenderung pergi cari situs lain.
  • Selalu update content situs.
    Search Engine sangat suka content, apalagi konten fresh relevant dengan keyword Anda. Tidak perlu menulis posting terlalu panjang dan kaku. Mereka akan bosan. Buatlah konten dengan paragraf-paragraf kecil dan spasi agar lebih mudah dibaca
  • Mudah dinavigasi
    Desain website yang baik harus memiliki navigasi (petunjuk arah) yang baik untu user, mudah pergi dari satu halaman ke halaman lain dengan benar. Link petunjuknya pun harus mudah dibaca. Artinya jenis huruf, tulisan dan warna harus bisa membuat link petunjuk mudah dibaca dan ditemukan orang. Perlu juga tambahan link “Kontak” dan “Tentang Kami” untuk menunjukkan kredibilitas situs. Karena user bisa menanyakan kepada Anda hal-hal yang mereka belum jelas. Dengan begitu Anda pun sekaligus membangun hubungan dengan publik.

Bagaimana saat website atau blog siap dipublikasikan?



read more website design

24 Oktober 2014

How to change website blog Blogger template?

File yang diperlukan untuk instalasi template Blogger adalah file xml. Untuk mendapatkan file xml ini, Anda harus download file template Blogger yang memiliki extention .zip (ada yang free dan premium atau tidak gratis). File .zip ini harus Anda ekstrak untuk mendapatkan folder zip.

Yang dimaksud template blog Blogger adalah file xml untuk mengakses template. File ini biasanya terkandung dalam folder zip sebagai hasil dari ekstrak file hasil download (file .zip). Jika Anda sudah punya file xml template, maka sekarang saatnya Anda menginstall template atau mengganti template lama dengan template baru. Bagaimana caranya?

Install atau ganti template website blog Blogger

  1. Pergi ke bagian Template Anda pada Blogger dashboard
  2. Klik Backup / Restore pada tombol di sudut kanan atas. Untuk membuat cadangan template lama (dengan tujuan berjaga-jaga atau jika ingin kembali ke template lama) silahan klik tombol "Unduh Template Lengkap" yang berwarna orange.
  3. Untuk menginstall atau mengganti template baru klik tombol "Pilih File" atau "Choose File" yang berwarna abu-abu terletak sedikit ke bawah halaman
  4. Pilih file xml template baru
  5. Klik "Upload" atau "Unggah"

Anda perlu menunggu proses instalasi template desain baru Anda untuk beberapa saat. Setelah instalasi, Anda dapat melakukan banyak hal seperti :
  • Tekan tombol "Edit" berwarna abu-abu untuk edit isi file template berupa HTML
  • Klik "Layout" pada menu dashboard di sebelah kiri untuk menambahkan atau menghapus gadget
  • Untuk membuat perubahan pada desain pada Template silahkan klik tombol "Sesuaikan" yang berwarna orange. Dan jika sudah selesai membuat perubahan desain template, silahkan klik tombol "Kembali ke Blogger"

Untuk lebih mudah memahami tentu perlu percobaan mengganti template, dan saya rekomendasikan satu template bagus (sebagai latihan saja) dengan tema template "A free Blogger template for book lovers" Anda hanya perlu waktu sekitar 5 menit atau kurang dari 10 menit untuk mencobanya.

Berikut ini pengantar singkat dari penciptanya :

+Blogger  users, I've created a free template for everyone to enjoy, and would appreciate any support from those who are interested to help launch my literary project on Kickstarter.

Screenshot-template-Book-lovers
Demo | Download

footer-template
Bagian Footer


That's all we know - Happy blog blogger - semoga bermanfaat


read more website design

21 Oktober 2014

SEO Friendly : 4 opsi hapus broken link blog blogger


Semakin banyak membuat posting blog mungkin Anda harus menghapus beberapa posting artikel karena berbagai alasan, seperti :   content artikel sudah basi (sebenarnya tidak perlu repot-repot menghapus, cukup diupdate), artikel posting tidak sesuai dengan niche blog, posting artel bermasalah dengan Google Adsense, et cetera. 

Menghapus broken link pada blog Blogger

Untuk blog platform Blogger (blogspot) setiap kita membuat posting pasti segera terindeks di search engine Google. Kita akan menghadapi masalah "broken-link" ketika robot mesin pencari merayapi blog kita dan tidak menemukan artikel di blog kita sementara di halaman hasil pencarian search engine Google (SERP) URL artikel tersebut masih bisa ditemukan oleh siapapun yang browsing di Google, padahal sebelumnya kita sudah menghapus.

Pengunjung pasti kecewa ketika mereka mendapati artikel dari SERP google, namun merea tidak mendapati artikel tersebut di blog kita karena sudah dihapus. Broken link (bad link) ini sangat tidak bagus menurut search engine utama (e.g. Google, Yahoo Search!, Bing etc) dan harus segera dicari solusinya agar blog SEO Friendly.

Solusinya dengan menuliskan URL yang dicekal pada robots.txt. Kita harus memberitahu googlebots (robot Google) tentang penghapusan data crawling melalui tambahan baris pada robots.txt.

CATATAN PENTING :
Setiap kali kita menghapus posting artikel, maka harus segera memberitahu Google agar menghapus data crawling indeks halaman yang telah dihapus. Tujuan memberitahukan ini adalah agar Google menghentikan robot crawler (googlebots) untuk merayapi artikel yang telah dihapus.

Perlakuan terhadap posting blog yang dihapus

Sebenarnya ada 4 opsi perlakuan kita terhadap URL artikel posting blog Blogger. Dua pilihan perlakuan penghapusan URL dilakukan melalui Webmaster tools Google dan satu opsi melalui penulisan pada setting robots.txt di dashboard Blogger.

Langkah yang harus dilakukan untuk opsi A, B dan C

  1. Buka artikel yang telah dihapus. Tentu Anda hanya menemukan pesan 404 seperti pesan error 404 pada blog ini :
    pesan error 404 website design

  2. Copy link atau alamat URL dan sementara disimpan di notepad.
  3. Hapus Artikel dengan cara masuk Ke Google Webmaster Tools di:
    https://www.google.com/webmasters/tools/home
    Untuk login tentu gunakan alamat Gmail yang juga digunakan oleh account Blogger Anda.
  4. Apabila ada beberapa blog, silahkan klik salah satu blog yang dimaksud
  5. Klik Google Indeks >> Hapus URL >> klik tombol "Buat permintaan penghapusan baru"
  6. Masukkan (Paste) link yang sudah dihapus (yang dicopy ke notepad), lalu klik tombol "Terus"
  7. Klik Kirim Permintaan. Pada langkah berikut Anda bisa memilih 3 opsi tersedia:
    1. Opsi 1 : Hapus laman dari hasil penelusuran dan cache - sudah jelas
    2. Opsi 2 : Hapus laman dari cache saja - sudah jelas
    3. Opsi 3 : Hapus Direktori
      Pada opsi 3 ini ada clue yang menarik. Dalam keterangan yang ditampilkan, dikatakan :

      Ini akan menghapus semua URL dalam direktori :
      http://website-download.blogspot.com/p/daftar-isi-blog-website-design.html
      dari hasil penelusuran Google.
      Untuk penghapusan permanen, konten harus dicekal oleh robot.txt

  8. Setelah menentukan salah satu dari opsi diatas, klik tombol "Kirim Permintaan"
  9. SELESAI

Opsi D

Alternatif ke-4 perlakuan terhadap URL yang telah dihapus (opsi D) adalah "Untuk penghapusan permanen, konten harus dicekal oleh robot.txt" via Dashboard Blogger. Berikut ini caranya.
  1. Dashboard Blogger >> Setting >> Preferensi Penelusuran >> robots.txt khusus?
  2. Robots.txt khusus diaktifkan dengan klik link Edit
  3. Untuk mencegah robot Google merayapi halaman tertentu, misalnya saya tidak ingin halaman "Daftar Isi" yang URL-nya telah saya hapus dicegah jangan sampai diindes oleh mesin pencari Google. URL "Daftar Isi" pada blog saya :

    http://website-download.blogspot.com/p/daftar-isi-blog-website-design.html

    Maka untuk robots.txt akan saya tambahkan baris kode "Disallow:" diikuti ekor dari URL yang bersangkutan sehingga menjadi seperti ini:

    mencekal URL melalui robots-txt
  4. Klik tombol SIMPAN
  5. Selesai
NOTE :
  1. Indeks google akan terhapus secara permanen dalam waktu 90 hari.
  2. Sebaiknya Anda membuat Custom Error 404 (page not found)
  3. setiap blog sudah mempunya robots.txt default.

    Berhati-hatilah dengan penggunaan robots.txt, bila Anda salah penulisan dapat menjadikan blog Anda diabaikan oleh search engine.
Source

That's all we know - Happy blog blogger - semoga bermanfaat


read more website design

18 Oktober 2014

Tips blog : Background-color post dan resume otomatis



Tips ini menjadikan setiap post artikel website blog memiliki warna background beragam dengan warna-warna acak atau secara otomatis css-style akan menciptakan elemen background-color dengan pilihan warna secara random.


▬▬▬▬▬▬▬▬ஜ۩۞۩ஜ▬▬▬▬▬▬▬▬

Background warna post website berubah otomatis

Dengan tips ini jika Anda klik URL sebuah artikel situs dengan warna background tampilan post hijau muda, kemudian Anda refresh maka warna background akan berubah ke warna lain secara acak. Demikian juga jika homepage blog (blogger) menampilkan resume post, maka dengan tips ini pada setiap resume akan menampilkan warna background yang masing-masingnya berbeda dan ketika laman tersebut Anda refresh maka background warna setiap resume akan berbeda dari sebelumnya. Seperti contoh di bawah ini.

background warna resume post website design

Mungkin menarik laman webpage dengan komposisi warna beragam secara otomatis. Tetapi sayang, kadangkala menghasilkan efek kurang menyenangkan. Yaitu jika teks post artikel secara default standar hitam (#000) dan warna background laman webpage sama-sama gelap atau agak gelap. Atau sebaliknya teks huruf warna putih (#fff) dan background warna terang, maka keduanya menjadikan teks sulit terbaca dan tidak nyaman membacanya. Solusinya, pembaca situs harus refresh halaman tersebut hingga ditemukan background warna yang kontras dengan warna teks.

▬▬▬▬▬▬▬▬ஜ۩۞۩ஜ▬▬▬▬▬▬▬▬

Script pengubah warna background post website blog

  1. Pergi ke bagian Template blog Anda pada Blogger dashboard
  2. Klik menu Template  >>  HTML
  3. Dengan menggunakan CTRL-F, cari </head>
  4. Letakkan script di bawah ini di atas </head>
  5. Save
  6. Selesai.
script-background-color

Maaf, script sengaja ditampilkan sebagai image untuk mempercepat loading-time. Jika berminat mendapatkan script silahkan kli DISINI 


That's all we know - Happy blog blogger - Selamat mencoba

read more website design

14 Oktober 2014

Facebook targetkan user internet Indonesia

Facebook mulai ditinggalkan oleh user muda Eropa-AS

Facebook mulai ditinggal oleh user usia muda, tren ini ada di AS sebagaimana ditulis oleh Business-Time. Sejak tahun 2011 hingga 2014, jumlah user Facebook usia 13-17 tahun merosot sebanyak 25%, yaitu dari 13,1 juta user pada tahun 2011, menjadi 9,8 juta user di tahun 2014.

“Facebook has 4,292,080 fewer high-school aged users and 6,948,848 college-aged users than it did in 2011.”

Indikasi kian tidak diminatinya Facebook oleh user internet berusia muda di AS jelas berdampak pada harga iklan dan potensi pendapatan. Mengapa?

Sebagaimana ditulis oleh Business-Time, anak muda adalah pangsa pasar yang paling mudah dipengaruhi iklan. Pemasar produk (jasa), sangat menggemari pangsa pasar anak muda. Maka ketika Facebook mulai ditinggal oleh anak muda, maka tentu harga iklan harus disesuaikan. Ini tentu berpengaruh pada bisnis Facebook, karena (calon) pemasang iklan juga akan kalkulasi ulang dengan cermat. Walau memang mekanisme iklan yang disediakan oleh Facebook, tidak semata tentang kuantitas target (massive reach), tetapi juga selected target.

Tahun lalu Facebook juga telah diberitakan oleh The Guardian tentang mulai kehilangan pangsa pasarnya di sejumlah negara yang telah “matang” (baca: pasar jenuh), seperti di AS, Inggris, Kanada, Spain, Perancis, Jerman dan Jepang. Ini mengingatkan kita pada kisah Friendster dan MySpace, yang sempat berjaya pada masanya, dan kemudian hanya tinggal kenangan memudar.

Di pasar yang sudah jenuh, tentu saja tidak akan ada lagi pertumbuhan user yang signifikan. Berdasarkan sebuah studi, para user internet berusia muda kini mulai beralih ke Twitter, Instagram dan Whatsapp. Alasannya, karena Facebook sudah “dicemari” dengan hadirnya para orang tua atau mereka yang lebih dewasa. Maka Facebook pun “terpaksa” menghadang Instagram dengan cara mengakuisisinya, pada April 2012.

Mark Zuckerberg and his gang harus memutar otak mengatasi masalah di atas. Salah satu solusinya, Facebook harus melakukan ekspansi internasional untuk memperluas pasar layanan iklan. Selain itu, Facebook juga mulai membidik pengguna mobile (smartphone atau tablet) sebagai target pemasangan iklan. Pangsa pasar iklan untuk mobile secara global, masih dikuasai oleh Google sebesar 46,8% dan Facebook 21,7%.

Mengapa Mark Zuckerberg Indonesia?

Indonesia pasar potensial besar bagi Facebook. Saat ini ada  69 juta user Facebook dari Indonesia,  Facebook masuk 3 besar situs paling banyak dikunjungi di Indonesia dan kita di urutan 4-besar negara pengguna Facebook. Jumlah user internet di Indonesia lebih dari 70 juta orang pada awal 2014 dan jumlah nomor seluler aktif sekitar 270 juta nomor.

Untuk itulah melalui program Internet.org, menurut TechCrunch, sebenarnya tujuan Facebook adalah untuk memuluskan (infrastruktur) bisnis iklan. Memang tujuan Internet.org adalah mendorong agar kecepatan jaringan mobile bisa meningkat signifikan. Dan tentu saja, jika semakin bagus infrastrukturnya, akan semakin mulus membanjirkan iklan. Salah satu petinggi Facebook, Dan Neary - VP Facebook untuk Asia Pasifik, beberapa bulan lalu mengatakan:

”mobile has become a big focus for us as a company and in our markets such as Indonesia. ... I think we love Indonesia from an overall market standpoint.”

Tidak perlu kagum atau terlalu bersikap berlebihan jika Mark Zuckerberg datang ke Indonesia. Jelasnya Facebook, Google, Twitter dan lainnya, membutuhkan Indonesia sebagai pasar atas produk (iklan) mereka. Mereka datang, karena Indonesia hebat (sebagai pasar). INGAT! Kepedulian mereka tidak mungkin lepas dari kepentingan bisnis. Apapun program yang mereka jalankan atau dalihnya.

Jika kita tidak punya strategi, rencana kerjasama dan negosiasi tangguh, maka untuk seterusnya posisi kita hanya sebagai pasar (konsumen) bagi produk internet global. Sayang khan?

Update:

Tahukah Anda?
user-besar-facebook
Usai kunjungan Zuckerberg ke Indonesia (dan sebelumnya ke India), nilai saham Facebook rebpunce (beranjak naik) pada Senin (13/10/2014). Padahal dari Rabu (8/10/2014) s/d Jumat (10/10/2014) nilai saham Facebook terjun bebas. Kebetulankah? Bisa jadi, kunjungan owner Facebook ke Indonesia telah “menyelamatkan” saham Facebook.

India, Indonesia dan China termasuk negara “big fish to fry“ yang menjadi target ekspansi Facebook sebagaimana ditulis oleh VentureBeat. Jumlah user Facebook di India dan Indonesia adalah masuk dalam 4 besar secara global, sedangkan China memang negara yang menggiurkan bagi Facebook dari sisi jumlah pengguna Internet, namun perjuangan menembus China sangat berat.

Happy netter Indonesia
source
read more website design

30 September 2014

website design work : Memberi komentar code

Komentar code dalam HTML website

Jika Anda harus membuat atau terbiasa membuka code HTML, PHP, style CSS atau code lainnya pasti Anda memerlukan code komentar. Anda pernah menemukan istilah "comment out" di dunia coding? Istilah itu berarti memberi kode komentar sebagai bagian dari code file template website.

Apa itu komentar kode di halaman HTML atau PHP website?

comment-out-html-website
Comments or comment codes are part of code that helps the designer and the user figure out what is what, which section is which, and what is going on within the tangle of codes.

Komentar atau kode komentar adalah bagian dari kode yang membantu desainer dan user untuk mencari tahu "what is what" - apa sebagai apa, "which section is which" yang bagian mana, dan apa yang terjadi di dalam jalinan kode.

Comments-out pada halaman HTML or PHP (outside of the PHP code)

Contohnya seperti ini:

<!-- comment here about what is going on -->

Komentar kode pada file CSS files :

/* comment here about a style */

Komentar kode di dalam code PHP :

<?php the_excerpt(); // Show excerpt and not full post content ?>

Atau seperti ini :

<?php /* This is my special hack.
         It's so special it requires a comment that spans multiple lines! */

my_special_hack();
?>

Tracking Template Files

Style CSS bisa menyeberang ke file, sehingga melacak bagian mana acuan dalam kode di file template bisa sulit jika tanpa pemberian komentar kode yang baik. Memang bukan keharusan, tetapi akan sangat membantu untuk menambahkan komentar ke opening div atau opening class seperti ini :
<div id="sidebar"><!-- sidebar begins -->

Kebanyakan orang akrab dengan HTML dan CSS mengakui bahwa id adalah awal dari section dan komentar mungkin tidak diperlukan, tetapi tentu akan membantu jika pada awal setiap loop dalam setiap Tema WordPress ada komentar seperti ini :

<!-- WordPress Loop begins here -->

Pada akhir setiap div, khususnya yang file lintas Template sebaiknya memiliki komentar akhir:

</div> <!-- end content -->

Comments in Style Sheets

Kadangkala dalam file template meliputi CSS inline style pada header.php, file index.php atau file single.php - diluar file styles.css untuk tema template.

Jika orang akan memodifikasi tema template, ada anggapan bahwa semua kode style CSS ada dalam file style.css. Maka sebaiknya jika Anda menambahkan style CSS ke file template yang sebenarnya, silahkan membuat komentar tentang hal itu dalam style.css sehingga user tahu di mana menemukannya. Adakah yang menjadikan lebih frustrasi daripada mencoba untuk mengubah style css tanpa hasil, hanya untuk menemukan website desainer menempatkan style utama dalam file header file sebenarnya.

Hanya perlu menambahkan short comment seperti :

/* Styles for the header image are found within the header.php file. */

Sebenarnya sama pentingnya menciptakan desain website yang paling indah dan inovatif, tetapi juga penting untuk membantu user menggunakan desain Anda.

Commenting Out Code

Note: Jika Anda mengirim tema ke direktori (di control Panel), kode komentar tidak boleh digunakan

Ada kalanya Anda menguji tag template, tag Plugin, atau bit yang berbeda dari kode dan Anda perlu untuk mencegah mereka dari menampilkan atau intiating (aktif). Untuk melakukan ini, lakukan "hide" (deactivate) dengan kode komentar. Untuk kembali aktivasi, hanya menghapus kode komentar.

Menyembunyikan atau deactivate  HTML:

<!-- <div class="redblock"><p>This is some HTML in the redblock class.</p></div> -->

Menyembunyikan atau deactivate CSS styles:

/* .redblock {font-size: 80%; font-style: italic; color: red; } */

Menyembunyikan atau deactivate PHP code dalam file template:

<?php // the_content(Continue Reading...); ?>

Atau

<?php /* the_content(Continue Reading...); */ ?>


That's all we know - Happy blog blogger - semoga bermanfaat


read more website design

29 September 2014

Hidupkan laptop dengan battery tetap terpasang

Bolehkah laptop hidup tanpa battery?

Mungkin Anda pernah menghidupkan laptop tanpa battery, dan supply daya listrik langsung dari jaringan PLN. Apakah tindakan itu dibenarkan?

Kita dihadapkan pada dua pendapat, yaitu bahwa : (semoga tidak membingungkan)
  1. Menyalakan laptop pakai AC-power dengan battery terpasang akan memperpendek usia battery. Sebaiknya battery DILEPASKAN ketika menghidupkan laptop pakai listrik di rumah (kantor).

  2. Menyalakan laptop pakai AC power tanpa battery terpasang bisa merusak komponen dalam laptop. Komponen elektronik laptop lebih cepat rusak karena listrik dari power supply lebih besar dari yang seharusnya diterima laptop. Jadi sebaiknya baterai TETAP TERPASANG.
Kedua alasan diatas memang tidak salah, semuanya benar. Menghidupkan laptop dengan battery terpasang dan juga mendapat supply daya listrik dari PLN (AC Power) bisa membuat battery cepat membengkak dan rusak, tetapi sebaliknya menghidupkan laptop dengan AC Power dan tanpa battery terpasang bahayanya jauh lebih besar terhadap laptop Anda.

pasang-baterai-laptop
Berikut ini ekses negatif laptop hidup tanpa battery terpasang dan sumber listrik langsung dari PLN :
  1. Maaf saya ulang! Menyalakan laptop dengan AC power dengan TANPA battery terpasang dapat mempercepat KERUSAKAN KOMPONEN elektronik dalam laptop, karena komponen tersebut akan menerima tegangan dan arus listrik berlebihan.

  2. Menyalakan laptop dengan AC power dan TANPA battery, tetapi menggunakan stabilisator/UPS sedikit banyak juga dapat mempercepat  KERUSAKAN KOMPONEN elektronik dalam laptop karena tegangan dan arus listrik langsung menuju ke komponen di dalam laptop tanpa melalui Penyesuai Tegangan (voltage converter) dan sirkuit pengatur (regulator circuit).

  3. Jika listrik dari PLN mendadak mati, dan laptop Anda juga mati mendadak, maka jika terjadi beberapa kali, efeknya adalah Hard-disk, RAM, Processor dapat rusak.

  4. Sebelum listrik mendadak mati laptop sebenarnya sudah terancam, karena jika stop-kontak adapter tidak baik, maka listrik tersebut juga bisa merusak hardware laptop.

    Jadi jelas sebaiknya tetap pasang battery laptop apapun keadaannya. Lebih baik battery laptop rusak (drop) tetapi masih dapat melindungi arus listrik langsung ke komponen laptop daripada motherboard, hardware atau data dalam Hard-disk rusak. Biayanya bisa sangat mahal

Lalu kapan Battery laptop boleh dilepaskan?

Battery dilepas HANYA untuk bila laptop tidak digunakan lebih dari 3 hari. Battery juga bisa dilepas HANYA jika pemakaian lebih dari 12 jam nonstop, dengan socket listrik yang menempel. Kalau HANYA untuk pemakaian sehari-hari sebaiknya memakai battery untuk menghindari kehilangan data dan kerusakan system bila listrik PLN mati tiba-tiba. Battery terpasang juga melindungi hardware dan juga modul-modul hardware lain dari lonjakan listrik yang ekstrem, misalnya akibat ada sambaran petir.

Jika pakai AC power sebaiknya battery tetap terpasang

Mungkin ada beberapa laptop canggih dalam mengatasi masalah ini, misalnya dengan menambah komponen penyesuai tegangan dan sirkuit pengatur pada adaptor laptop. Namun Anda pun harus benar-benar yakin jika fitur itu benar-benar ada dan bekerja pada laptop. Jika tidak yakin apakah laptop Anda aman jika dinyalakan tanpa battery silahkan bertanya ke CS dealer laptop. Jika tetap tidak yakin sebaiknya hidupkan laptop dalam keadaan battery terpasang.


That's all we know - Happy blog blogger - semoga bermanfaat



read more website design

28 September 2014

Gunakan Pinterest untuk Menaikkan Trafik website


Image menceritakan banyak hal - gambar bisa mewakili ribuan kata - dan dapat menarik perhatian. Jaringan sosial berbasis gambar telah menjadi konsep unik di balik Pinterest. Pinterest merupakan salah satu situs social media (e.g. Facebook, Twitter, Linkedin, Stumbleupon etc), tetapi ada yang istimewa pada social networking ini. Pinterest dimulai dengan konsep unik, yaitu sebagai situs media sosial (jaringan sosial) berbasis gambar. Hal ini menjadikannya salah satu situs paling populer. Gambar pada Pinterest membantu penayang mengarahkan trafik ke website mereka.

pinterest webpage in website design

Pinterest is an online pinboard.

Organize and share things you love.

Tombol Pinterest di website blog platform Blogger

I) Button code

Opsi code untuk tombol yang disediakan oleh official site Pinterest :

opsi pinterest website

Opsi 1
<a href="http://pinterest.com/USERNAME/"><img src="http://s-passets-ec.pinimg.com/images/about/buttons/follow-me-on-pinterest-button.png" width="169" height="28" alt="Follow Me on Pinterest" /></a>
Opsi 2
<a href="http://pinterest.com/USERNAME/"><img src="http://s-passets-ec.pinimg.com/images/about/buttons/pinterest-button.png" width="80" height="28" alt="Follow Me on Pinterest" /></a>
Opsi 3
<a href="http://pinterest.com/USERNAME/"><img src="http://s-passets-ec.pinimg.com/images/about/buttons/big-p-button.png" width="60" height="60" alt="Follow Me on Pinterest" /></a>
Opsi 4
<a href="http://pinterest.com/USERNAME/"><img src="http://s-passets-ec.pinimg.com/images/about/buttons/small-p-button.png" width="16" height="16" alt="Follow Me on Pinterest" /></a>


II) Adding code to blog

Adding to Blogger
  1. » Layout > Add A Gadget dan pilih HTML/Javascript.
  2. » COPY salah satu opsi code diatas (diantara opsi 1-4) dan PASTE
    ke dalam content box.
  3. » Ganti USERNAME dengan Pinterest username (harus submit dulu
    ke PINTEREST).
  4. » SAVE.

Make your website blog post pinnable

Pertama, ubah blog bersifat pinnable. Tombol Pinterest di webpage akan memudahkan user untuk pin gambar. Banyak plugin yang dapat kita digunakan - tinggal pilih - sehingga user dengan mudah dapat berbagi foto dan memasangnya di Pinterest board mereka dalam waktu singkat.

Website yang dibuat dengan maksud mendapatkan trafik dari Pinterest, untuk itu pastikan bahwa tombol Pin harus dikaitkan dengan setiap gambar yang diposting. Dengan kata lain, pastikan gambar mudah pinnable.

Ask people to pin images on your Pinterest board

Merupakan gagasan bagus untuk mendorong orang submit di website sehingga mereka langsung mendapat pin gambar di wall mereka. Inilah upaya sederhana berakhir dengan hasil luarbiasa - memungkinkan lebih banyak tamu berkunjung secara teratur dan membuat jaringan grup user. Ada beberapa cara mendapatkan trafik melalui Pinterest, misalnya Anda buat kompetisi dan memberikan hadiah ke pemenang.

Make the Pin Board flashy and lively

Ciptakan Pinterest board semenarik mungkin, ini memicu imajinasi user, mendorong mereka menambahkan berbagai gambar yang pada akhirnya membuat papan Pin akan lebih baik. Papan pin yang dihias dengan baik dan gambar-gambar disematkan dengan cara menarik, pasti orang senang berkunjung dan melakukan kunjungan ulang.

Pelanggaran hukum atas hak cipta gambar di Pinterest board akan menjadi publisitas buruk. maka pastikan kita patuhi terms-and-conditions dan jangan ada pelanggaran hukum. Jika Anda membuat penggunaan terbaik, boleh jadi papan Pinterest akan menjadi alat pemasaran sangat kuat - membantu mendapatkan perhatian client potensial.

source :How to add a Pinterest Follow button



That's all we know - Happy blog blogger

read more website design

25 September 2014

CMS Template Joomla versi 3.x.x Responsive

Responsive web design merupakan pendekatan baru untuk desain web dimana situs dibuat untuk memberikan ke pengunjung situs pengalaman menonton secara optimal. Kemudahan membaca dan kemudahan navigasi dengan pengubahan size minimal, panning, dan scrolling, untuk berbagai perangkat (e.g. monitor computer desktop, laptop, notebook, iPad, tablet, hingga smartphone). Teknologi Reponsive yang baru ini sekarang menjadi sangat penting, terutama ketika banyak orang bisa mengakses internet atau website tidak hanya dari computer desktop tetapi juga dari ponsel smartphone, tablet dan lainnya. 

Hal ini membuat website dengan teknologi Responsive web design menjadi kebutuhan mutlak untuk sebuah website yang dikembangkan dengan menggunakan template CMS seperti Joomla atau Prestashop. Joomla dianggap CMS yang sangat populer yang pernah dirilis ke publik sebagai solusi open source. Template ini fully responsive artinya secara otomatis akan menyesuaikan lebar layout dari device yang user gunakan (handphone, tablet, PC wide screen).

Responsive website : CMS Template Joomla mulai versi 3.x.x

Responsive Website punya fitur luarbiasa, yaitu tampilan website akan menyesuaikan pada berbagai macam ukuran layar. Namun dibalik kehebatannya ada beberapa hambatan yaitu :
  1. Kemampuan penyesuaian pada berbagai ukuran layar tersebut tidak semua dimiliki oleh tampilan website responsive. Seperti tampilan template CMS Joomla hampir semuanya dibangun di atas framework. Belum tentu framework tersebut memiliki fasilitas mendalam untuk setting tampilan pada setiap jenis ukuran layar pembuka.
  2. Template Joomla 3 sudah didukung dengan fitur responsive, sehingga website Joomla 3 tidak lagi memerlukan versi khusus untuk tampilan versi mobile (Cellular). Namun dalam praktek, ternyata tidak semua website Joomla yang sudah punya fitur responsive memperhatikan kecepatan akses ketika dibuka pada versi mobile (cellular).

    Apa yang harus dilakukan?

    Harus membongkar code template yang digunakan, kemudian lakukan pengecekan kecepatan website ketika dibuka pada versi mobile (cellular). File code yang dibuka ada di :

    root\templates\nama_template_Anda\script.responsive.js
responsive-Joomla-CMS-template

Umumnya setiap tampilan website Joomla Responsive (Joomla terbaru versi 3.3) memiliki short code yang berfungsi mengaktifkan maupun menonaktifkan modul-modul Joomla dengan memasangnya pada kotak "module_suffix." Jika framework joomla tersebut ada diatas twitter bootsrap maka short code tersebut adalah sebagai berikut :
  1. Hidden-phone : berfungsi menonaktifkan modul di ukuran layar lebih kecil (biasanya untuk layar dengan lebar 320 pixel)
  2. Hidden-dekstop: berfungsi menonaktifkan modul di ukuran layar yang sering digunakan user (biasanya berukuran 800 pixel atau lebih)
Namun fungsi tersebut hanya menyembunyikan modul-modul joomla pada ukuran layar tertentu dan bukan menonaktifkan modul-modul tersebut. Kelemahannya adalah besar website versi standar dengan versi responsive akan sama, sehingga beban website tersebut ketika dibuka di perangkat dengan layar kecil akan sangat berat.

Ekstensi Joomla berikut ini akan menambah performa situs Joomla responsive Anda lebih cepat, karena ekstensi tersebut memiliki fasilitas menonaktifkan modul berdasarkan jenis perangkat pembukanya, bukan berdasarkan ukuran layar.

Sebagai contoh, jika anda pakai ekstensi tersebut, Anda dapat mengatur setiap modul untuk jenis perangkatnya, Misalnya pada perangkat dengan sistem operasi android modul tersebut aktif, sedangkan pada perangkat dengan sistem operasi blackberry modul tersebut tidak aktif.

source



That's all we know - Happy blog blogger - semoga bermanfaat


read more website design

24 September 2014

Title post Blogger otomatis muncul di tab bar browser

Kita bisa modifikasi teks di belakang Favicon menjadi judul artikel yang saat dibuka atau membuat moving-teks atau marquee dengan teks milik sendiri.  Bagaimana cara menampilkan judul posting blogger sehingga muncul title di bagian tab browser (tepat di belakang Favicon)?

Sebelumnya pada bagian tersebut diatas dalam sembarang tampilan blog blogger saya "Website Design" selalu dengan sederetan nama website diikuti beberapa keyword utama seperti setting di halaman code HTML template, yaitu :

<title><data:blog.pageTitle/>|SEO|website|blog|toko online|prestashop</title>

Dan ditampilkan sebagai teks di depan Favicon untuk homepage dan innerpages ebagai berikut :

Website Design | SEO|website|blog|toko online|prestashop

Sehingga tampilan title sesudah favicon-image blog blogger (lihat baris paling atas tampilan browser atau bagian tab browser) adalah :

JUDUL ARTIKEL | SEO|website|blog|toko online|prestashop

Untuk homepage tetap ditampilkan :

Website Design | SEO|website|blog|toko online|prestashop

Title posting di belakang Favicon website blog Blogger

Beberapa waktu lalu saya ingin mengganti tampilan tersebut dengan judul posting artikel yang sedang dibuka. Lalu apa yang harus dilakukan?

PERINGATAN!

Sebelum mencoba tip ini, SANGAT disarankan membuat backup file template dengan cara :

Dashboard >> Template  >> klik tombol CADANGKAN / PULIHKAN (sudut kanan-atas)

Tujuannya, jika terjadi sesuatu yang tidak dikehendaki bisa mengembalikan template seperti semula.

Lalu apa yang harus dilakukan?

  1. Dashboard >> Template  >>  Edit HTML
  2. Letakkan (paste) code CSS style berikut ini pada bagian header

    .post-outer div.post{
    position: relative;
    padding-left: 200px !important;
    }

  3. Klik Simpan Template
Aplikasi pada blog saya seperti gambar berikut :

title artikel dibelakang Favicon blogger
Hasilnya bisa dilihat title artikel ada sesudah favicon : favicon website design pada blog ini.
Menggantikan tampilan bar tab URL artikel sebelum saya lakukan tip ini :

Website Design | SEO|website|blog|toko online|prestashop

(Text sesudah favicon di atas hanya muncul pada Homepage SAJA)

Membuat teks bergerak di belakang Favicon website blog

Masih berkaitan dengan teks pada bar tab (teks di belakang Favicon). Kali ini kita membuat sembarang teks yang bergerak dari kanan ke kiri sebagaimana fungsi "marquee"

Apa yang harus dilakukan? Masih pada halaman edit HTML (template blogger), :
  1. Gunakan kombinasi tombol Ctrl - F untuk mencari </head>
  2. Paste kode berikut ini tepat dibawah </head>

    <script type="text/javascript">
    //<![CDATA[
    msg = "SELAMAT DATANG DI BLOG SAYA WEBSITE DESIGN";+ msg;pos = 0;
    function scrollMSG() {
    document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
    if (pos > msg.length) pos = 0
    window.setTimeout("scrollMSG()",150);
    }
    scrollMSG();
    //]]>
    </script>
  3. Ganti teks warna merah (di antara 2 tanda petik ganda) dengan teks Anda sendiri.
  4. Klik tombol Simpan Template.
Source

Selamat mencoba - Happy blog blogger


read more website design

22 September 2014

Solusi Missing required field updated dan hCard author

Missing field updated dan missing hCard author

Boleh jadi website blog platform blog blogspot Anda mengandung "error" seperti :
Hilang: author
Hilang: updated.

Atau kesalahan "missing required field update" dan "missing required hcard author" (untuk kesalahan ”hcard errors = Missing required field "name (fn)"" untuk solusinya silahkan buka artikel : Rich snippets : Uji coba data terstruktur website blog)

Penyebab munculnya peringatan tersebut tidak lain adalah karena robot Googlebot tidak mampu mendeteksi siapa pembuat artikel dan tidak bisa mendeteksi siapa yang update artikel tersebut.

Berikut ini cara untuk memeriksa kesalahan diatas :
  • Buka Google Webmaster Tools >> Pilih blog >> Tampilan Penelusuran >> Data Terstruktur
  • Atau kita periksa error diatas melalui :

    Google tool richsnippet >> Masukkan URL homepage atau URL webpage
Berikut ini potongan gambar Google tool rich-snippet untuk blog dengan kesalahan "missing required field update" dan "missing required hcard author"


Google-Structured-Data-LIST-missing-field-update-dan missing-field-author
Daftar missing-field-author dan missing-author pada Google-Structured-Data

Missing-field-author dan missing-author
Missing-field-author dan missing-author pada Google-Structured-Data

Solusi Hilang: author dan Hilang: updated

Untuk mengatasi masalah tersebut anda bisa menambahkan kode dibawah ini TEPAT DIBAWAH kode <b:if cond='data:post.hasJumpLink'> pada Code HTML blog Anda. untuk mencari kode tersebut masuk ke menu template blog kemudian pilih "Edit HTML." Gunakan Ctrl + F untuk mempermudah pencarian kode tersebut.

<div class='vcard' id='hcard- NAMA BLOG Anda'>
<span class='fn n'> <span class='given-name'>Posted by: NAMA Anda</span> </span>
<a class='updated' href='ALAMAT URL Blog' rel='bookmark'>NAMA BLOG Anda</a>
Updated at : <abbr class='published' expr:title='data:post.timestampISO8601'> <data:post.timestamp/></abbr>
</div>

Ganti variabel-variabel diatas sesuai dengan nama Anda, nama blog dan URL homepage blog Anda. Maka contoh hasil akhir modifikasi code HTML menjadi seperti berikut ini :

HTML-Blogger-hasJumpLink
Klik Simpan dan SELESAI
Related post :
Rich snippets : Uji coba data terstruktur website blog



That's all we know - happy blog blogger


read more website design

21 September 2014

Memasang modul CS Content Marquee pada Joomla 3

Marquee ialah penulisan code HTML untuk memberikan efek rangkaian kata atau kalimat menjadi bergerak atau berjalan dari kiri ke kanan atau dari kanan ke kiri atau dari atas ke bawah dan sebaliknya. Efek teks Marquee ini merupakan salah satu bentuk modifikasi tulisan di website (blog blogger) termasuk diaplikasikan pada template Joomla. Marquee sangat baik digunakan karena merupakan animasi bersifat "eye-chatching" bagi pengunjung, Penggunaan marquee juga menghemat tempat pada website ketika Anda ingin menampilkan demo pesan khusus pada teks berjalan.

Atribut setting Marquee untuk tampilan website

Memang tetap ada kekurangan ketika kita menggunakan efek teks berjalan (marquee), yaitu saat content marquee melebihi kapasitas ruang (height atau width), sehingga ketika loading website (blog) belum selesai maka seluruh isi marquee akan terlihat sehingga tampilan webpage tampak jelek.

Berikut atribut sering dipakai untuk setting marquee dengan tujuan efek-teks-berjalan terlihat menarik :
  • bgcolor : Digunakan untuk mengatur background text yang akan diberi efek marquee.
  • direction : Digunakan untuk mengatur gerakan dari text tersebut (up, down, left right).
  • scrollamount : Mengatur speed gerakan text (angka dalam px), semakin tinggi angkanya, maka semakin cepat gerakan dari text.
  • behaviour : Untuk mengatur efek dari gerakan (slide, scroll, alternate).
  • width : Untuk mengatur lebar dari area text (dinyatakan dalam px atau %).
  • height : Untuk mengatur tinggi dari area text (dinyatakan dalam px atau %).
  • align : Untuk mengatur posisi (center, left, right).
  • onmouseover : Untuk memberhentikan efek ketika disorot (hover) mouse.
  • onmouseout : Untuk melanjutkan efek bila mouse sudah tidak menyorot (hover) text.

Modul CS Content Marquee website Joomla

Modul ini sifatnya sederhana dan portabel untuk menampilkan marquee (efek teks bergerak) dari list judul-judul artikel yang paling baru diterbitkan. Modul ini ditawarkan untuk template Joomla versi 2.5 dan versi 3.x (Joomla terbaru versi 3.3). Modul ini bersifat Responsive untuk versi 3 keatas. Setting marquee mudah dan tidak banyak pilihan setting seperti : pilihan untuk memilih arah (LTR dan RTL), pilihan untuk memilih kecepatan, pilihan untuk memilih kategori posting, pilihan untuk memilih message, pilihan untuk memilih count dan pilihan untuk memilih warna.

Demo modul ini bisa dilihat DISINI
Download modul KLIK CS Content Marquee

Penggunaan

Install melalui halaman Administrator Joomla.
  1. Extention >> Extention Manager >> Upload berkas paket (file ekstensi .zip) >> Choose file (browsing file di computer) >> Upload dan Install
  2. Extention >> Module Manager >> pilih modul CS Continue Joomla
  3. Klik tombol "Terbit" dan klik tombol "Edit"
  4. Silahkan lakukan setting seperti contoh berikut :

    cs-content-item1
    cs-content-item2

  5. Klik tombol "Simpan & Tutup"


That's all we know - Happy blog blogger

read more website design

17 September 2014

Content Management System : CMS website JOOMLA!

Apa itu yang dimaksud dengan CMS atau Content Management System? Anda akan menemukan jawabannya disini.

CMS adalah software yang memungkinkan orang atau banyak pihak, walau tidak punya basic pengetahuan HTML, CSS atau script, secara kolaboratif menambahkan dan/atau mengubah, update isi website (blog), termasuk didalamnya webstore (toko online).

CMS terdiri dua elemen :
  1. Aplikasi manajemen isi (Content Management Application, [CMA])
    Elemen CMA memungkinkan admin content - yang mungkin tidak punya pengetahuan dasar HTML (Protokol Transfer Hiperteks) - untuk mengelola membuat, mengubah, dan menghapus isi website tanpa perlu keahlian webmaster.

  2. Aplikasi pengiriman isi (content delivery application [CDA])
    Elemen CDA memakai dan menghimpun informasi yang sebelumnya ditambah, dikurangi atau diubah oleh admin content untuk memperbaharui website
Kemampuan (fitur) CMS berbeda-beda. Meski demikian, kebanyakan software CMS punya fitur publikasi berbasis Web, manajemen format, kontrol revisi, pembuatan indeks, pencarian, dan pengarsipan.
CMS website web toko online

Sejarah singkat website template Joomla!

Joomla berasal dari bahasa Swahili (salah satu bahasa di Afrika Selatan) "jumla" yang mengandung makna "kebersamaan" Joomla! adalah salah satu Sistem manajemen konten (CMS) gratis (free open source), ditulis menggunakan PHP dan basis-data MySQL untuk keperluan di internet maupun di intranet (localhost). Versi pertamanya Joomla! versi 1.0.0 release 17 September 2005.

Fitur-fitur Joomla! diantaranya sistem caching untuk peningkatan performance website, RSS, blog, polling et cetera. Joomla! menggunakan lisensi GPL.

Sama seperti template website Prestashop atau template lain, Joomla! terdiri 3 elemen dasar:
  1. Web server
    Web-server terhubung ke Internet atau Intranet (localhost atau server lokal dalam computer) yang berfungsi sebagai penyedia layanan situs. Joomla menggunakan Apache sebagai web-server.

  2. Script PHP
    Script PHP terdiri dari kode program dalam bahasa PHP

  3. Database MySQL
    Basis-data (database) merupakan tempat penyimpanan content website. Adapun basis-data yang digunakan adalah database MySQL
Pertama, user meminta akses terhadap halaman Joomla dengan mengeksekusi URL di web-browser yang kemudian terhubung ke web-server. Permintaan ini secara teknis disebut query string (selain terdapat URL juga mengandung parameter content (section, category, ID article etc)).

Berdasarkan parameter tersebut, sistem script Joomla melakukan kontak dengan database dan mengambil konten yang dimaksud berdasarkan parameternya. Terakhir, konten dan template Joomla digabung bersama dan hasilnya adalah halaman html, gambar, css dan javascript.

Paket Joomla! terdiri dari beberapa bagian terpisah dan termodul yang sangat fleksibel (mudah ddikembangkan dan diintegrasikan). Sebagai contoh "plugins" WikiBot yang memperbolehkan Super Administrator (penulis) di Joomla menggunakan "Wikitags" pada bagian artikel yang secara otomatis membuat pranala dinamis ke artikel Wikipedia pada saat ditampilkan.

Ada lebih dari 1,700 "plugins" yang secara resmi didelegasikan oleh OpenSource Matters, tersedia di http://extensions.joomla.org/ Dan kini secara resmi dipindahkan ke http://joomlacode.org dengan dukungan server lebih lengkap.

Joomla versi awal yaitu versi 1.0.0 merupakan versi alias dari Mambo 4.5.2.3 yang telah dikembangkan oleh "Pengembang Inti Mambo hingga Agustus 2005" sebelum hengkang dari Mambo.

Pemimpin Tim saat itu Andrew Eddie (dikenal dengan sebutan "MasterChief") menulis surat terbuka masalah hengkangnya di komunitas Mambo dan diumumkan di forum mamboserver.com. Tim pengembang ini kemudian membuat situs OpenSourceMatters untuk mendistrubusikan informasi ke user, developer, desainer web dan komunitas lain pada umumnya.

Perkembangan Joomla berawal dari Joomla 1.0.0 hingga ke tahap luarbiasa yaitu Joomla 1.0.15. Sekitar tahun 2007 mulai ada pengembangan Joomla 1.5.x yang memiliki beberapa persamaan dan perbedaan cukup signifikan disbanding versi sebelumnya. Pengembangan berlanjut ke Joomla 1.5.20. Kemudian ke Joomla 1.6 versi beta dan dapat diunduh diwww.joomla.org. Semakin baru versi Joomla memiliki penyempurnaan dari versi-versi sebelumnya.

Masing-masing punya daya tarik, Joomla 1.5.9 menawarkan nuansa baru dan lebih modern termasuk dalam system. Joomla 1.0.15 lebih stabil dan terdukung oleh banyak aplikasi dan developer. Kemudian dikembangkan Joomla versi 2.5.x dan versi terbaru sejak April 2014 adalah Joomla versi 3.3.

Seiring dengan semakin meratanya penggunaan smartphone, maka mulai Joomla! Versi 3.x ada tambahan fitur baru yang sangat penting, yaitu fitur Responsive. Dengan fitur ini halaman front-ends situs yang menggunakan template platform Joomla secara otomatis dapat menyesuaikan (customized) dengan lebar layer smartphone, iPad, notebook atau perangkat lain.

Elemen dasar website dengan template Joomla!

Ada 3 hal cakupan dasar yang harus ada untuk membangun website berbasis Joomla!

PHP (Personal HomePage)

PHP atau lebih dikenal dengan sebutan Hypertext Preprocessor merupakan bahasa pemrograman atau scripting yang bersifat server side. Hasil coding (pembuatan sintaks) atau program kode PHP ini akan dieksekusi oleh web-server, dan kemudian akan dikirim dalam bentuk HTML ke browser client.

Kode PHP tersebut tidak dapat dilihat oleh pengunjung, melainkan kode HTML yang merupakan hasil eksekusi kode PHP tersebut yang dapat dilihat oleh pengunjung. Untuk mengubah kode PHP tersebut menjadi kode HTML diperlukan aplikasi yaitu Engine PHP yang akan digunakan bersama-sama dengan aplikasi web-server.

Database

Tampilan kode HTML Joomla! Yang dapat dilihat oleh pengunjung diciptakan dengan menggunakan bahasa pemrograman atau scripting PHP dan penggunaan database MySQL. Database ini digunakan untuk menampung data-data Joomla! milik Anda, seperti user, password, modul, extention, image, text dan data-data lain. Jika anda ingin download aplikasi MySQL, buka http://mysql.com

Web server

PHP dan Database merupakan 2 unsur dasar yang harus ada dalam membangun situs dengan platform Joomla!, Namun ada bagian terpenting yang juga harus ada dalam website, YAITU web-server.

Web-server ini berfungsi sebagai pusat control dari pengolahan data website. Jadi input yang dilakukan oleh user internet akan diolah, kemudian dikembalikan lagi kepada pemakainya. Salah satu web-server yang paling banyak digunakan adalah Apache, karena telah banyak mendukung format file server tanpa perlu tambahan komponen aplikasi lagi.

Website dengan template platform Joomla! akan berjalan baik bila menggunakan software web-server Apache. Jika Anda ingin download aplikasi web-server Apache buka http://apache.org.


Download Joomla: http://www.joomla.org/download.html



That's all we know - Happy blog blogger


read more website design

07 September 2014

Setting tumpukan elemen div dengan style CSS z-index

Tutorial singkat pada website design kali ini tentang penggunaan properti z-index oleh admin pengelola situs (website master). Dengan setting position: absolute kita dapat membuat elemen yang bertumpuk-tumpuk. Tentu saja kita akan mengatur tumpukan-tumpukan tersebut mana yang di depan dan di belakang. Pada CSS kita mengatur tumpukan ini dengan menggunakan z-index.

Definisi dan penggunaan z-index (arsip website design)

Properti z-index menentukan susunan tumpukan sebuah elemen. Bentuk sintaks dasar prperti z-index adalah seperti berikut ini: 

z-index: auto|number|initial|inherit;

Perhatikan variasi nilai untuk properti tersebut, terdiri : auto, angka, initial dan inherit.
Atau perhatikan tabel nilai properti z-index di bawah ini.

variasi value untuk properti z-index

Pedoman penggunaan untuk content website

  1. An element with greater stack order is always in front of an element with a lower stack order.
  2. Note : z-index only works on positioned elements (position:absolute, position:relative, or position:fixed).
Ilustrasi penggunaan style CSS menggunakan properti z-index

urutan tumpukan elemen efek css style properti z-index
Gambar ilustrasi diatas dapat dituangkan dalam coding seperti snippet berikut :

properti z-index coding tumpukan elemen

Perhatikan gambar:
  • Dalam penggunaannya selalu di kombinasikan dengan penggunaan properti "position: absolute" (nama prperti position dan nilai properti )
  • Makin besar nilai z-index maka akan ditampilkan makin depan dan untuk coding gambar tersebut dapat dilihat pada code diatas.


That's all we know - Happy blog blogger


read more website design
Penelusuran topik khusus di blog ini
Loading