tag:blogger.com,1999:blog-83159362502452564292024-11-05T18:53:03.568-08:00Belajar Cara Mendesain Blog dengan Cepat dan MudahGhttp://www.blogger.com/profile/13920167713322788172noreply@blogger.comBlogger1125tag:blogger.com,1999:blog-8315936250245256429.post-4990834435088071542015-03-29T02:17:00.004-07:002015-04-04T17:55:38.629-07:00Hai teman-teman, saya Gum. Kali ini kita akan belajar tentang step paling penting dalam mempercantik blog di Blogspot - yaitu mengedit HTML. Mengedit HTML di Blogspot sangat mudah. Berikut langkah-langkah nya:<br /> <br /> <ol> <li>1. Buka dashboard blogmu</li> <li>2. Klik template, lalu pilih edit html&nbsp;<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzT-GeMbVsorHlsSg-iEJQhvhaRgWgnKqksS8BsX4wyh1y6JpIpAY3GLiiao2YP_3znPU1Wkn9prZL4mHI6XOxa33GFkz2gGsjimZ8Vs1ZH9UzEhuXWBZ2AQyVTZXHH5GaqBHwolmjGVg/s1600/1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="langkah kedua mengedit blog mengedit html di blogspot" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzT-GeMbVsorHlsSg-iEJQhvhaRgWgnKqksS8BsX4wyh1y6JpIpAY3GLiiao2YP_3znPU1Wkn9prZL4mHI6XOxa33GFkz2gGsjimZ8Vs1ZH9UzEhuXWBZ2AQyVTZXHH5GaqBHwolmjGVg/s1600/1.png" height="256" title="" width="640" /></a></div> </li> <li>3. Jika ingin pergi ke bagian tertentu pada blog, klik "Jump to widget"&nbsp;<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYEmyfiCZGbA08cghrOXI68uEbYmXZIu3_6dKYWD_AhOjSbtZKKq2KtNK2C9OGtzXEjqnW8iUWL8betgIsxiG7eosmjJulY1P19vK_vqWbbaosLfaEGPiCEP-zWNybsL6rFZsTHyIB6z0/s1600/2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="langkah ketiga mengedit blog mengedit html di blogspot" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYEmyfiCZGbA08cghrOXI68uEbYmXZIu3_6dKYWD_AhOjSbtZKKq2KtNK2C9OGtzXEjqnW8iUWL8betgIsxiG7eosmjJulY1P19vK_vqWbbaosLfaEGPiCEP-zWNybsL6rFZsTHyIB6z0/s1600/2.png" height="284" title="" width="640" /></a></div> </li> <hr /> <blockquote> Bagian mana yang ingin kamu edit nantinya tergantung pada tema yang kamu pilih. Di blog ini sudah disediakan cara untuk memasang dan mengedit tema yang bukan dari Google (alias 3rd party) yang tentunya memiliki desain lebih menarik dari tema yang sudah disediakan secara default. Tutorial disediakan per tema, karena masing-masing tema membutuhkan proses pengeditan yang berbeda-beda.</blockquote> <hr /> <li>4. Untuk mengetahui kalau editanmu berhasil, lihat dulu hasilnya dengan cara mengklik "Preview Template"&nbsp;<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggV6eiX1Sbf3rB439wZUGNPx2Tk0H3l9fIE1Kke-O5S3isekztnFZuUK429xsogO7Tc7eiJA6GH4rd1f5oGZBQUwIWhVx2nKAkOnKL9bmBxXdKzFDkdv6amzgen_tpMWmMz0PvxyGYq2M/s1600/3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="langkah keempat mengedit blog mengedit html di blogspot" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggV6eiX1Sbf3rB439wZUGNPx2Tk0H3l9fIE1Kke-O5S3isekztnFZuUK429xsogO7Tc7eiJA6GH4rd1f5oGZBQUwIWhVx2nKAkOnKL9bmBxXdKzFDkdv6amzgen_tpMWmMz0PvxyGYq2M/s1600/3.png" height="278" title="" width="640" /></a></div> </li> <li>5. Jika ada yang salah, tinggal klik "Revert widget templates to default" untuk memulai pengeditan dari awal lagi&nbsp;<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhR_CtUz1KkYaQSY8VbHmHKj9L94TvNfyvi8yYmDuvy2beNkI6fqI7QHWrexXwwXv0HzxeFUPJKGGWwW9SiXMc91nvTpVAWA3J4dWDg8Xw6FRo3_U3FESyDN44Nw6EGtp_9yhztF4RrEks/s1600/4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="langkah kelima mengedit blog mengedit html di blogspot" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhR_CtUz1KkYaQSY8VbHmHKj9L94TvNfyvi8yYmDuvy2beNkI6fqI7QHWrexXwwXv0HzxeFUPJKGGWwW9SiXMc91nvTpVAWA3J4dWDg8Xw6FRo3_U3FESyDN44Nw6EGtp_9yhztF4RrEks/s1600/4.png" height="334" title="" width="640" /></a></div> </li> <li>6. Jika sudah merasa pengeditannya benar, tinggal di save deh :)&nbsp;<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjROOgnpPTyBNcfQLXw7hxD3U5m6_6OowW4yyd8hQCbUVpk5x1r7wvwtPivmCGxeFRSWFCitXMlIvgW4t0kyrK_wuoLtrQyJgPwQqc7WZcNf94ADf0GIa9-WeefDqgVWX71IOtch4Df4R8/s1600/5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="langkah keenam mengedit blog mengedit html di blogspot" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjROOgnpPTyBNcfQLXw7hxD3U5m6_6OowW4yyd8hQCbUVpk5x1r7wvwtPivmCGxeFRSWFCitXMlIvgW4t0kyrK_wuoLtrQyJgPwQqc7WZcNf94ADf0GIa9-WeefDqgVWX71IOtch4Df4R8/s1600/5.png" height="336" title="" width="640" /></a></div> </li> </ol> Ya, itulah dasar-dasar mengedit HTML di Blogspot, Mudah kan? Jika ada yang mau ditanyakan, tanyakan aja di comment.<br /> Untuk proses pengeditan HTML, setiap tema membutuhkan proses pengeditan yang berbeda-beda. Blog ini akan memberitahumu cara mengedit HTML untuk setiap tema, minimal satu tema setiap minggu (soalnya saya agak sibuk hehe._.). Jadi, selalu cek terus blog ini ya :)Ghttp://www.blogger.com/profile/13920167713322788172noreply@blogger.com0