Selasa, 17 Mei 2016

Mengatasi Permasalahan Auto Restart komputer Pada Windows 7

Salam Teknologi.
mungkin permasalahan ini pernah terjadi pada master master sekalian, saya pun pernah mengalami hal tersebut. nah untuk mengatasi hal tersebut berikut langkah langkahnya.
  • Klik kanan [Computer] kemudian pilih [properties]
  • Klik [Advanced System Settings].

  • Pada jendela yang mucul, klik [setting] pada startup and recovery.

  • Pada system failurehilangkan tanda centang pada "automatically restart"

  • Klik [OK]

Sabtu, 07 Mei 2016

TENTANG WAJO

Kabupaten Wajo merupakan salah satu kabupaten di propinsi Sulawesi Selatan. Ibukotanya Sengkang, sekitar 242 km dari kota Makassar (Ibukota Propinsi Sulawesi Selatan), dapat ditempuh sekitar 4 jam dengan menggunakan mobil. Dari kota Parepare, pusat kawasan pengembangan ekonomi terpadu di propinsi Sulawesi Selatan, sekitar 87 km.
Wajo yang luas wilayahnya 250.619 hektar, terbagi atas 14 kecamatan, 48 kelurahan dan 128 desa, memiliki potensi sumber daya alam yang besar.
Karakteristik potensi alam Wajo, seperti diungkapkan oleh Arung Matoa Wajo, La Tadampare Puang Ri Maggalatung (1491-1521) : mangkalungu ri bulu'E, massulappe ripottanangngE ma matodang ritasi'E, ri tapparengngE. Artinya : daerah ini merupakan negeri yang subur dan nyaman. Ibarat seorang tidur, maka ia berbantalkan gunung dan hutan, memeluk lembah, dan kakinya menyentuh danau atau air laut.

JATI DIRI BANGSA WAJO

Hampir tak ada negeri yang tidak didatangi orang Wajo. Sampai ke ujung duniapun asalkan ada peluang bisnis dan iklim yang menjamin kebebasan berusaha. Orang Wajo akan datang.
Perumpamaan itu tak lain untuk menunjukkan betapa sifat kewiraswastaan (interpreneurship) telah mendarah daging pada setiap pribadi orang Wajo.Sifat ini dituntun pesan leluhur : aja mumaelo natunai sekke, naburuki labo (jangan terhina oleh sifat kikir dan hancur oleh sifat boros).
Berpegang pada Tellu Ampikalena To WajoE (tiga prinsip hidup), tau'E ri DewataE, siri'E ri padatta rupatau, siri'E ri watakkale (ketaqwaan kepada Allah SWT, rasa malu pad orang lain dan pada diri sendiri), orang Wajo memiliki etos kerja, resopa natinulu natemmangingngi, namalomo naletei pammase Dewata Seuwae (hanya dengan kerja keras, rajin, dan ulet, mendapat keridhaan Allah SWT)

SEJARAH TERBENTUKNYA KERAJAAN WAJO

Ada dua tradisi sejarah terbentuknya kerajaan Wajo. Pertama versi tutur,yang disebut sebagai Pau-Pau ri Kadong. Dan versi kedua yaitu versi tulis. Yaitu versi lontara antara lain, Lontara Sukkuna Wajo, Lontara Attoriolong ri Wajo, Lontara Akkarungeng ri Wajo dan Kroniek Van Wadjo,yang merupakan hasil transkripsi J. Noorduyn pada salah satu naskah kronik Wajo lainnya.

Pau-Pau ri Kadong secara singkat bercerita tentang seorang putri Luwu yang sakit kulit, yakni We Tadampali. Atas masukan dari Hadat Luwu dan kebaikan rakyat Luwu, beliau dihanyutkan bersama pengikutnya agar tidak menjangkiti orang Luwu.

Ketika terdampar, beliau membuat pemukiman. Hingga suatu saat, beliau dijilat oleh kerbau belang hingga sembuh. Di saat bersamaan, seorang pangeran dari Bone beserta rombongannya yang sedang berburu, singgah beristirahat. Kebetulan, sang pangeran beserta rombongannya. Sang pangeran kaget melihat ada perkampungan kecil ditempat tersebut.Ketika mendatangi rumah besar (rumah We Tadampali) sang pangeran pun kaget hingga pingsan melihat kecantikan We Tadampali.

