Mengedit Template HTML Blogger / blogspot Mudah dan Aman



Tips Mengedit Template HTML di Blogger

  1. Pahami Elemen Dasar: Kenali elemen dasar seperti tag HTML/XML, head, body, CSS, dan Javascript. Ini penting untuk memahami struktur template.

  2. Backup Template: Selalu lakukan cadangan template sebelum melakukan editing untuk menghindari kehilangan data.

  3. Ikuti Tutorial dengan Teliti: Pastikan untuk mengikuti setiap langkah tutorial dengan cermat, termasuk mencentang opsi yang diperlukan.

  4. Copy Script dengan Hati-hati: Saat menyalin kode dari tutorial, pastikan tidak ada bagian yang terlewat.

  5. Modifikasi di Editor Terpisah: Ubah script di editor seperti Notepad sebelum memasukkannya ke template untuk menghindari kesalahan.

  6. Gunakan Fitur Pencarian: Untuk mencari kode tertentu, gunakan fitur pencarian di browser (Ctrl + F) agar lebih efisien.

  7. Perhatikan Penempatan Kode: Tempatkan kode baru dengan benar sesuai instruksi, baik di atas maupun di bawah kode yang sudah ada.

  8. Buat Blog Uji Coba: Buat blog baru untuk eksperimen agar tidak mengganggu blog utama Anda.

  9. Gunakan Fitur Pratinjau: Sebelum menyimpan perubahan, gunakan fitur pratinjau untuk melihat hasilnya.

  10. Periksa Tag Paragraf: Jika tidak menemukan kode tertentu, periksa apakah ada tag lain yang mengapitnya.

Berikut Beberapa Code yg bisa di copy :

1. Menambahkan CSS Kustom

Anda dapat menambahkan CSS kustom untuk mengubah tampilan blog Anda. Tempatkan kode ini di dalam tag <b:skin><![CDATA[ di template Anda:

<b:skin><![CDATA[ /* CSS Kustom Anda */ body { background-color: #f0f0f0; /* Ubah latar belakang */ color: #333; /* Ubah warna teks */ } h1, h2, h3 { font-family: 'Arial', sans-serif; /* Ubah font judul */ } ]]></b:skin>


2. Menambahkan Widget Populer

Untuk menambahkan widget populer ke blog Anda, Anda bisa menggunakan kode berikut. Tempatkan di dalam <body>:

<b:include data='widget' name='PopularPosts'/>


3. Memasukkan Kode Javascript

Jika Anda ingin menambahkan Javascript, seperti untuk memasang fitur tertentu, Anda bisa menambahkannya di bagian bawah tag <body>:

<script type='text/javascript'> // Contoh kode Javascript function showAlert() { alert("Selamat datang di blog saya!"); } </script>


4. Mengedit Judul Blog

Untuk mengubah judul blog Anda, cari bagian berikut di template:

<title><data:blog.pageTitle/></title>

5. Menambahkan Favicon

Untuk menambahkan favicon, cari tag <head> dan tambahkan kode berikut:

<link rel='icon' href='URL_FAVICON' type='image/x-icon'/>
Ganti URL_FAVICON dengan link gambar favicon yang ingin Anda gunakan.

6. Mengganti Gambar Header

Untuk mengganti gambar header blog, cari bagian di bawah ini dan ganti

URL_GAMBAR_HEADER dengan URL gambar yang diinginkan:

<header> <img src='URL_GAMBAR_HEADER' alt='Header Blog'/> </header>

7. Menggunakan Widget RSS

Jika Anda ingin menambahkan widget RSS, Anda bisa menggunakan kode berikut:

<b:include data='widget' name='RSS'/

Selalu ingat untuk backup template sebelum melakukan perubahan. Setelah menambahkan atau mengubah kode, gunakan fitur pratinjau untuk memastikan semuanya terlihat baik. 

Dengan mengikuti tips ini, pengguna Blogger, terutama yang masih baru, dapat lebih percaya diri dan aman saat mengedit template mereka. Teruslah belajar dan bereksperimen agar semakin mahir dalam mengelola blog! Apakah Anda memiliki pengalaman tertentu atau pertanyaan lain tentang mengedit template Blogger?




Komentar

  1. Rifky30 April 2015 pukul 01.07

    Nice Artikel Gan (y)
    Kunjungan balik nya gan^^ http://100persenlengkap.blogspot.com/

    BalasHapus

Posting Komentar