Home Archives for March 2016

Tutorial HTML Part 4 : Mengetahui fungsi-fungsi tag yang sering digunakan pada HTML

Tutorial HTML : Mengetahui fungsi-fungsi tag yang sering digunakan pada HTML - Selamat sore semua, kemarin saya sudah membuat 3 tutorial tentang html, yaitu Tutorial HTML : Cara menjalankan file HTML pada browser, Tutorial HTML : Mengetahui Beberapa Text editor, dan Tutorial HTML : Mengenal Tag, Element, Atribut Pada HTML.Bagi anda yang belum membaca ketiga tutorial itu silahkan di baca dulu.Tag html ada banyak sekali namun berbeda-beda fungsi tag, ada yang tag untuk membuat text tebal ada juga tag yang untuk membuat text menjadi miring, untuk itulah kita harus tahu fungsi-fungsi dari pada tag html.Disini saya akan kasih tag-tag yang sering digunakan oleh programmer web lainnya.Mari kita simak baik-baik fungsi-fungsi tag pada html.Saya sarankan untuk anda agar menghafal tag-tag dasar html ini.

Nama Tag	Fungsi Tag
<html>	Untuk memberitahu kepada browser bahwa itu adalah tag html
<p></p>	Untuk membuat sebuah paragraf
<b></b>	Untuk membuat text tebal
<u></u>	Untuk membuat text bergaris bawah
<i></i>	Untuk membuat text miring
<br>	Untuk membuat garis baru pada browser
<a href="#">...</a>	Untuk membuat link.Pada tag di samping itu harus dibuatkan atribut href.
<marquee>...</marquee>	Untuk membuat text berjalan
<tabel>	Untuk membuat tabel pada html
<th>...</th>	Untuk membuat judul/header pada tabel
<tr>...</tr>	Untuk membuat baris tabel
<td>...</td>	Untuk membuat tabel data atau kolom tabel
<img>	Untuk menampilkan gambar pada browser
<ol>...</ol>	Untuk membuat list/daftar berurutan dengan angka
<li>...</li>	Untuk membuat list/daftar.Tag ini harus berada diantara tag <ol>...</ol>
<ul>...</ul>	Untuk membuat list/daftar dengan tanda bulat hitam.Tag ini akan berfungsi apabila kita menggunakan tag <li>...<li> pada bagia tag di samping.Sama seperti tag <ol>...</ol>
<title>...</title>	Untuk membuat judul pada tab browser
<body>...</body>	Untuk memberikan isi pada html
<head></head>	Untuk memberikan tempat sumber daya website seperti css, javascript, dan juga title

Catatan : Pada tag-tag diatas saya akan membuatkan tutorialnya satu persatu, seperti cara membuat gambar pada html, dan lain-lain.

Mudah-mudahan tag-tag yang saya kasih bisa anda semakin hebat dalam membangun sebuah kerangkan website.Semoga bermanfaat.

Tutorial HTML Part 3 : Mengenal Tag, Element, Atribut Pada HTML

Alsaskar Mirando 02:15:00 | #html

Tutorial HTML : Mengenal Tag, Element, Atribut Pada HTML - Sebelumnya saya sudah kasih kepada teman-teman tentang Mengetahui beberapa text editor, dan juga tentang Menjalankan file HTML pada browser.Untuk anda yang belum membaca tutorial yang sudah saya tulis silahkan untuk di baca terlebih dahulu, karena tutorial ini merupakan lanjutan dari ke-dua tutorial yang ada diatas.Didalam tutorial ini kita akan membahas tentang penulisan dasar-dasar kode HTML, jadi untuk yang ingin membacakan tutorial ini silahkan di baca dulu.Mari kita masuk ke pembahasan.

Mengenal Tag HTML
Sebagai bahasa markup, HTML mempunyai tag yang akan memberitahukan browser itu sendiri, tag apa yang akan di jalankan.Dan untuk penulisan Tag di awalih oleh tag pembuka dan di akhiri oleh tag penutup, lihat contoh ini.


<tag pembuka>Ini adalah tag HTML</tag penutup>

Di atas merupakan dasar dari penulisan HTML, ingat tag html harus di awali dengan tag pembuka (<>) dan di akhiri oleh tag penutup (</>).Tetapi ada beberapa tag yang tidak menggunakan tag penutup, yaitu tag untuk memberikan baris baru, untuk itu kita akan bahas nanti.Sebagai contoh agar anda tidak bingung disini saya akan membuat huruf tebal, lihat contoh di bawah.


<b>Ini adalah tag HTML</b>

Dan hasilnya akan mengeluarkan huruf tebal.

Mengenal Element HTML
Element terdapat di dalam tag html, semisalnya kita ingin menghasilkan kata dengan huruf tebal, jika kita hanya menulis elementnya tanpa tag-nya, element itu tidak akan menghasilkan huruf tebal pada browser.Element dan tag tidak bisa berpisah, mereka harus bersama-sama.Untuk anda yang masih bingung langsung saja lihat di bawah.


<b>Ini adalah sebuah element</b>

Gimana sudah paham-kan? mari kita lanjut.

Mengenal Atribut HTML
Atribut adalah tambahan dari sebuah tag.Atribut juga harus di awali dengan tanda (=""), langsung kita ke penjelasannya, misalkan saya ingin membuat sebuah atribut untuk tulisan yang berwarna merah kita tinggal menambahkan atribut itu di awal tag html, contoh.


<font color="red">Ini adalah gambar merah </font>

Nah setelah anda simpan maka text-nya berubah menjadi merah.

Tutorial kali ini sampai disini dulu, saya akan terus membuat tutorial html-nya, jadi jangan bosan untuk anda yang ingin belajar HTML dari dasar di blog ini, hehehe.

Semoga Bermanfaat

Tutorial HTML Part 2 : Mengetahui Beberapa Text editor

Alsaskar Mirando 03:34:00 | #html

Selamat Malam - Untuk anda yang ingin belajar bahasa pemogramman termasuk pemogramman tentang web anda di haruskan untuk memilih text editor yang mana cocok untuk anda.Text editor ada banyak sekali dan sudah di gunakan oleh beberapa promgrammer yang ada di seluruh dunia.Text editor adalah sebuah aplikasi yang dibuat untuk menuliskan syntax-syntax/code program.

Mengetahui Beberapa text Editor
Berikut beberapa text editor yang digunakan oleh para programmer di seluruh dunia.
1.Notepad++
Text editor ini banyak digunakan oleh web developer maupun web design.Text editor ini banyak beberapa fitur yang pasti lain dari text editor lainnya.Untuk anda yang ingin menggunakan text editor ini silahkan di download ke website nya Notepad++.

2.Sublime Text
Aplikasi ini sering digunakan di berbagi sistem operasi, text editor yang satu ini sangat banyak sekali ekstensi-nya contohnya html, php, phyton (py), dll.Ya tidak bedah lagi dengan text editor yang ada di atas.Text editor sendiri sudah ada yang versi 3.Untuk anda yang ingin download versi terbarunya silahkan di download di website nya Sublime Text.

3.Atom
Text editor ini hampir sama persis dengan text editor yang ada di atas, cuman text editor ini lebih berat dari sublime.Namun walaupun berat banyak juga para programmer menggunakan text editor ini karena banyak fitur-fitur yang tentunya lain dari text editor lainnya.Bagi anda yang ingin mencobanya silahkan download di website nya Atom.

sumber gambar : www.linuxandubuntu.com
4.NetBeans
Text editor ini sangat berat sekali dari beberapa text editor yang ada di atas.Walaupun begitu text editor ini masih banyak di gunakan oleh para web programmer lainnya.Text editor ini bisa dipakai di beberapa sistem operasi seperti windows, linux.Untuk anda yang ingin menggunakan nya silahkan di download di website-nya Netbeans.

Sampai disinilah dulu artikel yang sederhana ini tetapi mudah-mudahan bermanfaat untuk anda yang ingin belajar bahasa pemogramman.Sekian Terima Kasih

Tutorial HTML Part 1 : Cara menjalankan file HTML pada browser

Alsaskar Mirando 02:03:00 | #html

Selamat Sore - Cara menjalankan file pada browser cukup di bilang mudah kita tinggal membuat folder contohnya saya kasih nama foldernya "HTML" di drive C.Kemudian, mari kita buka aplikasi notepad-nya pada komputer sobat, lalu tuliskan seperti dibawah ini.

 
Hello Selamat Datang

Selanjutnya, silahkan anda save dengan ekstensi HTML disini saya save dengan nama "selamat.html".Setelah anda save silahkan klik kanan > open with > mozila firefox (Jika anda menggunakan google chrome pilih-lah google chrome).Lihat pada gambar di bawah ini.

Pada gambar di atas ada beberapa browser yaitu Firefox, Google Chrome, Internet Explorer.Tinggal anda pilih sendiri sesuai selera anda hahaha.Dan lihat hasilnya.

Dan selamat file HTML kita sudah berjalan dengan baik.Demikianlah artikel sederhana ini, sekian terima kasih.Semoga Bermanfaat

Beberapa tips untuk belajar bahasa pemogramman harus darimana

Alsaskar Mirando 22:05:00 | #Tips dan Trick

Selamat siang semua - Banyak sekali orang-orang yang ingin belajar bahasa pemogramman tapi mereka bingung harus mulai darimana.Banyak orang-orang yang bertanya di group-group facebook seperti ini "Saya sudah belajar HTML dan CSS tetapi saya bingung harus belajar apa lagi kalau sudah belajar HTML dan CSS", terus ada lagi seperti ini "Bang, untuk belajar bahasa pemogramman harus belajar apa dulu ya".Maka oleh sebab itulah orang-orang bingung mau belajar apa setelah itu dan harus darimana supaya jadi programmer yang hebat.Dan pada siang inilah saya akan kasih tips dan juga sekaligus motivasi untuk anda yang ingin belajar bahasa pemogramman agar tidak putus asa dalam belajar dan tidak bingung lagi harus belajar dimana.Oke mari kita simak baik-baik.

Ikuti kata hati
Nah mungkin darisinilah banyak orang bingung harus belajar darimana dan akan kemana.Sebenarnya untuk teman-teman yang langsung belajar HTML dan PHP tanpa belajar CSS juga tidak apa-apa itu sah-sah saja, itu terserah anda.Jangan sampai kalian takut untuk melangkah karena jika anda ragu-ragu maka itu akan menjadi kesalahan yang besar.Ikutilah kata hati anda sendiri, jikalau hati anda berkata belajar PHP dahulu baru setelah itu belajar HTML lakukanlah jangan ragu-ragu.Dan setelah anda belajar PHP lanjut lagi mau belajar apa (Ikuti kata hati).

Jangan dengar kata orang lain
Iya, jika anda mengikuti kata orang lain anda juga akan bingung sebenarnya dengar saran siapa ya? orang yang ini atau orang yang itu?.Semisalnya orang yang pertama bilang "Saran saya sih belajar HTML > CSS > Javascript > Jquery > PHP" itu memang sudah benar tetapi bagaimana dengan pendapat orang lain, orang kedua bilang "Saran saya sih lebih baik belajar HTML dulu setelah itu CSS > PHP > Jquery > Ajax".Nah maka darisitulah saran saya buat anda, lebih baik belajar jangan dengar kata orang lain karena anda akan bingung dan akan merasa lebih bingung dengar saran siapa yah, atau kalau anda bingung juga maka ikuti saja kata hati anda.

Buatlah Sebuah Project
Bagi anda yang masih bingung juga harus belajar darimana langsung cobalah buat sebuah project kecil-kecilan.Jangan takut untuk melangkah jika anda takut anda tidak akan menjadi siapa-siapa nanti hehehe.Dengan adanya anda membuat sebuah project anda akan fokus ke project itu tidak lagi terputar-putar.Misalkan anda sedang membuat tampilan webnya terlebih dahulu dengan HTML dan CSS, nah itu tandanya anda sudah tidak sangka bahwa anda sedang belajar HTML dan CSS bukan hanya itu juga, skill anda akan menambah.Dan kemudian anda ingin membuat foto bergerak otomatis (Slideshow) dengan Javascript atau Jquery anda sudah tidak sangka bahwa anda sedang belajar Javascript atau Jquery, dan seterusnya.Pokoknya jangan takut untuk melangkah dan jangan membuat diri anda sendiri bingung hehehe.

Mudah-mudahan setelah anda membaca artikel yang sudah saya tulis diatas tidak membuat anda bingung lagi harus belajar bahasa pemogramman darimana.Dan mudah-mudahan ini menjadi motivasi juga buat anda yang ingin belajar bahasa pemogramman.Intinya jangan pernah bosan untuk belajar.Sekian dari saya terima kasih dan apabila ada kesalahan dengan tulisan saya di mohon maaf kan ya.Semoga Bermanfaat

Tutorial membuat tampilan atau layout website dengan css

Alsaskar Mirando 03:00:00 | #css

Selamat Sore semua - Membuat tampilan atau layout website dengan css bisa di bilang cukup mudah apabila para sobat mengerti akan dasar-dasar kode css dan juga property css.Css membantu para web desainer untuk membangun sebuah website agar lebih terlihat menarik.Ingat ! tanpa css web kita akan terlihat jelek dan tidak akan rapih atau tidak terlihat menarik.Css juga bahasa pemograman yang harus dikuasi bagi para programmer web yang ada di dunia.

Baca Juga : Cara membuat tombol menjadi menarik dengan css
Cara membuat tabel menjadi menarik

Layout website terdiri dari empat kerangka web yaitu :

Header

Kepala website, tempat logo website, dan lain sebagainya.

Body

Merupakan isi dari sebuah website, bisa berupa isi postingan, dan lain sebagainya.

Footer

Tempat untuk menulis hak cipta pada sebuah website.

Sidebar

Tempat untuk menaruh menu, konten, dan lain sebagainya

Di tutorial ini saya tidak kasih penjelasan kode-nya karena dalam tutorial ini saya anggap teman-teman sudah belajar css lebih dalam, sekali lagi saya mohon maaf.Oke langsung saja copy script-nya di bawah ini.


<html>
<head>
    <title>Belajar Membuat Layout</title>
</head>
<body>
    <div class="header">
        <h2>Biongo Attacker</h2>
    </div>
    <div class="sidebar">
        <ul>
            <li><a href="#">Home</a></li>
            <li><a href="#">About</a></li>
            <li><a href="#">Fanspage</a></li>
            <li><a href="#">Blog</a></li>
        </ul>
    </div>
    <div class="body">
        <h3>Judul Postingan</h3>
        <p><b>Isi konten di bawah ini</b></p>
        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

        It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).
         

        Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.</p>
    </div>
    <div class="footer">
        <p>Copyright &copy; 2016 Biongo Attacker</p>
    </div>
</body>
</html>


*{
        margin: 0;
        padding: 0;
      }

      /*Style untuk header*/
      .header{
        color: #09a5ff;
        background-color: #ccccff;
        width: 100%;
        height: 70px;
        line-height: 60px;
        font-family: arial;
      }

      /*Style untuk sidebar*/
      .sidebar{
        float: right;
        padding: 10px;
        background-color: #ccccff;
        width: 100px;
        height: 83%;
        font-family: arial;
        text-align: center;
        line-height: 50px;
      }

      a{
        text-decoration: none;
        color: black;
      }

      a:hover{
        color: #ff62a1;
      }

      li{
        list-style: none;
      }

      /*Style untuk body*/
      .body{
        padding-top: 30px;
        font-family: arial;
        margin-left: 10px;
      }

      p{
        padding-top: 5px;
        text-shadow: 1px 2px 5px #67f0db;
      }

      /*Style untuk footer*/
      .footer{
        background-color:#ccccff;
        clear:both;
        padding-top:2px;
        font-family: verdana;
        width: 100%;
        height: 50px;
        line-height: 45px;
        text-align: center;
      }

Pada kode di atas, saya menggunakan teknik internal untuk menggabungkan css dengan html.Kode di atas juga bisa anda edit-edit sedikit agar terlihat lebih menarik.Dan untuk hasil-nya bisa lihat pada gambar di bawah ini.

Oke sampai disini dulu, semoga bermanfaat buat yang baca artikel ini.

Jika ada yang mau ditanyakan silahkan berkomentar dibawah.

Cara mempercantik tombol dengan css

Alsaskar Mirando 02:23:00 | #css

Selamat sore para sobat blogger.Mungkin banyak orang yang sudah tahu artikel ini, tapi tidak apa-apa lah.Siapa tahu bermanfaat.Membuat tombol menarik dengan css ini bisa dibilang cukup mudah untuk teman-teman pahami.Sebelum saya membuat tutorial ini, saya sudah membuat tutorial tentang Berkenalan dengan CSS dan Cara membuat tabel menjadi menarik dengan CSS, dan untuk teman-teman yang belum berkenalan dengan css silahkan baca dulu artikel itu.Oke sekarang mari kita ke topik.

Pertama, kita buat struktur html-nya dulu karena, silahkan langsung copy kode di bawah ini.


<html>
<head>
 <title>Belajar CSS</title>
</head>
<body>

   <h1>Membuat tombol menarik dengan css</h1>

 <li><a href="#" class="button tombol1">Tombol 1</a></li>
 <li><a href="#" class="button tombol2">Tombol 2</a></li>
 <li><a href="#" class="button tombol3">Tombol 3</a></li>
</body>
</html>

pada kode diatas kita belum mempercantik css. Maka dari itu hasilnya seperti di bawah ini.

disitu saya membuat dua class, apa kegunaan class sendiri? kegunaan class itu untuk mengatur kode css-nya, misalkan akan kita tambahkan margin, padding.Gimana sudah mengerti? oke kita lanjut.
Sekarang kita akan buat tombol itu menjadi cantik dengan css, silahkan copy script css-nya di bawah ini.


/*Untuk mempercantik tombol*/
      .button{
       display: block;                  /*Berfungsi untuk membuat list tersebut berbentuk vertikal*/
       width: 100px;                    /*Memberikan ukuran sebesar 100px dari browser*/
       margin: 20px;                    /*Memberikan jarak pada elemen luar*/
       padding: 10px;                   /*Memberikan jarak pada elemen dan konten*/
       box-shadow: 1px 1px 2px #8899a9; /*untuk memberikan bayangan pada tombol*/
       border-radius: 10%;              /*membuat tombol menjadi bulat dengan ukuran yang sesuai*/
       text-align: center;              /*Text akan berada di tengah pada tombol*/
      }

      .tombol1{
       background-color: #00ffff; /*Warna pada tombol*/
      }

      .tombol1:hover{
       background-color: rgba(28, 114, 44, 0.3); /*Ketika di hover atau di kursor mouse berada ke tombol dia akan berubah warnanya*/
      }

      .tombol2{
       background-color: #ffcc11; /*Warna pada tombol*/
      }

      .tombol2:hover{
       background-color: rgba(191, 165, 251, 0.4); /*Ketika di hover atau di kursor mouse berada ke tombol dia akan berubah warnanya*/
      }

      .tombol3{
       background-color: #ff3333; /*Warna pada tombol*/
      }

      .tombol3:hover{
       background-color: rgba(0, 135, 173, 0.4); /*Ketika di hover atau di kursor mouse berada ke tombol dia akan berubah warnanya*/
      }

      a{
       text-decoration: none; /*Menghilangkan garis bawah pada text*/
       color: black;          /*Memberikan warna pada text dengan warna hitam*/
      }

      li{
       list-style: none;  /*Untuk menghilangkan tombol hitam disamping list*/
      }

Dan setelah anda copy script di atas silahakan anda lihat hasilnya.

Demo

Untuk penjelasannya bisa kalian lihat di kode-kodenya ya.
Sekian dari saya terima kasih.Semoga bermanfaat.

Beberapa tips untuk mengetahui web phising

Alsaskar Mirando 05:06:00 | #Tips dan Trick

Oke teman-teman pada malam hari ini saya akan kasih artikel tentang cara mengetahui web phising.Web phising ini bisa mencuri data-data milik anda secara pribadi melalui sebuah website yang di buatnya.Tindakan ini termasuk tindakan yang jahat, mungkin artikel sebelumnya saya sudah share script phising yaitu Script phising pb garena.Tapi script yang saya buat itu untuk sekedar share kepada teman-teman atas hasil karya saya hehehehe.Mari kita membahas ke topik.

Beberapa Tips untuk mengetahui web phising

Tampilan sangat sama persis dengan web yang aslinya.
Nama domain yang berbeda.

Coba sobat perhatikan nama domain yang asli sama yang palus, contoh-nya website yang asli adalah facebook.com dan web yang palsunya adalah autolikerfacebook.id, nah bisa diketahui sendiri bahwa website itu adalah web phising/ web palsu.

Menyuruh anda untuk melakukan pengisian form yang lengkap.

Iya nah darisini-lah sobat harus memperhatikan bawah ini adalah web phising.Bila web itu terdapat beberapa form lalu disuruh untuk mengisih data yang sama, itu berarti web phising atau coba perhatikan kembali pada nomor 2.

Terlalu banyak kata untuk menarik perhatian anda.

Jika pada website tersebut terlalu banyak kata-kata rayuan maka darisitulah kita bisa mengetahui bawah itu website phising/website palsu.Misalkan mereka bilang begini "Ayo buruan daftar dan segera dapatkan gems secara gratis", jika melihat kata-kata itu saya sarankan untuk sobat jangan percaya sama kata-kata itu dalam bentuk apapun.Jika sobat melihat hal itu maka segeralah untuk keluar dari web itu.

oke itulah tips dari saya, terima kasih buat kalian yang selalu senantiasa membuka blog ini dan sekaligus membaca artikel-artikel yang ada dalam blog ini.Sekian Terima Kasih

-Semoga Bermafaat-

Cara membuat carousel dengan bootstrap

Alsaskar Mirando 01:10:00 | #bootstrap

Hallo teman-teman bertemu lagi nih bersama saya, mudah-mudahan pengunjung disini selalu dalam keadaan sehat ya, kemarin-kemarin kita sudah membahas tentang Cara menghapus widget yang tidak bisa di hapus di blog.Di hari ini saya akan membuat sebuah tutorial bagaimana cara membuat carousel dengan bootstrap, pada tutorial bootstrap yang lalu kita sudah membahas tentang Cara membuat icon dengan Glyphicon Bootstrap.Mungkin disini sobat sudah tidak asing lagi dengan carousel, carousel atau biasa disebut dengan slideshow adalah sekumpulan foto yang bisa bergerak secara otomatis dan juga bisa bergerak dengan sentuhan cursor mouse, carousel atau slideshow ini banyak sekali digunakan pada website pribadi maupun website perusahaan agar website mereka terlihat lebih indah dan bisa menghipnotis pengunjung.Oke sekarang mari kita lanjut ke pembahasan.

Cara membuat carousel dengan bootrap

Sebelum kita membuat carousel anda harus terlebih download bootstrap-nya terlebih dahulu.Silahkan kunjungi disini.

oke mari kita lanjut, setelah sobat download bootstrap nya sobat harus menyediakan gambar, minimal 3 gambar, seperti pada gambar di bawah ini.

oke kita lanjut, setelah kita menyediakan 3 gambar mari kita buat carousel nya dengan sobat mengcopy script yang ada di bawah ini

 
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Tutorial Membuat Carousel</title>
    <link href="css/bootstrap.min.css" rel="stylesheet">
  </head>
  <body>
       <div class="container">  
  <div class="col-md-8 col-md-offset-2">
   <div id="myCarousel" class="carousel slide" data-ride="carousel">
   
    <ol class="carousel-indicators">
     <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
     <li data-target="#myCarousel" data-slide-to="1"></li>
     <li data-target="#myCarousel" data-slide-to="2"></li>  
    </ol>

    <div class="carousel-inner" role="listbox">
     <div class="item active">
      <img src="gambar/bckgrnd.jpg" alt="">
      <div class="carousel-caption">
       <h2>Biongo Attacker</h2>
       <p>Cara membuat carousel dengan bootstrap</p>
      </div>
     </div>
     <div class="item">
      <img src="gambar/laptop.jpg" alt="">
      <div class="carousel-caption">
       <h2>Biongo Attacker</h2>
       <p>Cara membuat carousel dengan bootstrap</p>
      </div>
     </div>
     <div class="item">
      <img src="gambar/tes.jpg" alt="">
      <div class="carousel-caption">
                            <h2>Biongo Attacker</h2>
       <p>Cara membuat carousel dengan bootstrap</p>
      </div>
     </div>    
    </div>

    <!-- membuat panah next dan previous -->
    <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
     <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
     <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
     <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
     <span class="sr-only">Next</span>
    </a>
   </div>
  </div>
    </div>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>

dan setelah sobat copy script di atas, silahkan di save dan lihat hasilnya.
oke sekian tutorial yang singkat ini sekian terima kasih.Jika ada yang masih membingungkan dalam tutorial ini silahkan memberikan komentarnya.

Cara menghapus widget yang tidak bisa di hapus di blog

Alsaskar Mirando 20:07:00 | #blog

Selamat siang semua, ketemu lagi bersama saya.Kalian pernah lihat tidak widget yang tidak bisa di hapus pada blog? Atau biasa widget itu ada tiga bagian langsung, nah kalian tahukan kalo widget itu tidak bisa di hapus.Gimana ya cara agar widget itu bisa di hapus? Tenang teman-teman saya punya solusinya, pengen tahukan? Maka dari itu mari kita simak sama-sama artikel ini.Tapi sebelum lanjut saya mau tanya sedikit nih kenapa sih widget itu tidak bisa terhapus oleh blog? Tidak bisa jawab? oke saya akan coba jawab, jadi sebenarnya itu teman-teman widget yang tidak bisa di hapus itu di karenakan terkunci dari template blog yang anda gunakan.Oke sudah saya jawabkan mari kita lanjut.

Cara menghapus widget yang tidak bisa di hapus di blog

Masuk ke akun Blog anda.
Pertama Kalian masuk ke Template > Edit HTML.

Nah disini misalkan saya ingin menghapus widget Label, dan coba perhatikan script di bawah ini.

<b:widget id='Label' locked='true' title='Label' type='Label'>

Nah pada kode locked='true' berarti widget Label kita telah di kunci agar widget itu tidak bisa di hapus oleh pemakainya.Terus gimana donk supaya widget itu bisa di hapus? Gampang teman-teman kita tinggal mengganti tulisan true menjadi false begitu juga sebaliknya ya hehehe.Atau seperti script di bawah ini.


<b:widget id='PopularPosts1' locked='false' title='Popular' type='PopularPosts'>

Setelah itu klik Simpan Template.
Dan silahkan cek kalau berhasil, jika berhasil widget itu bisa terhapus.

Oke selesai juga tutorial yang singkat ini, sekian terima kasih.
Jangan lupa untuk berkunjung di blog sederhana ini selalu.Dan jangan segan-segan untuk bertanya.

Biongo Attacker