Langsung ke konten utama

Cara Edit Blog



Sebelum kamu mengedit Template Blogmu alangkah baiknya kamu belajar tentang HTML CSS & JAVA SCRIPT karena template blog menggunkannya tidak seperti website yang bisa drag and drop dan dengan mudah mengubahnya, untuk Blog memang agak susah tapi tidak menutup kemungkinan bisa di edit sesuka hati hanya perlu sedikit belajar


  • HTML
    • Dokumen HTML Semua dokumen HTML harus memulai dengan deklarasi tipe: <! DOCTYPE html>. Dokumen HTML itu sendiri dimulai dengan <html> dan diakhiri dengan </ html>. Terlihat bagian dari dokumen HTML adalah antara <body> dan </ body>.Jadi bisa di bilang kalok HTML itu adalah bajunya sedangkan body adalah badannya, ( maaf kalau definisinya kaco)
      • Ini adalah standart HTML  
          <!DOCTYPE html>
              <html>
                   <head>
                        <title>Page Title</title>
                  </head>
              <body>

                 <h1>This is a Heading</h1>
                 <p>This is a paragraph.</p>

             < /body>
            </html>
        Page Title

        This is a Heading

        This is a paragraph.
      1. Sekarang penjelasnnya tentang <h1> diakhiri < h1> , H1 adalah Judul isi HTMLnya ( untuk h1-h6 sama saja yang membedakan ukuran fontnya ).
      2. Sedangkan <p> diakhiri </p> adalah definisi dari paragraf.
      3. Sedangkan link sebuah html di definisikan dengan <a>
         <a href="Nama Blog">This is a link</a>
      4. Tujuan link ditentukan dalam href.
            • <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFJL-4iyfBdciiIGNRxTdCp2f0WauYTRCNQHkVIdSjVoJAHjqAgtLW7e0UV26iAxIKEzad35K8HSTC47MA3U5c9N19XfwNgprJiaSiymkJkO5sgfbYCF0-8L2JuIwRHVKqBUbPwWk84lEI/s1600/Penjelasan-Lengkap-Mengenai-HTML.png" alt="Logo HTML" width="150" height="150">  
      5. Src adalah tempat untuk sumber gambarnya, alt adalah teks alternatif, dan width height adalah untuk mengubah ukuran gambarnya, bisa dilihat dibawah ini contoh gambarnya. ukuran disesuaikan dengan kebutuhan
  • CSS 
    • CSS adalah kependekan dari Cascading Style Sheet. CSS merupakan salah satu kode pemrograman yang bertujuan untuk menghias dan mengatur gaya tampilan/layout halaman web supaya lebih elegan dan menarik.CSS adalah sebuah teknologi internet yang direkomendasikan oleh World Wide Web Consortium atau W3C pada tahun 1996. Awalnya, CSS dikembangkan di SGML pada tahun 1970, dan terus dikembangkan hingga saat ini. CSS telah mendukung banyak bahasa markup seperti HTML, XHTML, XML, SVG (Scalable Vector Graphics) dan Mozilla XUL (XML User Interface Language) CC memiliki 3 tingkatan sampai saat ini .
    • CSS digunakan oleh web programmer dan juga Blogger untuk menentukan warna, tata letak font, dan semua aspek lain dari presentasi dokumen di situs mereka. Saat ini, hampir tidak ada situs web yang dibangun tanpa kode css.
    • Sebagai blogger, Anda juga harus tahu apa itu CSS dan bagaimana menggunakannya agar mudah untuk mengedit blog anda. Kode CSS membuat pembaca blog kita menjadi nyaman dan betah berlama-lama di blog kita sehingga pageviews situs kitapun meningkat. Namun, itu semua tergantung bagaimana kita menggunakannya sehingga bisa memikat pengunjung.

  • Java Script


    • JavaScript adalah bahasa pemrograman HTML. Pemrograman membuat komputer melakukan apa yang ingin mereka lakukan. JavaScript adalah salah satu dari 3 bahasa semua pengembang web harus belajar :

      1.   HTML menentukan isi dari halaman web
      2.   CSS untuk menentukan tata letak halaman web
      3.   JavaScript  memprogram perilaku halaman web

    • Contoh dibawah ini tentang JavaScript , dan bagaimana JavaScript bekerja di HTML dan CSS
    • Contoh JavaScript Sederhana
      • <!DOCTYPE html>
        <html>
           <body>
                  <h1>Jam Blogku</h1>
                     <button type="button"
                         onclick="document.getElementById('demo').innerHTML = Date()">
                          Klik untuk melihat Jam.</button>
                  <p id="demo"></p>
           </body>
        </html> 


Sekarang jika masih bingung silahakan kunjungi W3School itu adalah tempat saya belajar secara otodidak, semua akan mudah jika mengetahui dasarnya.

Komentar

Postingan populer dari blog ini

Cara mendaftar dan mebuat Blogger

Sekarang saya asumsikan bahwa Anda sudah memiliki alamat email di gmail ( wajib ) dan logo yang akan dipasang pada blog, untuk itu kita langsung saja untuk membuat blog. Silahkan Anda kunjungi http://blogger.com/ Kemudian lihat di kanan bawah, rubah bahasa menjadi bahasa indonesia agar lebih mudah Masuk/login menggunakan username/nama pengguna serta password gmail anda ( akun email anda bisa juga untuk login ke blogger). Isilah formulir data Anda yang terlampir seperti: Nama tampilan : isi dengan nama yang akan ditampilkan pada profile blog anda. Jenis Kelamin : pilih jenis kelamin Anda, misalnya: Pria. Penerimaan Persyaratan : Ceklis sebagai tanda anda setuju dengan peraturan yang telah di tetapkan oleh pihak blogger. Sebaiknya baca terlebihdahulu persyaratan dan ketentuan yang diberikan pihak blogger agar Anda mengerti. Klik tanda panah bertuliskan “Lanjutkan”. Kemudian klik "Blog Baru"  Selanjutnya isi formulir data blog Anda pada form yang disediakan seper...
Canva’s Ultimate Guide to Font Pairing Great fonts are essential to great design. But picking great fonts can seem like an impossible dark art for most people. In the article below I’ll explain the basics of choosing great fonts and then give you my favorite combinations that you can use in your own designs. These font pairs are perfect if you are trying to create your next  presentation ,  social media graphic  or anything else you’d like to design. Of course, all of these fonts are available for you to use – for free – inside  Canva . There’s a science to applying a heading, subheading and body copy to suit the type of content you’re producing and the message or tone of your brand. Think we’ve left some good ones out? Share the font pairings you like to use in the comments section, below, and if we think it deserves to be on this list, we’ll add it in and feature your own design. The anatomy of typography Before we ...