Membuat Menu Navigation Bar Responsive

Cara Membuat Menu Navigation Bar Responsive Di Blog

Cara Membuat Menu Bar Responsive Di Blog Kali ini saya akan berbagi Tutorial Cara Memasang Menubar yang mobile friendly / responsive....


Menu Bar ini cocok buat kalian yang ingin mendesain templatenya menjadi suport mobile friendly yang akan memudahkan pengunjung untuk mengontrol isi dari menu yang ditampilkan..


Sebelumnya saya juga sudah

Categories: Blogger, CSS, HTML, widget

Base64 Encoder Tools Online

free base64 encode tool online

Cara Menyembunyikan Script Dengan Base64 Encoder Base64 adalah sebuah metode untuk melakukan proses encode /atau decode data biner dalam format string ASCII yang diterjemahkan kedalam radix 64. Base64 implementasinya menggunakan char A–Z, a–z, dan 0–9 ditambah 2 char lagi yaitu "+" dan "/“.


Skema encode/decode base 64 umumnya digunakan untuk menyandikan data

Categories: Blogger, CSS, HTML, Tips Dan Trik, Tools

Credit Template Redirect Ketika Di Hapus Atau Di Rubah Namanya

Cara Agar Credit Template Tidak Bisa Di Hapus Dengan Auto Redirect

Javascript : Membuat Credits Template Redirect Tidak Bisa Di Ganti Atau Di Hapus Cara Melindungi Credit Link Template dengan Cara Auto Redirect Ke website kita ketika di hapus urlnya atau di ganti namanya dan juga ketika pembungkus divnya di hapus.


Buat sobat blogger yang suka berbagi template free atau premium dan ingin agar

Categories: Blogger, HTML, Tips Dan Trik

Membuat Multi Tab Video Streaming Responsive di Blog

Cara memasang multi tab video streaming responsive di blog

Pada postingan kali ini saya akan berbagi tentang multi tab video streaming. Jadi kalian bisa memasukan 3 (tiga video)bisa untuk pilihan chanel atau bisa untuk menambah vido lanjutannya.


bisa juga kalian menaruh beberapa video dengan kualitas yang berbeda, bisa juga menaruh video dengan server yang berbeda, buat cadangan apa bila

Categories: Blogger, CSS, HTML, Tips Dan Trik

Cara Membuat Widget Pop Up Denagn Waktu Yang Sudah Di Tentukan

Cara Membuat widget popup card di blog dengan waktu yang sudah di tentukan

membuat Widget Pop dengan waktu yang sudah di tentukan, kali ini saya akan berbagi widget pop up card dengan waktu yang sudah di tentukan untuk memunculkannya disertai dengan tombol clos (keluar).


Sebelumnya saya juga sudah membuat yang hampir mirip namun pada postingan sebelumnya saya tidak menentukan waktu untuk

Categories: Blogger, CSS, HTML, Tips Dan Trik, widget

Cara Membuat Recent Comments Disqus

Cara Membuat Widget Recent Comments Disqus Di Blog

Cara Memasang Recent Comments Disqus Di Blogger, Pada postingan kali ini saya selaku admin blog mas tamvan akan berbagi tutorial memasang sebuah widget komentar disqus di website blogger.


Widget Komentar terbaru ini khusus bagi kalian yang memasang komentar disqus di blognya, jadi kalo kalian memasang widget ini tapi tidak memasang komentar

Categories: Blogger, CSS, HTML, Tips Dan Trik, widget

HTML, CSS, Javascript Compressor Dan Beautifier

HTML, CSS, Javascript Minify And Maxifier

Tools Online untuk merapihkan dan juga mencompres html, css dan javascript secara online kali ini blog mas tamvan akan berbagi sebuah tools online yang berfungsi untuk.....


Tools All In One ini fungsinya buat mencompres html, compres css dan javascript. Selain untuk mencompres, tools ini bisa juga untuk mengembalikannya menjadi seperti semula atau