KERAJAAN-KERAJAAN DI DAERAH WAJO

Kedatuan tertua di Wajo adalah kedatuan Cina yang raja pertamanya La Sattumpugi. Dalam Lontara Sukkuna Wajo diterangkan bahwa La Santupugi yang datang ke daerah Tanah Ugi ditemani oleh para pengikutnya dengan perahu-perahu berbentuk dua kedatuan yaitu Cina Ri Lau dan Cina Ri Aja.
Yang disebut Cina Ri Lau adalah Bone sedangkan Cina Riaja itu yang disebut Tanah Ugi. 
Jadi disitulah kelahiran tanah bugis yang kemudian hari menyebar ke beberapa daerah yang di diami suku ugi atau bugis. 
Menurut Lontara Sukkuna Bugis bahwa 
nama Ugi diambil dari nama raja pertama Bina yaitu La Santupugi, akhir kata La Satunpugi adala ugi.

Menurut sebuh lontara Andi Makkaraka Arung Bentempola bahwa nama kedatuan Cina Ri Aja diubah menjadi Pammana yang kemudian disingkat lagi dengan Pammana.

Lontara Sukkuna Wajo (Suntingan Teks Kerajaan Wajo Sulawesi Selatan)

Naskah klasik termasuk benda cagar budaya yang harus dilindungi, sesuai
dengan Undang-Undang Nomor 5 tahun 1992 pasal 1 tentang Benda Cagar Budaya
(BCB) yang berumur sekurang-kurangnya 50 (lima puluh) tahun. Naskah adalah
salah satu bentuk peninggalan tertulis kebudayaan masa silam, dokumen yang
menarik untuk diteliti. Ia sebagai dokumen merekam secara tertulis kegiatan
masa lampau yang merupakan manifestasi dan refleksi kehidupan masyarakatnya,
jembatan yang menghubungkan generasi masa lalu, masa sekarang, dan masa

Kamis, 05 Mei 2016

Cara Mendaftarkan Blog di Search Console

Cara Mendaftarkan Blog di Search Console – Search Console ini dahulu namanya adalah Webmaster Tools, jadi hanya berubah nama saja dan secara tampilan dan fitur di dalamnya tidak ada perubahan. Mendaftarkan blog di search console bertujuan agar blog kita mudah terindeks oleh Google, serta mengetahui kesalahan-kesalahan lain di blog kita mulai dari struktur HTML blog dan kesalahan link. Untuk itu mendaftarkan blog di search console mutlak harus dilakukan oleh blogger dan para pemilik situs web.
Cara Mendaftarkan Blog di Search Console (Terbaru)
Search Console ini menurut saya layanan gratis tapi premium, dengan Search Console kita dapat memantau perkembangan blog kita. Mulai dari adanya kesalahan seperti terkena malware, kesalahan perayapan, link eror, mengetahui prosentase index artikel, mengetahui kata kunci yang sering masuk ke blog kita dan lain sebagainya.

Selasa, 03 Mei 2016

Membuat Form Edit Menggunakan Modal Twitter Bootstrap & jQuery

Sekarang saya mau coba buat tutorial Bootstrap sederhana, namun bnyak sekali digunakan dalam berbagai kasus pembuatan website. yaitu, bagaimana membuat form edit pada Modal  di twitter bootstrap. Penjelasan sederhananya, saat kita ingin mengedit suatu record data dan mengklik button "edit", muncul modal dengan form edit didalamnya, namun di dalam form input tersebut, sudah terisikan data-data berdasarakan "ID" data yang kita pilih.. 
Contoh Seperti gambar dibawah ini : Jika di klik button edit pada record no. 1 maka akan muncul form edit dengan data kode pelanggan P-001.

Pengenalan Twitter Bootstrap


