Mengenal dan memahami tcp/ip

 Assalamualaikum wr.wb,
Apa kabar kalian semua ?
Hari ini saya akan belajar tentang mengenal dan memahami tcp/ip.

    TCP/IP (singkatan dari Transmission Control Protocol/Internet Protocol) jika diterjemahkan adalah Protokol Kendali Transmisi/Protokol Internet, adalah gabungan dari protokol TCP (Transmission Control Protocol) dan IP (Internet Protocol) sebagai sekelompok protokol yang mengatur komunikasi data dalam proses tukar-menukar data dari satu komputer ke komputer lain di dalam jaringan internet yang akan memastikan pengiriman data sampai ke alamat yang dituju. Protokol ini tidaklah dapat berdiri sendiri, karena memang protokol ini berupa kumpulan protokol (protocol suite). Protokol ini juga merupakan protokol yang paling banyak digunakan saat ini, karena protokol ini mampu bekerja dan diimplementasikan pada lintas perangkat lunak (software) di berbagai sistem operasi Istilah yang diberikan kepada perangkat lunak ini adalah TCP/IP stack.


   Protokol TCP/IP dikembangkan pada akhir dekade 1970-an hingga awal 1980-an sebagai sebuah protokol standar untuk menghubungkan komputer-komputer dan jaringan untuk membentuk sebuah jaringan yang luas (WAN). TCP/IP merupakan sebuah standar jaringan terbuka yang bersifat independen terhadap mekanisme transport jaringan fisik yang digunakan, sehingga dapat digunakan di mana saja. Protokol ini menggunakan skema pengalamatan yang sederhana yang disebut sebagai alamat IP (IP Address) yang mengizinkan hingga beberapa ratus juta komputer untuk dapat saling berhubungan satu sama lainnya di Internet. Protokol ini juga bersifat routable yang berarti protokol ini cocok untuk menghubungkan sistem-sistem berbeda (seperti Microsoft Windows dan keluarga UNIX) untuk membentuk jaringan yang heterogen.

  Protokol TCP/IP selalu berevolusi seiring dengan waktu, mengingat semakin banyaknya kebutuhan terhadap jaringan komputer dan Internet. Pengembangan ini dilakukan oleh beberapa badan, seperti halnya Internet Society (ISOC), Internet Architecture Board (IAB), dan Internet Engineering Task Force (IETF). Macam-macam protokol yang berjalan di atas TCP/IP, skema pengalamatan, dan konsep TCP/IP didefinisikan dalam dokumen yang disebut sebagai Request for Comments (RFC) yang dikeluarkan oleh IETF.

Arsitektur.
  Arsitektur TCP/IP tidaklah berbasis model referensi tujuh lapis OSI, tetapi menggunakan model referensi DARPA. Seperti diperlihatkan dalam diagram, TCP/IP merngimplemenasikan arsitektur berlapis yang terdiri atas empat lapis. Empat lapis ini, dapat dipetakan (meski tidak secara langsung) terhadap model referensi OSI. Empat lapis ini, kadang-kadang disebut sebagai DARPA Model, Internet Model, atau DoD Model, mengingat TCP/IP merupakan protokol yang awalnya dikembangkan dari proyek ARPANET yang dimulai oleh Departemen Pertahanan Amerika Serikat.

Setiap lapisan yang dimiliki oleh kumpulan protokol (protocol suite) TCP/IP diasosiasikan dengan protokolnya masing-masing. Protokol utama dalam protokol TCP/IP adalah sebagai berikut:

• Protokol lapisan aplikasi: bertanggung jawab untuk menyediakan akses kepada aplikasi terhadap layanan jaringan TCP/IP. Protokol ini mencakup protokol Dynamic Host Configuration Protocol (DHCP), Domain Name System (DNS), Hypertext Transfer Protocol (HTTP), File Transfer Protocol (FTP), Telnet, Simple Mail Transfer Protocol (SMTP), Simple Network Management Protocol (SNMP), dan masih banyak protokol lainnya. Dalam beberapa implementasi stack protokol, seperti halnya Microsoft TCP/IP, protokol-protokol lapisan aplikasi berinteraksi dengan menggunakan antarmuka Windows Sockets (Winsock) atau NetBIOS over TCP/IP (NetBT).
• Protokol lapisan antar-host: berguna untuk membuat komunikasi menggunakan sesi koneksi yang bersifat connection-oriented atau broadcast yang bersifat connectionless. Protokol dalam lapisan ini adalah Transmission Control Protocol (TCP) dan User Datagram Protocol (UDP).
• Protokol lapisan internetwork: bertanggung jawab untuk melakukan pemetaan (routing) dan enkapsulasi paket-paket data jaringan menjadi paket-paket IP. Protokol yang bekerja dalam lapisan ini adalah Internet Protocol (IP), Address Resolution Protocol (ARP), Internet Control Message Protocol (ICMP), dan Internet Group Management Protocol (IGMP).
• Protokol lapisan antarmuka jaringan: bertanggung jawab untuk meletakkan frame-frame jaringan di atas media jaringan yang digunakan. TCP/IP dapat bekerja dengan banyak teknologi transport, mulai dari teknologi transport dalam LAN (seperti halnya Ethernet dan Token Ring), MAN dan WAN (seperti halnya dial-up modem yang berjalan di atas Public Switched Telephone Network (PSTN), Integrated Services Digital Network (ISDN), serta Asynchronous Transfer Mode (ATM)).

Pengalamatan.
Protokol TCP/IP menggunakan dua buah skema pengalamatan yang dapat digunakan untuk mengidentifikasikan sebuah komputer dalam sebuah jaringan atau jaringan dalam sebuah internetwork, yakni sebagai berikut:

• Pengalamatan IP: yang berupa alamat logis yang terdiri atas 32-bit (empat oktet berukuran 8-bit) yang umumnya ditulis dalam format www.xxx.yyy.zzz. Dengan menggunakan subnet mask yang diasosiasikan dengannya, sebuah alamat IP pun dapat dibagi menjadi dua bagian, yakni Network Identifier (NetID) yang dapat mengidentifikasikan jaringan lokal dalam sebuah internetwork dan Host identifier (HostID) yang dapat mengidentifikasikan host dalam jaringan tersebut. Sebagai contoh, alamat 205.116.008.044 dapat dibagi dengan menggunakan subnet mask 255.255.255.000 ke dalam Network ID 205.116.008.000 dan Host ID 44. Alamat IP merupakan kewajiban yang harus ditetapkan untuk sebuah host, yang dapat dilakukan secara manual (statis) atau menggunakan Dynamic Host Configuration Protocol (DHCP) (dinamis).
• Fully qualified domain name (FQDN): Alamat ini merupakan alamat yang direpresentasikan dalam nama alfanumerik yang diekspresikan dalam bentuk <nama_host>.<nama_domain>, di mana <nama_domain> mengindentifikasikan jaringan di mana sebuah komputer berada, dan <nama_host> mengidentifikasikan sebuah komputer dalam jaringan. Pengalamatan FQDN digunakan oleh skema penamaan domain Domain Name System (DNS). Sebagai contoh, alamat FQDN id.wikipedia.org merepresentasikan sebuah host dengan nama "id" yang terdapat di dalam domain jaringan "wikipedia.org". Nama domain wikipedia.org merupakan second-level domain yang terdaftar di dalam top-level domain .org, yang terdaftar dalam root DNS, yang memiliki nama "." (titik). Penggunaan FQDN lebih bersahabat dan lebih mudah diingat ketimbang dengan menggunakan alamat IP. Akan tetapi, dalam TCP/IP, agar komunikasi dapat berjalan, FQDN harus diterjemahkan terlebih dahulu (proses penerjemahan ini disebut sebagai resolusi nama) ke dalam alamat IP dengan menggunakan server yang menjalankan DNS, yang disebut dengan Name Server atau dengan menggunakan berkas hosts (/etc/hosts atau %systemroot%\system32\drivers\etc\hosts) yang disimpan di dalam mesin yang bersangkutan.

 Layanan.
Berikut ini merupakan layanan tradisional yang dapat berjalan di atas protokol TCP/IP:

• Pengiriman berkas (file transfer). File Transfer Protocol (FTP) memungkinkan pengguna komputer yang satu untuk dapat mengirim ataupun menerima berkas ke sebuah host di dalam jaringan. Metode otentikasi yang digunakannya adalah penggunaan nama pengguna (user name) dan password'', meskipun banyak juga FTP yang dapat diakses secara anonim (anonymous), alias tidak berpassword. (Keterangan lebih lanjut mengenai FTP dapat dilihat pada RFC 959.)
• Remote login. Network terminal Protocol (telnet) memungkinkan pengguna komputer dapat melakukan log in ke dalam suatu komputer di dalam suatu jaringan secara jarak jauh. Jadi hal ini berarti bahwa pengguna menggunakan komputernya sebagai perpanjangan tangan dari komputer jaringan tersebut. (Keterangan lebih lanjut mengenai Telnet dapat dilihat pada RFC 854 dan RFC 855.)
• Computer mail. Digunakan untuk menerapkan sistem surat elektronik. (Keterangan lebih lanjut mengenai e-mail dapat dilihat pada RFC 821 RFC 822.)
• Network File System (NFS). Pelayanan akses berkas-berkas yang dapat diakses dari jarak jauh yang memungkinkan klien-klien untuk mengakses berkas pada komputer jaringan, seolah-olah berkas tersebut disimpan secara lokal. (Keterangan lebih lanjut mengenai NFS dapat dilihat RFC 1001 dan RFC 1002.)
• Remote execution. Memungkinkan pengguna komputer untuk menjalankan suatu program tertentu di dalam komputer yang berbeda. Biasanya berguna jika pengguna menggunakan komputer yang terbatas, sedangkan ia memerlukan sumber yg banyak dalam suatu sistem komputer.
  Ada beberapa jenis remote execution, ada yang berupa perintah-perintah dasar saja, yaitu yang dapat dijalankan dalam system komputer yang sama dan ada pula yg menggunakan sistem Remote Procedure Call (RPC), yang memungkinkan program untuk memanggil subrutin yang akan dijalankan di sistem komputer yg berbeda. (sebagai contoh dalam Berkeley UNIX ada perintah rsh dan rexec.)
• Name server yang berguna sebagai penyimpanan basis data nama host yang digunakan pada Internet (Keterangan lebih lanjut dapat dilihat pada RFC 822 dan RFC 823 yang menjelaskan mengenai penggunaan protokol name server yang bertujuan untuk menentukan nama host di Internet.)  

Bentuk Arsitektur:
Dikarenakan TCP/IP adalah serangkaian protokol di mana setiap protokol melakukan sebagian dari keseluruhan tugas komunikasi jaringan, maka tentulah implementasinya tak lepas dari arsitektur jaringan itu sendiri. Arsitektur rangkaian protokol TCP/IP mendifinisikan berbagai cara agar TCP/IP dapat saling menyesuaikan.
Karena TCP/IP merupakan salah satu lapisan protokol Model OSI, berarti bahwa hierarki TCP/IP merujuk kepada 7 lapisan OSI tersebut. Tiga lapisan teratas biasa dikenal sebagai "upper level protocol" sedangkan empat lapisan terbawah dikenal sebagai "lower level protocol". Tiap lapisan berdiri sendiri tetapi fungsi dari masing-masing lapisan bergantung dari keberhasilan operasi layer sebelumnya. Sebuah lapisan pengirim hanya perlu berhubungan dengan lapisan yang sama di penerima (jadi misalnya lapisan data link penerima hanya berhubungan dengan lapisan data link pengirim) selain dengan satu layer di atas atau di bawahnya (misalnya lapisan network berhubungan dengan lapisan transport di atasnya atau dengan lapisan data link di bawahnya).
Model dengan menggunakan lapisan ini merupakan sebuah konsep yang penting karena suatu fungsi yang rumit yang berkaitan dengan komunikasi dapat dipecahkan menjadi sejumlah unit yang lebih kecil. Tiap lapisan bertugas memberikan layanan tertentu pada lapisan diatasnya dan juga melindungi lapisan diatasnya dari rincian cara pemberian layanan tersebut. Tiap lapisan harus transparan sehingga modifikasi yang dilakukan atasnya tidak akan menyebabkan perubahan pada lapisan yang lain. Lapisan menjalankan perannya dalam pengalihan data dengan mengikuti peraturan yang berlaku untuknya dan hanya berkomunikasi dengan lapisan yang setingkat. Akibatnya sebuah layer pada satu sistem tertentu hanya akan berhubungan dengan lapisan yang sama dari sistem yang lain. Proses ini dikenal sebagai Peer process. Dalam keadaan sebenarnya tidak ada data yang langsung dialihkan antar lapisan yang sama dari dua sistem yang berbeda ini. Lapisan atas akan memberikan data dan kendali ke lapisan dibawahnya sampai lapisan yang terendah dicapai. Antara dua lapisan yang berdekatan terdapat interface (antarmuka). Interface ini mendifinisikan operasi dan layanan yang diberikan olehnya ke lapisan lebih atas. Tiap lapisan harus melaksanakan sekumpulan fungsi khusus yang dipahami dengan sempurna. Himpunan lapisan dan protokol dikenal sebagai "arsitektur jaringan".

sumber:https:https://id.wikipedia.org/wiki/Internet_protocol_suite

Sekian belajar dengan saya.
Semoga bermanfaat.
Wassalamualaikum wr.wb

 

Read More →

CSS linkAtas.html

  Assalammualaikum wr.wb.
hari ini saya akan belajar tentang CSS link Atas.html.
Macam-macam CSS link Atas. html,

• Smal.
• Medium.
• Large.
• xlarge.
• xxlarge.
• xxxlarge.

-contoh script CSS link smal.

<!DOCTYPE html>
<html>
<title>W3.CSS</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css">
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css">
<body class="w3-container">

<p>w3-small:</p>
<div class="w3-topnav w3-small w3-black">
  <a href="#"><i class="fa fa-home w3-small"></i></a>
  <a href="#">W3Schools</a>
  <a href="#">Link 1</a>
  <a href="#">Link 2</a>
  <a href="#">Link 3</a>
</div>

</body>
</html>

-Hasil tag diatas.

-Contoh script css link medium.

<!DOCTYPE html>
<html>
<title>W3.CSS</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css">
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css">
<body class="w3-container"></body>

<p>w3-medium:</p>
<div class="w3-topnav w3-orange">
  <a href="#"><i class="fa fa-home w3-large"></i></a>
  <a href="#">W3Schools</a>
  <a href="#">Link 1</a>
  <a href="#">Link 2</a>
  <a href="#">Link 3</a>
</div>


</body>
</html>

-Hasil tag diatas.

-Contoh script link large.

<!DOCTYPE html>
<html>
<title>W3.CSS</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css">
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css">
<body class="w3-container"></body>

<p>w3-large:</p>
<div class="w3-topnav w3-large w3-red">
  <a href="#"><i class="fa fa-home w3-large"></i></a>
  <a href="#">W3Schools</a>
  <a href="#">Link 1</a>
  <a href="#">Link 2</a>
  <a href="#">Link 3</a>
</div>

</body>
</html>

-Hasil dari tag diatas.

-Contoh  script link xlarge.

<!DOCTYPE html>
<html>
<title>W3.CSS</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css">
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css">
<body class="w3-container"></body>

<p>w3-xlarge:</p>
<div class="w3-topnav w3-xlarge w3-blue">
  <a href="#"><i class="fa fa-home w3-xlarge"></i></a>
  <a href="#">W3Schools</a>
  <a href="#">Link 1</a>
  <a href="#">Link 2</a>
  <a href="#">Link 3</a>
</div>

</body>
</html>

-Hasil dari tag diatas.

-Contoh script link xxlarge.

<!DOCTYPE html>
<html>
<title>W3.CSS</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css">
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css">
<body class="w3-container"></body>

<p>w3-xxlarge:</p>
<div class="w3-topnav w3-xxlarge w3-green">
  <a href="#"><i class="fa fa-home w3-xxlarge"></i></a>
  <a href="#">W3Schools</a>
</div>

</body>
</html>

-Hasil tag diatas.

-Contoh script link xxxlarge.

<!DOCTYPE html>
<html>
<title>W3.CSS</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css">
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css">
<body class="w3-container"></body>

<p>w3-xxxlarge:</p>
<div class="w3-topnav w3-xxxlarge w3-teal">
  <a href="#"><i class="fa fa-home w3-xxxlarge"></i></a>
  <a href="#">W3Schools</a>
</div>

</body>
</html>

-Hasil tag diatas.

sumber:http://www.w3schools.com/

Sekian belajar dengan saya. semoga bermanfaat.
Wassalamualaikum wr.wb.

Read More →

Belajar pedding,marjin,border melalui css.

 Assalamualaikum wr.wb.
Apa kabar kalian semua ?
Hari ini saya akan shering tentang : padding, margin, border melalui css.

Padding : adalah ruang horizontal dan vertikal yang diatur di sekitar area isi/konten dari elemen yang ditargetkan. Jadi padding di bagian dalam kotak, bukan di luar.

Margin : ruang disekitar elemen/konten. Margin akan membentuk daerah (ruang) vertikal dan horizontal antara elemen. Jika elemen/konten tidak memilki margin, maka elemen-elemen tersebut akan rapat bertemu terhadap satu sama lain. Agar margin bekerja dengan baik, elemen biasanya diikuti oleh posisi float atau diposisikan relative. Style ini sering diterapkan untuk dapat memindahkan elemen lain di sekitarnya.

Border : Border/garis tepi dapat digunakan untuk banyak hal, misalnya sebagai elemen dekoratif atau untuk memberi garis batas pemisah dari dua hal. Border properti mendefinisikan width, color, and style dari batas area pada box/kotak.

sumber:http://problogiz.blogspot.co.id/2012/12/pengertian-margin-padding-dan-border.html.

Hasil shering saya hari ini.
1.kegunaan Css.

• Kode HTML menjadi lebih sederhana dan lebih mudah di atur.
• Ukuran file menjadi lebih kecil ,load file lebih cepat sehingga kinerja. website lebih baik.
• Dengan  CSS mengubah tampilan hanya dengan mengubah file CSS saja.
• CSS dapat berkolaborasi dengan javascript.

2.Membuat tag header <h2> bewarna biru.

h2{
   color:blue;
}

-Contoh tag.

3.Contoh script yang saya buat hari ini.

<!DOCTYPE html>
<html>
<head>
<style>

p.h2 {
   color:blue;
}
h2 {
  color:deeppink;
}
p.h2 {
    border:solid;
    border-color:aqua;
    border-top-left-radius:2em;
    border-top-right-radius:2em;
    border-bottom-left-radius:2em;
    border-bottom-right-radius:2em;
    background-color:deeppink;
    margin-top: 100px;
    margin-bottom: 100px;
    margin-right: 150px;
    margin-left: 80px;

    padding-top: 50px;
    padding-right: 30px;
    padding-bottom: 50px;
    padding-left: 80px;
}
</style>
</head>
<body>

<h2>Belajar,padding,margin,border.</h2>

<p class="h2">belajar,padding,margin,border.</p>

</body>
</html>

4.Hasil dari text yang di atas.

sumber:http://www.w3schools.com/

Sekian shering dari saya silakan, semoga bermanfaat.
Wassalamualaikum wr.wb

Read More →

Macam-macam border melalui css

  Assalamualaikum wr.wb
Hari ini saya akan belajar tentang macam-macam border melalui css.

Macam-macam border css.

• border dotted.
• border dashed.
• border solid.
• border double.
• border groove.
• border ridge.
• border inset.
• border outset.

1.Contoh script border dotted.

*Tampilan border dotted.

2.Contoh border dashed.

*Tampilan  border dashed.

3.Contoh script border solid.

*Tampilan border solid.

4.Contoh script border double.

*Tampilan  border double.

5.Contoh script groove.

*Tampilan  border groove.

6.Contoh script ridge.

*Tampilan border ridge.

7.Tontoh script border inset.

*Tampilan border inset.

8.Tontoh script border outset.

*Tampilan border outset.

Sekian materi yang saya sampaikan semoga bermanfaat bagi anda.
Wassalamualaikum wr.wb.
Sumber : http://www.w3schools.com/css/css_border.asp

Read More →

Pengertian bluefish

  Assalamualaikum wr.wb.
Apa kabar kalian semua ?
Hari ini saya belajar tentang pengertian Bluefish.


   Bluefish merupakan salah satu aplikasi yang mendukung editor teks yang mendukung bahasa pemrograman. Ya memang benar, aplikasi ini sama halnya seperti aplikasi editor teks pada umumnya. Contoh aplikasi yang lain seperti vim, gedit, notepad++, dan masih banyak lagi.

   Bluefish juga dapat merupakan sebuah proyek open source dimana kita dapat berkontribusi untuk menyempurnakan aplikasi editor ini. Tentunya apabila kita sebagai seorang developer, tidak ada salahnya mencoba menikmati ikan biru yang support untuk banyak platform seperti Linux,

* kelebihan bluefish.

• Selain untuk lingkungan Linux, Bluefish juga tersedia bagi pengguna Windows
• Pada versi terbarunya, Bluefish mempunyai fasilitas auto completion pop-up yang amat sangat membantu. Fasilitas ini akan memberikan sugesti berbagai sintaks yang cukup lengkap.
• Aplikasi ini tidak membutuhkan banyak resource memori komputer.
• Mempunyai tools yang akan bermanfaat untuk para desainer web.
• Memudahkan kita memahami sintaks dengan highlight yang menarik.
• Free and Open Source.
• Auto-recovery pada dokumen atau sintaks program jika suatu saat aplikasi kita mengalami crash maupun mati mendadak.
• Auto tag closing, menutup secara otomatis tag bahasa pemrograman web tertentu, misalnya tag pada HTML.

 *keunggulan bluefish.

-Ringan, editor ini berukuran kira-kira 4,4 MB
-Fitur mumpuni,  fitur di dalam Bluefish yang paling dicari dan disukai adalah  autocomplete syntax.
-Dukungan, Bluefish mempunyai keunggulan untuk pemakai yang fokus dalam -pemrograman web. Fitur untuk HTML5 hingga CSS telah terselip dengan baik.
-Cross Platform, Bluefish dapat berjalan baik di Windows, Linux dan MacOS

 sekian dari saya,
Wassalamualaikum wr.wb.

sumber: https://kahoda.wordpress.com

Read More →

melihat ip liwat linux mint.

 Assalamualaikum wr.wb
Hari ini saya akan shering tentang cara melihat ip lewat terminal linux mint.

1.Masuk terminal, ketikan su enter, masukkan pasword pc anda.

2.Tuliskan apt-get install ssh lalu tekan enter

3.Tunggu sampai mucul gambar seperti ini.

ketik y lalu enter.
4.Ketik ifconfig lalu tekan enter.

Alamat ip :192.168.124.253.
5. Ketikkan ip di browser lalu tekan enter.

6.Bila berhasil akan muncul gambar seperti ini.

Selesai.
Sekian shering silkan mencoba.
Wassalamualaikum wr.wb

Read More →

membuat bootstrap lewat layoutit

  Assalamualaikum wr.wb
Hari ini saya akan shering tentang membuat bootstrap lewat layoutit.
-Langkah-langkah.
1.Buka browser lalu ketikkan layoutit.

2.Pilih pilih layoutit-interface builder for bootstrap.

3.Lalu klik. akan muncul gambar seperti ini.

4.Pilih START NOW with bootstrap lalu anda klik.

5.Lalu klik tombol remove untuk menghapus.
setelah anda klik tombol remove akan muncul gambar seperti ini.

6.Lalu pilih desain/colom yang anda inginkan.
contoh.
untuk menentukan jumlah colom.

Untuk menaruh colom yang telah anda pilih.

7.Ini contoh desainnya.

8.Gambar untuk mengambil colom-colom desain.

9.Kalau sudah membuat desai langsung klik Download.

10. Pilih continue non loged.

11. Lalu pilih Download.zip

 

12.Pilih save file.

Cara menampilkan bootstrip ke Blufish.
-Setelah anda Download. lihat di menu lalu lihat di Download.

-Kalau sudah masuk di Download pilih layoutiti.zip lalu anda klik kanan pilih extract here.
-Kalau sudah anda extract here akan muncul documen layoutit seperti ini.

Lalu anda klik layoutit.

-Lalu pilih index.html klik kanan pilih open with pili Bluefish.
setelah anda klik Bluefish akan muncul  text seperti ini.

Tinggal anda edit sesuka hati.

selesai.
Sekian shering dengan saya. silakan mencoba dan semoga berhasil.
Wassalamualaikum wr.wb.

Read More →