Admin Template Bootstrap Responsive


ri32-warung-template-botstraps

Latar Belakang

Pemilihan template sangat penting dalam membuat sebuah website. Baik untuk halaman frontend maupun untuk halaman backend. Karena template mempengaruhi cara pandang user terhadap suatu website (profesional atau tidaknya suatu website).

Alangkah baiknya jika sebuah Sistem berbasis website didukung dengan pemilihan template yang tepat dan menarik untuk digunakan oleh user. disamping itu template juga saat ini harus mempunyai unsur bootstrap dan responsive.

Pengertian Template Bootsrap dan Responsive

Bootstrap adalah sebuah Framework atau Tools untuk membuat template Website. Bootstrap terdiri dari file CSS, jQuery dan HTML untuk menghasilkan template website. Dan dilengkapi dengan plugin jQuery yang siap pakai. Sehingga kita hanya memerlukan sedikit kode programming saja untuk menghasilkan sebuah tampilan website yang sangat cantik dan responsive.

Responsive Web Design (RWD) memiliki banyak kelebihan, pada tahun 2012 hingga sekarang Responsive Web Design menjadi desain web yang sangat populer.

Secara singkat template responsive memang dikhususkan untuk mempemudah akses pada mobile. Dengan kata lain template akan berubah tampilan jika diakses pada ukuran layar yang berbeda.

Alasan-alasan kenapa harus menggunakan template Responsive :

  1. Menghemat biaya untuk aplikasi mobile
  2. Mempermudah akses pada browser mobile
  3. Meningkatkan pendapat website dari hasil Advertise, karena bisa respon pada semua ukuran layar
  4. Desain simple dan menarik.
  5. Proses pembuatan lebih mudah dan cepat dengan dukungan bootstrap.
  6. Lebih SEO Friendly

Sekian artikel dari saya semoga bermanfaat untuk teman-teman dan anda semua…aamiin

Cilangkap, 13-12-2014

GusnaNuri

Solusi untuk error upload theme prestashop


Latar Belakang

An error has occurred during the file upload.

Ketika saya mengupload theme prestashop secara online, terdapat pesan kesalahan seperti diatas. saya menggunakan prestashop versi 1.5.0.

File theme yang saya upload dalam bentuk file zip adalah 3,8MB, namun ketika di extract ukuran totalnya 6,8MB

error-theme-ri32

Jawaban dari Forum : with the error can’t upload template.Please contact with host admin: increase limit_upload_size in your host to 20Mb

Kemungkinan masalah tersebut di akibatkan karena setting di server hosting yang terdapat batasan ukuran file saat upload.

Solusi upload Theme

Folder module dan theme di upload terlebih dahulu ke hosting, sehingga file-file tersebut tidak saya upload lg melalui website prestashop saya, melainkan sudah melalui software FTP.

theme-ri32

Folder Module & Theme Awal

  • Saya mengupload folder module dan theme menggunakan software FTP Filezilla.
  • Upload semua module dari folder module local, ke folder module yang ada di hosting
  • Upload folder theme dari komputer local, ke folder theme yang ada di hosting

theme-server-ri32

Upload folder theme kosong

Setelah folder module dan folder theme berhasil di upload ke server hosting, maka sekarang kita akan “mengakali” dengan cara meng-upload file theme namun dengan keadaan file-file yang ada di dalam folder module dan theme yang ada di komputer local di hapus semua. Sehingga yang tersisa hanya folder kosong module, folder kosong theme, dan file Config.xml

theme-ri32

Folder Module & Theme Kosong

  • File Config.xml dibutuhkan karena didalamnya terdapat setting untuk menyesuaikan antara theme yang baru di upload dengan sistem prestashop yang ada.
  • Kemudian buat file zip yang berisi folder module, theme, dan file config.xml yang tadi misalnya nama filenya leo_electronics_v15x.zip
  • Setelah itu upload melalui website prestashop jika berhasil tanpa tanda error lagi, maka ikuti langkahnya sampai selesai

theme-berhasil-ri32

Sekian artikel dari saya semoga bermanfaat untuk teman-teman dan anda semua…aamiin

Cilangkap, 29-12-2012

Gusnanuri

Template web maintenance


Latar Belakang

Teman-teman developer ataupun web programmer mungkin pernah melakukan maintenance web. dan selama maintenance halaman utama web nya terdapat informasi bahwa web tersebut sedang dilakukan perbaikan atau perawatan.

Dalam artikel ini saya ingin sharing ada sebuah template web yang dibuat dengan HTML dan JQuery untuk halaman maintenance web.

Fitur

  • Countdown (Hitung mundur waktu maintenance)
  • Link Icon Social Media Facebook, Twitter, Youtube
  • Form Email Guestbook (Mengirim email dari user ke admin)
  • Banyak pilihan warna template

Download

http://www.themelock.com/under-construction-theme.html

Seting Waktu Hitung Mundur

Didalam folder doc terdapat cara setting template untuk hitung mundur. dibagian datefuture untuk seting berapa lama web di maintenance

var dateFuture = new Date(2010,8 -1,56,18,58).getTime();

  • 2010 = is the year
  • 8 = month
  • 56 = days
  • 18 = hours
  • 58 = minutes

Setting Form Contact Email