Berawal dari iseng-iseng mencari informasi tentang bagaimana cara untuk mempermudah dan mempercepat kita dalam mendesain sebuah tampilan website (front-end) dengan tampilan yang simple tapi tetap bisa dikatakan elegan. Dengan begitu dalam mendevelop desain sebuah web aplikasi atau suatu website pages tidak akan memakan waktu yang lama. 
Setelah menjelajahi Mbah Google, saya menemukan beberapa frontend framewok yang salah satunya adalah Twitter Bootstrap. Dari beberapa frontend framewok yang saya dapatkan, Twitter Bootstrap ini bisa dibilang memiliki rating yang sangat baik, mungkin karna segi tampilan yang baik, kemudahan menggunakan nya dan juga Dokumentasi yang disediakan oleh pihak Twitter Bootstrap sangat lengkap dan mudah dipahami. 

Membuat Menu Collapse di Dalam Menu Dropdown Bootstrap 3


Versi paling baru untuk Twitter Bootstrap sekarang yaitu Twitter Bootstrap v3.2.0 atau bisa disebut bootstrap 3, seperti yang kita ketahui bootstrap sudah beberapa kali melakukan perbaikan bugs dan penggantian dari segi design. Walaupun bootstrap memiliki banyak fitur yang berguna namun bootstrap masih ada beberapa kekurangan, maksud saya "kekurangan" itu jika kita menginginkan untuk menggabungkan 2 fitur atau lebih sekaligus akan mengalami crash (crash disini maksud saya tidak akan bekerja akan terjadi konflik/conflict).

Perkenalan Font Awesome untuk Pure CSS dan Bootstap


Asalamualaikum..
Mungkin untuk sebagian orang masih nyaman membuat icon dengan photoshop untuk merubah warna dan sebagainya, dan nantinya pasti akan disave dalam bentuk image yang tuntu sedikit memberatkan website.

Beralih dari Input Submit ke Button dan Cara Mudah Membuat Button Bootstrap

Kenapa beralih dari Input Submit ke Button?
Ya, menurut saya button lebih Power Full dari pada Input Submit walaupun secara fungsi sama saja, tapi yang paling saya suka adalah Button dapat disisipi icon atau gambar yang pastinya akan mempercantik design pada website.
Ini contohnya berikut dengan sintax dasarnya..
Submit to Button

Dari gambar diatas dapat kita lihat bahwa hasil yang di tampikan Button tidak terpaku pada value yang di bawa tapi menampilkan data yang ada diantara Button buka dan tutup termasuk gambar, yang tentu berbeda dengan Input Submit yang tampilannya ter paku pada value yang dibawanya..

Perkenalan Glyphicon Bootstrap dan Cara Mudah Menggunakannya


Beryukurlah, Sekarang Bootstrap versi terbaru (Bootstrap 3) dengan segala kemudahanya memberikan fasilitas icon bawaan yang di sebut “Glyphicon”.

Cara Membuat Tab dengan Bootstrap


Asalamualaikum..
Bagi yang seorang yang belum paham betul JQuery seperti saya, membuat Tab adalah pekerjaan yang cukup sulit..
Tapi Syukurlah, Karena Bootstrap memberikan banyak kemudahan dalam bisang Web Design diantaranya kemudahan untuk membuat Tab..

Cara Menampilkan Icon dari Bootstrap 3

Dalam membuat website, tentu tidak akan lepas dari icon-icon yang mempercantik info text, tombol dan navigasi. Jika kita membuat icon dari awal atau mengedit dari file image, tentu hal ini sangat memakan banyak waktu. Bootstrap sebagai CSS framework yang sekarang sedang populer, memudahkan para desainer web untuk menambahkan icon yang telah tersedia pada Bootstrap. Bukankah lebih cepat menggunakan yang telah ada? Apalagi simbol yang telah kita buat sendiri atau dari hasil editan bermakna sama dari icon Bootstrap.

Responsive Layout dengan Bootstrap bagian 2

sebagai lanjutan dari tutorial Membuat Layout Responsive dengan Container Bootstrap, kali ini kita akan mencoba membuat layout responsive dengan grid sistem. Kalau di tutorial sebelumnya itu adalah dasar untuk membuat lebar layout website yang otomatis responsive, kali ini kita akan bermain dengan grid yang menyesuaikan diri untuk ukuran layar yang berbeda-beda.

Membuat Responsive Layout dengan CSS Media Query

Sebelumnya, kalo ada yang mau nanya "layout responsive itu kayak gimana sih?" nggak usah jauh-jauh.. kecilkan lebar browser anda, dan lihat perubahan layout website JagoCoding yang tetap rapi ini. Itulah yang dinamakan CSS Responsive.
Di tutorial kali ini kita akan belajar membuat layout tersebut dengan bantuan CSS Media Query. Dari segi teknik pun CSS Media Query ini nggak terlalu ribet dipelajari kok, cuma kelemahan teknik ini adalah jadi sedikit lebih makan waktu, karena kita seolah membuat CSS untuk beberapa halaman.

Membuat Layout Responsive dengan Container Bootstrap bagian 1


Salam jagocoding~ sebagai lanjutan dari tutorial saya sebelumnya Membuat Responsive Layout dengan CSS Media Query, kali ini kita masih akan belajar layout responsive juga, tapi dengan bantuan Bootstrap. Peran bootstrap disini bukan untuk menggantikan CSS Media Query, tapi untuk membantu mempermudah, dan sebagai pelengkap layout responsive. Yang penasaran langsung simak aja yok~

Bootstrap : Membuat Display Produk dalam Layout Box 4 Kolom

Selamat pagi Sobat sekalian, saat ini kita banyak menemukan toko online bertebaran di Internet. Saya sering memperhatikan bagaimana produk-produk tersebut di tampilkan dengan format layout yang berbeda-beda. Tahukan Sobat, layout untuk display suatu produk memiliki peran penting agar suatu produk terlihat menarik, dan pengunjung ikut mencari tahu isi detail produk tersebut. Kali ini saya akan memberikan satu referensi terkait display produk dengan menggunakan Layout Box 4 Kolom dengan menggunakan Bootstrap. Versi Bootstrap yang saya pakai adalah yang terbaru yaitu versi 3.3.4. Oke langsung saja..

Bootstrap : Membuat modal

Modal atau di sebut juga pop up, sekarang sangat banyak di gunakan di website-website karena sangat memudahkan pengguna. Dengan adanya modal dalam suatu website maka akan menghemat tempat, karena tidak perlu pindah ke halaman selanjutnya, tetapi memunculkan isi konten berbentuk pop-up. Selamat mencoba .
Framework CSS Bootstrap telah menyediakan fitur modal, modal pada Bootstrap mempunyai beberapa ukuran. Ukuran dari modal tersebut dapat di gunakan sesuai kebutuhan. Ukuran modal pada Bootstrap ada yang large, small dan standar (medium).  Dan ingat sebelum melanjutkan tutorial ini harus telah memiliki framework CSS Bootstrap dan juga telah menyusun struktur foldernya.

Bootstrap : Nesting Column

Ini melanjutkan tutorial saya tentang RWD (Responsive Web Design) dengan Grid System Bootsrtap. pada tutorial ini membahas tentang fitur pendukung dari grid system yang di sediakan Bootstrap itu sendiri, yaitu Nesting Colomn. Selamat mencoba .
Sebelumnya telah di jelaskan tentang pembuatan kolom-kolom pada Bootstrap berdasarkan grid, disini akan di buat bagaimana cara membuat kolom dalam kolom. Dan ingat sebelum melanjutkan tutorial ini harus telah memiliki framework CSS Bootstrap dan juga telah menyusun struktur foldernya.

Bootstrap : Column Ordering

pada tutorial ini membahas tentang fitur pendukung dari grid system yang di sediakan Bootstrap itu sendiri, yaitu Colomn Ordering. Selamat mencoba .
Sebelumnya telah di jelaskan tentang pembuatan kolom-kolom pada Bootstrap berdasarkan grid, disini akan di buat bagaimana cara membuat kolom yang telah di buat tersebut dapat berpindah atau tukar tempat. Dan ingat sebelum melanjutkan tutorial ini harus telah memiliki framework CSS Bootstrap dan juga telah menyusun struktur foldernya.

RWD (Responsive Web Design) dengan Grid System Bootsrtap

Bootstrap merupkakan Framework CSS yang sedang Booming tahun 2015 ini, karena kemudahan penggunaannya dan yang secara otomatis telah mendukung RWD atau di kenal dengan Responsive Web Design. Grid System merupakan teknik pembuatan Layout, pada framework CSS Bootstrap Grid di bagi 12.
 Grid Option
Grid System Bootstrap dapat bekerja berbagai device yang terbagi 4 device yaitu:
  1. Extra Small (col-xs) : Smarthphone < 768px
  2. Small (col-sm) : Tablet >= 768px 
  3. Medium (col-md) : Desktop >= 992px
  4. Large (col-lg) : Large Desktop > =1200px

Bootstrap : Responsive Sidebar

Hai, Berjumpa lagi dengan saya Boy Panjaitan. kali ini saya akan membagikan tutorial tentang CSS lagi.
Pernahkah anda melihat website dengan sidebar yang responsive? responsive disini maksudnya adalah saat pada tampilan
dekstop sidebar akan muncul, namun pada tampilan mobile sidebarnya akan menghilang dan akan muncul tombol untuk
menampilkan sidebarnya.
Untuk tutorial ini kita membutuhkan
  • framework Bootstrap (CSS dan JavaScript)
  • Offcanvas.css file css tambahan dari bootstrap
  • Offcanvas.js file javascript tambahan dari bootstrap

Bootstrap : Membuat modal fullscreen (Layout)

Pada CSS Framework telah tersedia modal, modal yang tersedia pada Bootstrap memiliki beberapa ukuran. Tetapi dari beberapa ukuran tersebut tidak ada ukuran yang full screen, untuk dapat membuat modal Full Screen ada tambahan CSS yang perlu di tambahkan, sehingga akan tercipta ukuran modal Full Screen yang di inginkan.Selamat mencoba .
Dengan adanya modal Bootstrap Full Screen, maka dapat memasukkan content dalam modal dengan lebih banyak karena ruang yang tersedia akan lebih besar , dan dengan adanya modal kita dapat menghemat halaman tidak perlu pindah halaman, cukup dalam halaman yang sama.  Dan ingat sebelum melanjutkan tutorial ini harus telah memiliki framework CSS Bootstrap dan juga telah menyusun struktur foldernya.

Bootstrap : Membuat Scrollspy

Pernah ngga kalian membuka sebuah website lalu ada menu link navigasi yang akan terupdate atau terlihat active ketika kita berada di section tertentu ketika kita scroll? Ini bisa disebut sebagai Scrollspy. Scrollspy biasanya cocok untuk web yang bersifat single page, agar user tau dimana posisi atau section yang sedang dibaca oleh mereka.
Nah Bootstrap ternyata punya tools atau plugin seperti ini. Menggunakan CSS dan Javascript dari Bootstrap, hari ini kita akan mencoba membuat scrollspy. Yeahhhh! Tutorial ini akan memperlihatkan simple way to do Scrollspy, agar kalian tau dengan mudah bagaimana mengimplementasikannya di dokumen web.
Dalam tutorial ini kita akan butuh 2 elemen, elemen pertama yaitu menu navigasi. Dan yang kedua adalah Content (bisa article, section, div). Jadi mari kita mulai.
Buat dokumen HTML baru, dan berikan nama (terserah anda sih) demoscrollspy.html

Button List Group menggunakan Collapse Bootstrap

Button List Group dengan Collapse Bootstrap, merupakan gabungan dari 3 komponen yang ada di fitur Framework CSS Bootstrap. yaitu terdiri dari Button, List Group yang di gabungkan kedalam Collapse Bootstrap. Dengan di gabungkan ke 3 fitur ini dapat mempercantik wesite dan menghemat tempat karena menggunakan collapse. Selamat mencoba.
Button List Group dengan Collapse Bootstrap, ini mirip dengan accordion buttonnya dapat di tampilkan maupun di sembunyikan, dan juga dapat di berisi pengumuman, atau juga dapat di tambahkan konten sesuai kebutuhan kita. Untuk membuatnya kita tidak perlu menambahkan CSS tambahan, tetapi sebaiknya di kustomisasi sendiri . Ini membutuhkan  jquery jquery-2.1.3.min.js ) . Dan jangan lupa harus telah memiliki framework CSS Bootstrap dan juga telah menyusun struktur foldernya.