Tutorial Bootstrap - Membuat NavBar

tulis

<div class="nav-collapse">
     <ul class="nav">
          <li class="active"><a href="#">Home</a></li>
          <li><a href="#">About</a></li>
          <li><a href="#">Products</a></li>
          <li><a href="#">Contact</a></li>
     </ul>
</div>

Tambahkan Dropdown menu

<li class="dropdown">
     <a href="#" class="dropdown-toggle" data-toggle="dropdown">Products <b class="caret"></b></a>
     <ul class="dropdown-menu">
          <li><a href="#">First Item</a></li>
          <li><a href="#">Second Item</a></li>
          <li><a href="#">Third Item</a></li>
     </ul>
</li>

Buat fungsi pencarian

<form class="navbar-search pull-right">
     <input type="text" class="search-query" placeholder="Search...">
</form>

Berikut script navigasinya yang lengkap:

<!-- Navigation -->
<div class="navbar navbar-inverse navbar-static-top">
 <div class="navbar-inner">
  <div class="container">
        <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
             <span class="icon-bar"></span></a>
        <a class="brand" href="#">BOOTSTRAP-ISME</a>
        <div class="nav-collapse">
             <ul class="nav">
                  <li class="divider-vertical"></li>
     <li class="active"><a href="#">Home</a></li>
     <li class="divider-vertical"></li>
     <li><a href="#">About</a></li>
     <li class="divider-vertical"></li>
     <li class="dropdown">
      <a href="#" class="dropdown-toggle" data-toggle="dropdown">Products <b class="caret"></b></a>
      <ul class="dropdown-menu">
       <li><a href="#">First Item</a></li>
       <li><a href="#">Second Item</a></li>
       <li class="divider"></li>
       <li><a href="#">Third Item</a></li>
      </ul>
     </li>
     <li class="divider-vertical"></li>
     <li><a href="#">Contact</a></li>
     <li class="divider-vertical"></li>
             </ul>
             <form class="navbar-search pull-right">
                 <input type="text" class="search-query" placeholder="Search...">
            </form>
        </div>
  </div>
 </div>
</div> <!-- End Navigation -->

<ganti disini>

<ganti disini>

<ganti disini>

<ganti disini>

<ganti disini>

<ganti disini>

<ganti disini>

<ganti disini>

<ganti disini>

<ganti disini>

Apa Itu PTC?

PTC atau Paid to Click , atau "Dibayar karena Mengklik" adalah web dimana bila Anda mengklik iklan-iklannya Anda dibayar. Tentu saja Anda harus lebih dulu mendaftar menjadi member web tersebut.Untuk mendaftar, Anda tidak dipungut biaya alias gratis. Anda hanya perlu mengisi form yang tersedia di web tersebut, dan klik "daftar" atau "submit".

PTC dapat merupakan sumber pemasukan tambahan bagi Anda yang suka berselancar di dunia maya. Sambil online Anda dapat memperoleh rupiah yang akan ditransfer ke rekening Anda setelah melewati jumlah yang telah ditetapkan. Meskipun kita dibayar hanya kecil untuk setiap klik terhadap iklannya, namun jika dijumlah-jumlah itu akan mencapai angka yang lumayan juga.
Nah sistim klik iklan ini dikenal dengan nama PTC atau "Paid To Click".

Bukan penipuan, karena pada dasarnya Website PTC mendapat keuntungan dari pemasang iklan yang membayar agar iklan yang dimiliki diklik oleh banyak orang, tentu saja hal itu berkaitan dengan SEO yaitu agar terindeks di Google.

Nah berikut ini saya sertakan beberapa PTC yang saya perhatikan dapat dipercaya (paling tidak saat ini).Dan sengaja saya pilihkan yang juga dari Indonesia sendiri yang membayar dengan Rupiah ke Bank-Bank Lokal seperti BCA, Mandiri, BNI, dll.
PTC lokal yang membayar anggota-anggotanya dengan rupiah mekanismenya lebih mudah.
Silahkan bagi Anda yang mau bergabung dapat Klik pada bagian Judul, atau Klik pada gambar bannernya.
Saya sertakan juga alamat webnya yang dapat Anda buka dengan Copy dan Paste , atau untuk dicopy dan disimpan alamat webnya.

10 PTC  INDONESIA YANG  TERPERCAYA  ( MEMBAYAR  MEMBERNYA) :

1. DUITBUX  

Dibayar Per klik sampai Rp.500,-. Referral klik Sampai 50%,-. Untuk Minimum payout cuma Rp.10.000,-Pembayaran akan diproses melalui Bank lokal di Indonesia.
PTC ini iklannya banyak. Dan nampaknya admin selalu kebanjiran iklan.Mungkin karena biaya pemasangan iklan di PTC ini variasinya sangat berragam pula.Tiap member boleh mempunyai referal langsung sampai 200 orang, dan sifatnya tetap.
Membernya juga jumlahnya sangat besar. Kedepannya member PTC ini bisa mencapai puluhan ribu.Hal ini rupanya menjadi pertimbangan utama para pemasang iklan, hingga PTC ini akan selalu diserbu para pemasang iklan.Hal ini menandakan bahwa sistem pengelolaan PTC ini patut dicontoh, dan terutama adminnya layak untuk diacungi 2 jempol, yakni 1 jempol untuk sistemnya, dan 1 jempol lagi untuk sifatnya yang layak dipercaya.Bila Anda penggemar PTC, maka belum lengkap sepertinya bila Anda
belum menjadi member PTC ini.
Untuk bergabung silahkan klik disini atau copy paste alamat web ini http://adfu.net/OB3PKM.



 2. KLIKAJADEH.

Kalau berbicara PTC yang satu ini, mungkin sudah banyak yang tahu. Berdasar kenyataan yang ada sekarang ini, Klik Aja Deh adalah PTC tertua yang sangat bisa dipercaya. Memang untuk Payout bisa cepat terkirim. Aturannya member harus aktif di forum. Tetapi tidak ada salahnya member aktif di forum, kan? Dengan hadirnya member di forum, member bisa menambah ilmu, banyak mendapat informasi baru. RCB (Referal Cash Back) disini lancar dan biasanya lumayan bila mempunyai beberapa referal, misalnya 10 orang referal. Jadi ayo buruan gabung supaya dapat RCB.
Dibayar sampai Rp. 150 per klik dan ref klik sampai Rp. 100 . Pembayaran Melalui Bank Lokal. Bagi yang berminat untuk bergabung, silahkan klik disini atau copas url ini ke browser anda http://adfu.net/WTNZ5s

   


3. LANCARKLIK

Total Member :3,406 , Upgrade : 38 Member, Total yg telah dibayar : Rp. 35.812.545,- 
Per klik dibayar sampai Rp 175,- Refferal klik dibayar sampai Rp 100,-.
Pembayaran akan diproses melalui Bank lokal di Indonesia. LancarKlik merupakan PTC yang sesuai namanya yakni Lancar pada pelayanan untuk Para Pemasang Iklan, lancar pendaftaran member , dan terutama sekali Lancar dalam Pembayaran para membernya.Lancarklik 3 Tahun Terpercaya Membayar. Untuk bergabung silahkan klik alamat web ini: http://lancarklik.com/?r=walah , atau copy paste alamat tersebut, atau klik saja banner ini : 



4. TRIMURTIKLIK

Total member : 7.133 - Premium member :14 - Total bayar = Rp.17.740.770,- Dibayar samapai Rp. 150 per klik dan ref klik sampai Rp. 100 . Pembayaran Melalui Bank Lokal. Untuk bergabung silahkan klik atau copy paste alamat web ini, atau klik saja banner ini:http://trimurtiklik.com/?r=abros 



5. INDONESIANKLIK 

Total member : 4.375 - Premium member : 37 - Total bayar = Rp. 17.211.598,- Per klik dibayar sampai Rp 150,- dan Refferal klik dibayar sampai Rp 100,-. 
Pembayaran akan diproses melalui Bank lokal di Indonesia. Indonesian Klik, dilihat dari namanya saja sudah jelas-jelas ini adalah PTC lokal Indonesia. 
Agar supaya sukses di PTC ( mendapat hasil uang pembayaran yang banyak ), usahakan tidak cuma aktif di satu PTC saja. INDONESIANKLIK lumayan juga klik iklannya. Juga adminnya layak untuk dipercaya.Para membernya tidak perlu meragukannya lagi. Kalau member dengan referal sudah mencapai minimal 10 orang,maka biasanya RCB(Referal Cash Back) cukup menggembirakan. Bagi yang berminat,dan mau bergabung, silahkan klik disini atau klik banner Indonesian Klik, atau copy paste alamat web ini  http://indonesianklik.com/?r=elmambo 
atau klik saja banner ini:.



 6. AKSENCLIX 

Total member: 4862 Dibayar Per klik sampai Rp. 200,- dan per klik ref sampai Rp. 100,- . Pembayaran akan diproses melalui Bank lokal di Indonesia. Untuk bergabung Untuk bergabung silahkan klik atau copy paste alamat web ini: www.aksenclix.com/?r=adwah, atau klik saja banner ini: 



7. SURGAKLIK

Member : 2408 - Reff : 1309 - Premium : 24 - Bayar = Rp 1.839.071,- Dibayar samapai Rp. 150 per klik dan ref klik sampai Rp. 100 . Pembayaran Melalui Bank Lokal. Untuk bergabung silahkan klik atau copy paste alamat web ini, atau klik saja bannernya:http://surgaklik.com/?r=adsul 



8. MASTERPROFITCLIX 

Total member : 440 - Premium member :1 - Total bayar = Rp.73.120 Dibayar samapai Rp. 150 per klik dan ref klik sampai Rp. 100 . 
Pembayaran Melalui Bank Lokal. Untuk bergabung silahkan klik atau copy paste alamat web ini, atau klik saja banner ini:http://masterprofitclix.com/?r=dipra 



9. WISBUX (New) 

Total Member : 377 | Premium : 2 | Pembayaran : Rp. 37.549 Dibayar Per klik sampai Rp 150,- dan Refferal klik dibayar sampai Rp 100-. Pembayaran akan diproses melalui Bank lokal di Indonesia. Untuk bergabung silahkan klik atau copy paste alamat web ini, atau klik saja banner ini: www.wisbux.com/index.php?ref=walah



Produk yang disarankan :
Pengen Gadget yang bisa buat kerja ?? jangan ragu lagi  ACER Iconia [W511] - (With Docking)

Membuat Responsive Website Dengan Bootstrap

Apa itu Bootstrap?

Boots-Trap??

Bootstrap Bill 

atau kalau yang suka nonton Pirates Carribian pasti tw
















Tapi yang jelas yang mw gw sharing disini bukan kedua-duanya, melainkan salah satu CSS Framework yang gratis (Open Source) yang bisa kita gunakan untuk mendesain sebuah website terutama untuk membangun website yang responsive.

Oke, kalau begitu. Tablet or Laptopnya boleh apa aja yg penting kita mulai saja dengan dasar html/PHP-nya dulu. Buat file index.php yang isinya seperti dibawah ini :

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="utf-8">
 <title>DesignLoud, LLC Bootstrap Tutorial</title>
</head>
<body>
</body>
</html>

Lalu cantumkan file css yang akan kita pakai, tempatkan sebelum tag </head> :

<link href="../twitter-bootstrap/docs/assets/css/bootstrap.css" rel="stylesheet">
<link href="../twitter-bootstrap/docs/assets/css/bootstrap-responsive.css" rel="stylesheet">

Untuk membuat website kita responsive di segala medan (;p) ini KUNCINYA :

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">

Kita juga memerlukan link JQuery & Javascript, tapi sisipkannya di bagian akhir saja agar tidak load tidak lambat, letakkan di sebelum tag </body>:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script src="../twitter-bootstrap/docs/assets/js/bootstrap.min.js"></script>

Nah, untuk sementara index.php isinya menjadi seperti berikut ini:

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="utf-8">
 <title>Membuat Responsive Web Design Dengan Bootsrap</title>

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">

<!-- Stylesheets -->
<link href="../twitter-bootstrap/docs/assets/css/bootstrap.css" rel="stylesheet">
<link href="../twitter-bootstrap/docs/assets/css/bootstrap-responsive.css" rel="stylesheet">


</head>
<body>

Content ada disini

<!-- Javascript -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script src="../twitter-bootstrap/docs/assets/js/bootstrap.min.js"></script>
</body>
</html>

<div class="navbar navbar-inverse navbar-static-top">
 <div class="navbar-inner">
  <div class="container">
  </div>
 </div>
</div> 

<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
     <span class="icon-bar"></span>
     <span class="icon-bar"></span>
     <span class="icon-bar"></span>
</a>
<a class="brand" href="#">BOOTSTRAP-ISME</a>

Test