Di alamat folder inc/sendmail.php terdapat setting email tujuan (send to) atau email admin.

$sendto = ‘zmeutz@yahoo.com’;
$subject = ‘Message from site’;

Sekian artikel dari saya semoga bermanfaat untuk teman-teman dan anda semua…aamiin

Cibubur, 23-09-2012

GusnaNuri

Free CSS Template Table Sorting


Saya ingin sharing template table untuk menampilkan data dari database. Keunggulan template table ini adalah :

  • Warna biru elegant
  • Terdapat Fasilitas Sorting
  • Terdapat Fasilitas Paging

Download

http://www.4shared.com/zip/xa8VCgFp/table-sorter-ri32.html

Untuk memanggil CSS

<link rel=”stylesheet” href=”style.css” />

Untuk Konfigurasi Tabel

<script type=”text/javascript” src=”script.js”></script>
<script type=”text/javascript”>
var sorter = new TINY.table.sorter(“sorter”);
sorter.head = “head”;
sorter.asc = “asc”;
sorter.desc = “desc”;
sorter.even = “evenrow”;
sorter.odd = “oddrow”;
sorter.evensel = “evenselected”;
sorter.oddsel = “oddselected”;
sorter.paginate = true;
sorter.currentid = “currentpage”;
sorter.limitid = “pagelimit”;
sorter.init(“table”,0);
</script>

Agar data di urutkan di field pertama, maka pada sintax sorter.init(“table”,0); nilainya 0 karena nilai array dimulai dari 0 (nol)

Implementasi

https://ri32.wordpress.com/menampilkan-data-mysql-kedalam-diagram-pie/

Sekian artikel dari saya semoga bermanfaat untuk teman-teman dan anda semua.

Cibubur, 19-07-2012

GusnaNuri

Membuat css template untuk framework Codeigniter 1.7.2


Latar Belakang

Pada artikel saya sebelumnya, saya membuat sebuah aplikasi bukutamu/guestbook sederhana dengan CI tanpa menggunakan sebuah template web. sehingga untuk menyempurnakan aplikasi sebelumnya saya membuat sebuah template web untuk di framework CI. templatenya itu sendiri saya mencari di internet bisanya dengan kata kunci googling  “free css template”.

Artikel ini hanya rangkuman dari aplikasi yang sudah saya buat, sedangkan untuk tutorial templatenya sendiri secara lengkapnya bisa teman-teman baca di blog ini. karena saya sudah menggabungkan dari template dan aplikasi guestbook secara keseluruhan.

Tahap Persiapan

  1. Download CI 1.7.2
  2. Download Template
  3. Setelah itu extract file template  dan ubahlah index.hml menjadi template.php dan letakkan di direktori
    application/views
  4. Lalu ubahlah kode index pada file welcome.php didalam direktori application/controllers untuk menampilkan template template.php seperti berikut ini :
  5. Buatlah folder css dan images dalam dokumen root, kalau saya dalam direktori absensi seperti terlihat pada gambar dibawah ini:
  6. Lalu edit file template.php dalam folder application/views dan ubahlah kode dalam file tersebut menjadi seperti ini. untuk template header, tengah, kiri, footer intinya dari template asli di cut kemudia buat file masing-masing menjadi header.php, tengah.php, kiri.php, dan footer.php semuanya di simpan di folder controller/views
  7. Karena file style.css berada dalam direktori css maka jika dia mau mengakses folder images haruslah berbentuk seperti ../images. Untuk itu kata url(images/contoh_gambar.jpg) harus diganti dengan url(../images/contoh_gambar.jpg)
  8. Untuk menampilkan halaman content yang lain, kita membutuhkan link untuk memanggil halaman tersebut melalui sebuah controller. untuk link nya adalah sebagai berikut : buka file header.php di folder application/views
  9. Kemudian kita membutuhkan sebuah Controller bernama proses.php yang berada didalam folder application/controllers yang digunakan untuk memanggil methode nya
  10. Jangan lupa untuk setting file autoload.php di folder application/config untuk helper $autoload[‘helper’] = array(‘url’,’form’);
  11. Setting juga config.php di folder application/config untuk baseURL sesuaikan dengan link web anda $config[‘base_url’]    = “http://localhost/template/&#8221;;

Download

http://www.4shared.com/file/KjqE19Qr/template.html

Sekian artikel dari saya semoga dapat bermanfaat untuk teman-teman dan anda semua…aamiin

Depok, 25-09-2011

noname

Template Admin Blue


Latar Belakang

Sebuah web ada frontend dan backend. untuk halaman frontend agar lebih cepat bisa menggunakan template yang banyak tersedia di internet dengan kata kunci “free css templates”. misalnya situs :

Nah untuk halaman backend nya biasanya dimulai dengan halaman login.

login-template

Fitur yang terdapat dalam template ini :

  • Ada template untuk form
  • Ada template untuk tabel
  • Ada template untuk gallery
  • Ada template login
  • Ada menu interaktif dengan pulldown

Download

http://www.4shared.com/file/aKA8j7EP/admintheme_blue.html

Sekian artikel dari saya semoga bermanfaat untuk teman-teman dan anda semua…aamiin

Depok, 21-05-2011

noname

%d bloggers like this: