How Make Web Design With Bootstrap

Haloo Guyss.... sudah lama nih saya gak psoting2 lagi...hehehheehe

daripada bingung nih nih liat skrip yang saya buat dengan bootstrap

Wacth This Out !!!!!



kalo ini skripnya sbb:
ini hanya sampulnya aja ...

<!DOCTYPE html>
<html lang="en">

<head>

   

    <title>WOLFTRICK - Download Apa Aja</title>

    <!-- Bootstrap Core CSS -->
    <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">

    <!-- Custom Fonts -->
    <link href='' rel='stylesheet' type='text/css'>
    <link href='' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="" type="text/css">

    <!-- Plugin CSS -->
    <link rel="stylesheet" href="" type="text/css">

    <!-- Custom CSS -->
    <link rel="stylesheet" href="css/creative.css" type="text/css">


</head>

<body id="page-top">

    <nav id="mainNav" class="navbar navbar-default navbar-fixed-top">
        <div class="container-fluid">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Navi</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand page-scroll" href="#page-top">Wolftrick</a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="">
                <ul class="nav navbar-nav navbar-right">
                  
                    <li>
                        <a class="page-scroll" href="">Go To</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="">Contact</a>
                    </li>
                </ul>
       
    </nav>

    <header>
        <div class="header-content">
            <div class="header-content-inner">
                <h1>Welcome to Wolftrick</h1>
                <hr>
                <p>Semua yang Anda Download Disini GRATISS!!!</p>
                <a href="b.html" class="btn btn-primary btn-xl page-shadow">Check This Out</a>
            </div>
      

</body>

</html>


Semoga Berhasil



selanjutnya isi dari konten tersebut adalah dibawah ini:
dan ini


ini bray skripnya....:

<!DOCTYPE html>
<html lang="en">

<head>
<title>WOLFTRICK-Download-Apa-Aja</title>

<meta http-equiv="Cache-control" content="no-cache" />
<meta http-equiv="Pragma" content="no-cache" />
<meta name="robots" content="noarchive" />


    <meta property="og:url" content="http://wolftrick.com/" />
    <meta property="og:type" content="website" />
    <meta property="og:title" content="Wolftrick.com - Download Opo Wae Gan" />
    <meta property="og:description" content="wolftrick | Look Anything You Want" />
    <meta property="og:image" content="4.jpg" /><h1></div><a href="index.html"><div class="HOME"></div>
    <!-- Bootstrap Core CSS -->
  
   
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes" />
<link rel="stylesheet" href="http://31.210.87.2/css/htmlv122_basic.css" />

</head>
<body><div class="container">



<div id="header"><div class="logo"><a title="wolftrick"><img src="4.JPG" width="180" height="70"></a></div><!--logo end--><div onclick="menuyuAcFastNoAnime();" class="right"><a class="menu_top_btn"><div class="menu_button"><div class="menu_icon"></div></div></a></div><!--right end--><div id="search_block"><form><div class="search_bar_bg"><div class="search_magnif_icon"></div><input class="search_text_area" name="c" type="text" value="" id="value_selected" /><script type="text/javascript"> function clickclear(thisfield) { thisfield.value = ""; } </script> <div class="remove_value" onClick="clickclear(value_selected)"></div><!--remove_value end--></div><!--search_bar_bg end--><div class="search_submit_bg"><input class="search_button" type="submit" value=""/></div><a href="blogzie.html"><div class="world_btn"> </div></a></form></div>

</div>
<div class="category_zone" style="text-align:left"><div class="cat_content"><p>

<h1>HOME</div><a href="index.html"></p>


<li class="center_list"><p><script type="text/javascript"> if(scrSize.viewportwidth>320){document.write('<scr'+'ipt'+' async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js">'+'</scr'+'ipt><ins class="adsbygoogle" style="display:inline-block;width:336px;height:280px" data-ad-client="ca-pub-8857985869207833" data-ad-slot="5197734109"></ins><scr'+'ipt>'+'(adsbygoogle = window.adsbygoogle || []).push({});</scr'+'ipt>');}else{document.write('<scr'+'ipt async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></scr'+'ipt><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-8857985869207833" data-ad-slot="4711663300"></ins><scr'+'ipt>(adsbygoogle = window.adsbygoogle || []).push({});</scr'+'ipt>');}</script></p></li>
<li class="table_list"><a href=""/en/new.jsp" title="Updates 12/06/16"><div class="image_container"><img src="http://31.210.87.2/imgs/htmlcssv11/home_updates_icon32x32.png" width="32" height="32"/></div><div class="text_container"><span class="ad_text">Update 12/06/16 </span><span class="ad_subtext">Setiap Hari Update Gan!!!</span></div></a></li>
<li class="table_list"><a href="" title="Photo Gallery"><div class="image_container"><img src="http://31.210.87.2/imgs/htmlcssv11/pg_symbol_icon32x32.png" width="32" height="32"/></div><div class="text_container"><span class="ad_text">Galeri Foto </span><span class="ad_subtext">Galeri Untuk Gambar Foto Professional Gan!!</span></div></a></li>
<li class="table_list"><a href=""/en/backgrounds/" title="Photos &amp; Pictures"><div class="image_container"><img src="http://31.210.87.2/imgs/htmlcssv11/home_photos_pictures_icon32x32.png" width="32" height="32"/></div><div class="text_container"><span class="ad_text">Foto &amp; Apik</span><span class="ad_subtext">Ada 1000 Lebih Gambar dan Animasi Disini Gan!!</span></div></a></li>
<li class="table_list"><a href=""/en/android_themes/" title="Themes"><div class="image_container"><img src="http://31.210.87.2/imgs/htmlcssv11/theme_icon32x32.png" width="32" height="32"/></div><div class="text_container"><span class="ad_text">Tema </span><span class="ad_subtext">Semua Tema Hp Anda Ada Disini Gan!!</span></div></a></li>
<li class="table_list"><a href=""/en/animated_backgrounds/" title="Live Wallpaper"><div class="image_container"><img src="http://31.210.87.2/imgs/htmlcssv11/home_live_wallpaper_icon32x32.png" width="32" height="32"/></div><div class="text_container"><span class="ad_text">Wallpaper Bergerak </span><span class="ad_subtext">Hd Wallpaper dan Wallpaper Bergerak</span></div></a></li>
<li class="table_list"><a href=""/en/animated_pictures/" title="Animations"><div class="image_container"><img src="http://31.210.87.2/imgs/htmlcssv11/home_animation_icon32x32.png" width="32" height="32"/></div><div class="text_container"><span class="ad_text">Animasi </span><span class="ad_subtext">Animasi Lucu Gan!!</span></div></a></li>
<li class="table_list"><a href=""/en/sounds/" title="Sound Effects"><div class="image_container"><img src="http://31.210.87.2/imgs/htmlcssv11/home_soundeffects_icon32x32.png" width="32" height="32"/></div><div class="text_container"><span class="ad_text">Suara Efek </span><span class="ad_subtext">Suara Ringtone Lucu dan Campuran Ringtone  </span></div></a></li>
<li class="table_list"><a href="" title="Videos"><div class="image_container"><img src="http://31.210.87.2/imgs/htmlcssv11/home_videos_icon32x32.png" width="32" height="32"/></div><div class="text_container"><span class="ad_text">Video </span><span class="ad_subtext">Semua Film and Video Terupdate!!</span></div></a></li>
<li class="table_list"><a href=""/en/game/" title="Games"><div class="image_container"><img src="http://31.210.87.2/imgs/htmlcssv11/home_games_icon32x32.png" width="32" height="32"/></div><div class="text_container"><span class="ad_text">Game </span><span class="ad_subtext">Semua Game Gratiss Gan!!</span></div></a></li>
<li class="table_list"><a href=""/en/applications/" title="Software & Applications"><div class="image_container"><img src="http://31.210.87.2/imgs/htmlcssv11/home_applications_icon32x32.png" width="32" height="32"/></div><div class="text_container"><span class="ad_text">Software & Applikasi </span><span class="ad_subtext">Silahkan Anda Lihat Sendiri Gan!!</span></div></a></li>
<li class="center_list"><p><div style="margin: 0 auto; text-align:center"><SCRIPT type="text/javascript" SRC="http://41.teracreative.com/WhiteLabelBidRequestHandlerServlet?oid=41&amp;width=728&amp;height=90&amp;pubid=155977&amp;tagid=899247&amp;pstn=4&amp;noaop=1&amp;revmod=DOWNLOAD&amp;encoded=1&amp;cb=1465650642439&amp;keywords=&amp;callback=document.write&amp;urlonly=1"></SCRIPT></div></li>

   <li class="table_list">
<div class="fb_page_like"> <iframe src="" width="160" height="70" frameborder="0" scrolling="no"></iframe> </div>
<div class="tw_page_like"> <p>Ozzy Baselda on twitter</p> <a href="https://twitter.com/baselda_ozzy" class="twitter-follow-button pad5" data-show-count="false" data-show-screen-name="false"  data-size="large">Follow Now!!! @baselda_ozzy</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script> </div>
<div class="whatsapp_share"> <a class="wa_share" href="blogzie.html"><img width="25" height="25" src="http://31.210.87.2/imgs/whatsapp-button.png" style="text-align:center; display:inline-table; margin:0 auto; float:none; margin-right:10px;"><span style="color:#fff; text-shadow:none;">Share On WhatsApp</span><a> <script>    var shareBtns = document.getElementsByClassName("wa_share");    for(var i=0;i<shareBtns.length;i++){        var href = "blogzie.html"+encodeURIComponent(document.title+" "+document.);shareBtns[i].setAttribute("href", href);    } </script> </div>
</li>  
  

</body>

</html>
oke sekian dari saya terimakasih semoga berhasil>>>>>.

Komentar

Posting Komentar

Postingan populer dari blog ini

Cara Move On

  Sering kali kita disakiti oleh pasangan kita, padahal kita sudah sangat2 setia untuk bersama dengannya tapi waktu terus berjalan danseiring waktu sifat manusia juga akan berubah secara tidak kita duga... Saat kita ingin melupakannya sangatlah susah “ menurut pengalaman sendiri sih ”.... Yah begitulah kehidupan gak semuanya tetap sama ada naik ada turun ada setia ada juga tak setia.. Nahh disini saya akan berbagi tips berdasarkan pengalaman sih ini dan juga berdasarkan bantuan teman juga hehhhehhee... Yasudahlah gak usah banyak basa-basi berikut tips melupakan seseorang yang kita cintai : Jangan terlalu sering mengunjungi jejaring sosial seperti FB & Twitter sebab kamu bakalan ga tahan ngelirik lirik profil dia. Coba ambil salah satu foto dia yang paling jelek, corat coret fotonya agar nampak buruk kemudian bayangkan jika kamu hidup bersama orang yang buruk rupa. Jangan melakukan rutinitas yang  biasa kalian lakukan saat bersama d...
Baca selengkapnya

HTML URL Encoding

Gambar
URL - Uniform Resource Locator Web browser meminta halaman dari server web dengan menggunakan URL . ketika Anda mengklik pada link dalam halaman HTML , sebuah mendasari <a> tag poin ke alamat di web ,s ebuah Uniform Resource Locator ( URL ) digunakan untuk mengatasi dokumen ( atau data lain ) di web . Sebuah alamat web , seperti http://ozzybaselda.blogspot.com/html/default.asp mengikuti aturan sintaks ini : sebagai contoh : scheme://host.domain:port/path/filename    sebagai contoh sebagai berikut : dan hasil dari browser sebagai berikut : Anda klik " Kirim" , browser akan URL encode input sebelum dikirim ke server . Halaman di server akan menampilkan masukan yang diterima .
Baca selengkapnya