Categories: Blogger, CSS, HTML, Tips Dan Trik, Tools

Membuat Material Design Button Ripple Effect Di Blogger

Cara Membuat Button Material Design

android material button ripple effect Cara membuat tombol button download atau demo dengan efect click ripple pada butonnya.


Hallo sobat, pada postingan kali ini saya akan berbagi button dengan animasi ripple ketika di klik, akan ada animasi seperti air yang di sentuh. Kira-kira seperti itu lah.


Untuk kalian yang ingin melihat seperti apa tampilan dari

Categories: Blogger, CSS, HTML, Tips Dan Trik

Menu List Converter Text To HTML

Cara Mudah Membuat Menu List Dengan Converter Text To HTML

Membuat menu atau List dengan mudah tanpa mengetik kode htmlnya kali ini saya akan berbagi sebuah tools yang fungsinya untuk mempermudah ketika kita ingin membuat postingan dalam mode html dan ingin memberikan menu / list seperti UL Unordered List, OL Ordered List atau select Select Menu.


Dengan Menu List Converter Text to Html ini,

Categories: Blogger, HTML, Tips Dan Trik, Tools

Membuat Prism Syntax Highlighter Simple Di Blog

Cara Membuat Prism Syntax Highlighter
Simple Prism Syntax Highlighter untuk blogger Kali ini saya akan berbagi sebuah pembungkus kode atau script di blog yang biasa di sebut dengan tag pre dan code atau bahasa latinnya Prism Syntax Highlighter :3


Prism Syntax Highlighter yang akan saya bagikan ini cukup lumayan simple, khusus buat orang yang suka tampilan yang simple seperti saya :3

Categories: Blogger, CSS, HTML, Tips Dan Trik

BELAJAR CODING DASAR HTML

Selamat Siang guyss,,,  waktunya untuk meluangkan waktu belajar paling sekitar 10 menit. Kali ini kakafuad mau ngajarin Belajar HTML yang paling dasar.

Kita kenalan dulu apa itu HTML ?

• Hyper Text Markup Language
• HTML adalah bahasa yang digunakan dalam pembuatan web pages.
• HTML bukan bahasa pemrograman, tetapi berupa markup language, yaitu bahasa yang dibentuk dari kumpulan markup tags

HTML Tags

• HTML markup tags biasa disebut HTML tags
• HTML tags adalah suatu kata kunci(keyword) yang terletak didalam angle brackets seperti<html>
• HTML tags umumnya berpasangan seperti<b> dan</b>, <p> dan</p>, <strong> dan</strong>
• Tag yang pertama( <b>, <p>, <strong> ) disebut start tag / opening tag
• Tag yang kedua( </b>, </p>, </strong> ) disebut end tag / closing tag
• Closing tag ditandai dengan adanya tanda slash ( / )
• Tidak boleh ada spasi setelah tanda<

Kayanya sudah cukup materinya yaa ,,, heheh sekarang waktunya praktik, buka editor kalian ( notepad, notepad++, sublime apa aja yang kalian punya )

<html>

      <head><title>HTML Pertama</title></head>

            <body>

                  Ini Sedang Belajar HTML

            </body>

</html>

Kemudian save dengan nama belajar.html . lalu buka dan akan tampil seperti gambar berikut ini

Keterangan

·         <html>..</html>

Bagian yang terdapat dalam tag <html>.

·         <head...</head>

Ini merupakan bagian atas, dan didalamnya ada tag <title> yang berguna untuk memberikan judul.

·         <body>...</body>

Bagian ini akan berisi konten web yang kita buat dan akan ditampilkan dihalaman web.

Nah segitu aja dari kakafuad.. semoga bermanfaat yaaaaa pembelajaran hari ini.

Categories: Belajar Coding, Coding, HTML

BELAJAR CODING 1

Mmmm dah lama ni gak mosting,, kira-kira mau mosting soal apaan yaa,, oiyaa ni aja deh, kakafuad mau berbagi tentang pengenalan HTML aja yaa...

