08 November 2023

Beginilah Cara Edit HTML di Template Blogspot

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ الرَّحِيم

Beginilah Cara Edit HTML di Template Blogspot
EDIT HTML di template blogger merupakan cara memperindah website kita. Terkadang utak-atik dengan jutaan coding di template blogspot ini sangat memusingkan. Tetapi jika sudah memahami dasar-dasar edit HTML di template blogspot, utak-atik coding bukan suatu masalah yang berarti.



Apakah HTML itu?

Hypertext Markup Language (HTML, red) merupakan bahasa pemrograman standar untuk dokumen yang dirancang guna ditampilkan di peramban internet. Biasanya HTML bersanding dengan bahasa pemrograman lain seperti Cascading Style Sheets (CSS, red) dan bahasa skrip lainnya seperti JavaScript, VBScript, dan PHP.

Peramban di internet menerima doc HTML dari server web atau dari penyimpanan lokal, kemudian membuat dokumen tersebut menjadi halaman web multimedia. HTML menggambarkan struktur halaman web secara semantik dan isyarat awal yang disertakan untuk penampilan dokumen dari tampilan web. Bahasa paling dasar Web adalah HTML ini.

Bagaimana Penggunaan HTML

Dari elemen HTML digambarkan oleh tag, ditulis menggunakan tanda kurung siku. Tag seperti <img /> dan <input /> kemudian ditampilkan ke dalam halaman. Tag lain seperti <p> memberikan informasi tentang teks dokumen dan mungkin menyertakan tag lain sebagai sub-elemen. Peramban/browser tidak menampilkan tag HTML, tetapi menggunakannya untuk menafsirkan konten halaman.

HTML dapat menyematkan program yang ditulis dalam bahasa skrip seperti JavaScript, yang memengaruhi perilaku dan konten halaman web. Dimasukkannya CSS mendefinisikan tampilan dan tata letak konten supaya lebih indah dan estetik. World Wide Web Consortium (W3C), mantan pelopor serta pengelola HTML dan pemelihara standar CSS saat ini, telah mendorong penggunaan CSS pada HTML presentasi eksplisit sejak tahun 1997. Cukup lama ya berkecimpung dalam dunia coding.

Dan sekarang lahirlah era HTML5 dengan kemampuannya yang mampu bersanding dengan CSS versi 3 atau CSS3. Tujuan utama pengembangan HTML5 adalah untuk memperbaiki teknologi HTML agar mendukung teknologi multimedia terbaru, mudah dibaca oleh manusia dan juga mudah dimengerti oleh mesin terutama perancang website.

Fungsi HTML

Fungsi HTML adalah untuk membangun tampilan website yang telah menerapkan metode semantik guna memudahkan setiap pengembang dalam proses development dan maintenance. Kemudian, HTML juga dapat dikolaborasikan dengan penggunaan bahasa CSS (Cascade Style Sheet) serta JavaScript.

Dimana, peran dari HTML5 berfungsi untuk menyusun kerangka dan struktur halaman website. Kemudian, CSS membantu dalam memberikan tampilan desain meliputi warna, font, outline, dan lain sebagainya. Tugas dari bahasa pemrograman JavaScript adalah memberikan sentuhan interaksi untuk memberikan pengalaman yang berbeda pada user.



Edit HTML

Sekarang kita beranjak ke Edit HTML. Pada template sebagai dapur pacu utama website dari platform blogspot, maka kita sebagai blogger mesti memahami seluk beluk didalamnya. Supaya tampilan website bisa mengikuti kaidah SEO yang benar, Postingan yang akurat, dan Tema yang sesuai.

Terus bagaimana caranya supaya dapat mengutak-atik kode template yang terdiri dari jutaan coding dan beberapa bagian / sub didalamnya. Setidaknya pemahaman lebih lanjut tentang template adalah mengetahui dasar codingnya.

Ada beberapa bagian yang meliputi : Main-wrapper, Header-wrapper, Navigasi, Main-body, Title, Sidebar, Post-entry, Comment, Footer, serta Credit-footer. Tentu saja didukung dengan Share-medsos, Contact-us, Subscribe-feed, Popular-post, Recent-post, Trending-post, Form-email.

Setelah tahu bagian-bagiannya, maka kita akan semakin jelas arah dari edit template nanti. Seperti misal kita akan utak-atik blockquote atau bagian quote. Cari code yang mengandung kata itu. Misal ketika membuat Box Quote Cantik maka mesti inisiatif dari kita untuk mengutak-atik template.


Cara Edit HTML dibawah ini :

- Masuk ke DASHBOARD blogger
- Pilih TEMA
- Klik SESUAIKAN : EDIT HTML
- Terus di sebelah kanan atas ada icon : Penjelasannya sebagai berikut

1. Lompat ke widget berfungsi untuk lompat langsung menuju kode widget yang diinginkan
2. Pratinjau tema berfungsi untuk melihat preview atau pritinjau tema
3. Kembalikan widget ke Default berfungsi untuk mengembalikan widget seperti semula
4. Kembalikan perubahan terakhir berfungsi untuk mengembalikan perubahan terakhir (CTRL + Z)
5. Simpan berfungsi untuk menyimpan perubahan


Panjang sekali tulisannya dan cukup melelahkan ya membacanya. Tapi sesuai kok dengan ilmunya. Ehemmm :D .. belajar setahap demi setahap demi hasil yang memuaskan rasanya bukan hal yang sia-sia. Ambil hikmahnya dan manfaatnya. Karena ilmu ada karena kita mau belajar dan meraih sesuatu yang baru.

Quote dari sang Jenderal Perang sang Penguasa WW2 dengan sebutan Pak Kumis -- Adolf Hitler -- mengatakan, "Siapapun bisa menghadapi kemenangan tapi hanya orang hebatlah yang bisa menghadapi kekalahan." Sekian dan Salam Blogger. Selamat malam.

Bagikan ke teman-teman kamu
Label Postingan : Tips Blog

Terima kasih ya udah mempraktekkan tutorial blog di web alifacode.com dengan judul Beginilah Cara Edit HTML di Template Blogspot . Semoga tutorial blog ini dapat bermanfaat. Salam Blogger.

Comments

Pesan berupa SPAM, Sara, Iklan, Pornografi, Broken link dan Link Aktif akan kami hapus. Berkomentarlah dengan sopan dan mengikuti panduan mengemukakan pendapat yang baik.
EmoticonEmoticon