Kita buat yang sederhana aja ...

<!DOCTYPE Doctype ditulis disini>

<html>

      <head>

            <title>Sobat Lama</title>

      </head>

      <body>

            <b><h3>Kepada,<br/>

            <u>Semua Teman Seperjuangan di Daerah yang pernah aku Singgahi</u></h3>

            <br/><h4><b><i>

            Assalamualaikum...

            <br/>

            Hay,,,guyss... bagaimana kabar kalian disana??? kuharap semua baik-baik saja<br/>

            kapan kita bisa bersama kembali ??? aku kangen akan kenakalan kita dulu ,, ehhehe,

            truz main futsal bareng juga, maling juga hahaha

            <br/><br/>

            <br/> ooiyaa ,,ngomong-ngomong kalian sekarang klyah dimana ?? atau malah ada yang dah kerja <br/>

            aku sekarang berada di Yogyakarta guyss,, aku disini kulyah<br/>

            aku kulyah sesuai dalam bidang minat ku di Komputer ( ^_^)9 !!!

            <br/><br/>

            <br/>ku harap setelah aku kirim kan pesan ini, ku harap kalian bisa membalasnya walau tak semua

            ini sedikit cerita dariku,,,aku ingin dengar cerita dari kalian juga.

            semoga kita dapat berkumpul bersama lagi yaa... aminnn <br/>

            </i></b></h4>  

            <br/>

            <b><h3>Salam dari ku<br/>

            <u>TheV!L<br/></u><br/></h3></b>

           

            <img src="https://z-1-scontent-sin1-1.xx.fbcdn.net/v/t1.0-9/1920559_580014365415384_1432375978_n.jpg?oh=798bbbadd7a9bf891f63db2b737640c7&oe=57B506B2" width="200" height="200" >

      </body>

</html>

Nah kemudian save dengan tugas.html kemudian coba buka file yang sudah dibuat tadi maka hasilnya akan menjadi seperti berikut.

Sekarang waktunya penjelasan

v  <html>àMerupakan tag yang harus ada dalam pembuatan web. Sebagai tag yang memulai dari berbagai tag yang ada didalamnya

v  <head>àMerupakan bagian pembuka kepala dari sebuah web.

v  <title>tag br</title>à Merupakan tag yang digunakan untuk memberi nama judul web, diawalai dengan tag <title> dan di ahiri dengan tag </title> diamana nama dari judul web diisikan di anatara pembuka dan penutup tag.

v  </head>à penutup dari bagaian kepala web, ini harus ada dikarnakan menjadi sebuah penutup tag bagian kepala yang dibuka.

v  <body>àMerupakan pembuka tag pada bagian badan sebuah web, didalam badan web bias diberikan tag-tag yang menunjang dari bagian badan web. Seperti kata-kata di bawah ini.

v  dokumenini yang akanditampilkan di web browser anda. à merupakan tulisan yanjg akan ditampilkan didalam bagian badan web, tulisan ini akan ditampilkan sesuai dengan format yang dituliskan pada program.

v  <br>àmerupakan tag yang mdapat membuat baris baru atau berpindah baris, dapat membuat tulisan pada bagian badan web menjadi lebih terlihat rapi

v  web statis adalah web yang berisiinformasi-informasi yang

§  bersifat statis (tetap).<br>

v  web dinami sadalah web yang menampilkaninformasi yang bersifat Dinamis

§  (berubahubah) dan dapat saling berinteraksi dengan user. <br>

v  Perhatikan antara yang mengunakan br dan yang tidak, selamat

§  mencoba. <br>

v  </body>à Merpukan penutup dari tag bagaian badan web.

v  </html>à merupakan penutup dari tag pembukan web, atau tag penutup dalam web.

Nah kalo temen-temen sekiranya masih ada yang kurang mengerti, monggo di tanya-tanya yaa J

Categories: Belajar Coding, Coding, HTML