Lengkap! Cara Edit/Redesign Template Blog Offline


Tidak semua template atau tema blog dapat sesuai dengan keinginan seseorang. Untungnya, di Blogger kita diberi kebebasan untuk dapat mengeditnya kembali, Namun agar dapat melihat perubahannya biasanya kita harus tetap online, lalu bagaimana jika kita ingin merubah atau mengedit template dalam keadaan offline?


Seorang Blogger biasanya selalu ingin menonjolkan tampilan blog mereka, dengan template blog yang menarik akan membuat pengunjung semakin tertarik mengunjungi blog tersebut. Sayangnya, tidak semua template memenuhi ekspektasi seorang pengguna

Oleh karena itu, kita mencoba mengedit sebuah tema blog yang digunakan agar sesuai dengan yang diharapkan

Mungkin anda akan bertanya,

Apakah Saya Dapat Mengedit Template Blogspot Secara Offline?


Ya, kita dapat mengedit bahkan membuat tema blogger atau blogspot sendiri dalam keadaan offline dengan langkah yang tidak terlalu rumit

Bagaimana Prosedure dan Langkah Mengedit Tema Blogspot Secara Offline?


Merubah dan mengedit tema blog dengan offline terbilang lebih mudah, karena tidak membutuhkan banyak tools, dalam halaman ini anda mungkin akan menemukan jawabannya.

Didalam artikel ini, saya akan memberikan sebuah tutorial untuk anda yang sedang ingin mengganti template mereka dengan cara mengeditnya dengan atau tanpa jaringan internet

Tools Edit File Template

Blogspot/Blogger memiliki jenis file enskripsi XML Document, ini berbeda dengan CMS lainnya yang berupa HTML ataupun PHP.

Namun, kita diuntungkan, karena tidak perlu bersusah payah dalam mengeditnya, karena semua kode tampilan template berada dalam satu file XML tersebut.

Untuk membuka file XML kita hanya memerlukan beberapa software bantu agar pekerjaan lebih mudah nantinya, aplikasi yang bisa membaca file text yang saya maksud seperti

    Notepad++


    Notepad merupakan perangkat lunak edit text bawaan sistem OS windows, namun anda dapat meng-upgrade notepad menjadi Notepad++ yang merupakan versi terbaru dan dengan fitur lainnya

    Sublime Text Editor


    Untuk urusan coding seperti HTML,CSS,JAVA dan sebagainya mungkin saya lebih cenderung untuk menyarankan anda menggunakan Sublime text editor
    Hal ini karena, Sublime text dapat membaca berbagai macam enskripsi text dan ditambah Syntax yang menarik

    Mozilla Firefox


    Untuk mengetahui template anda berhasil diedit atau untuk tujuan demonstrasi kita membutuhkan sebuah browser
    Disinilah Mozilla dibutuhkan, mozilla biasanya mendukung berbagai jenis kode css terbaru dan lebih mudah untuk digunakan

    Google Chrome


    Browser kedua yang sering saya gunakan ialah Google chrome, walaupun dalam versi lama terdapat beberapa kecacatan saat menjalankan CSS terbaru, namun Google chrome menjadi pilihan utama untuk menganalisis, mengedit template bahkan meng-cloning atau duplikat template orang lain

Belajar Mengedit Tampilan Template Blogspot

Belajar CSS dan HTML Dasar

Agar dapat mengedit template yang isinya tersusun dari kode CSSdanHTML tentu kita harus mengetahui dasar-dasar kedua kode program (HTML bukan bahasa program) tersebut

Dan pada tutorial mengedit template blogspot secara offline ini-pun kita juga akan sedikit mengulasnya

    CSS

    Cascading Style Sheet Document (.css) biasanya memberikan tampilan pada HTML, dan perlu diingat tag CSS selalu dan harus diawali dengan "titik atau Pagar (. / #)". Dan setiap tag pembuka pada CSS maupun HTML harus memiliki tag penutup. Contohnya
  • #Wrapper
  • .button
  • <div class="button">Button</div>
  • Sampai disini apa anda sudah mulai mengerti tentang aturan mutlak CSS?

    HTML

    Hyper Text Markup Languange atau sering disingkat HTML bukanlah sebuah bahasa program, sesuai namanya, HTML merupakan bahasa markup

Mengedit Template Blogspot Secara Offline

Agar dapat mengedit tema secara offline, anda harus melakukan 2 tahapan sederhana berikut



  • Mendownload dan menyimpan halaman Homepage dan salah satu artikel di blog anda
  • Mengunduh/backup file template dan menyimpannya


  • Tentukan pada bagian mana yang akan anda edit, apakah di Homepage blog atau di tampilan postingannya
    Pada contoh ini, kita akan mencoba mengedit template blog secara offline pada bagian home page yaitu merubah warna atau ukurannya, berikut tahapannya



  • Buka homepage blog yang sudah anda download sebelumnya menggunakan google chrome atau mozilla
  • Kemudian buka file backup template blog dengan sublime text,notepad++ atau text editor lainnya
  • Klik kanan pada objek yang ingin di Edit, misalnya pada bagian postingan artikel terbaru, kemudian klik inspect element
  •  
    cara edit dan mengubah template blog

  • Anda akan melihat kolom baru, perhatikan pada baris Elements yang merupakan element atau bagian yang baru saja anda inspect, dan pada bagian Style adalah code css yang mengatur tampilan pada widged tersebut
  • Anda tinggal mengedit css yang ditampilan, atau menambahkan kode baru dengan mengklik pada bagian css, misalnya warna background, display, border, dan sebagainya
  • Setelah anda menambahkan, atau mengedit css maka otomatis tampilan blog anda ikut berubah, jika sudah sesuai keinginan
  •  
    cara redesign template blogger
    menyimpan template yang di redesign

  • Buka file template di-notepad++ tadi dan cari Tag CSS yang baru anda edit, setelah ditemukan maka ubah atau tambahkan kembali css yang anda edit dan kemudian simpan
  • Lakukan perlahan dan hati-hati,agar tidak terjadi kesalahan saat mengupload kembali template


  • Sangat mudah bukan mengedit template blogspot milik sendiri tanpa harus online? Apakah anda terbantu dengan artikel ini? Jika tidak silahkan berkomentar dengan pertanyaan anda

    Dapatkan Tips Menarik Setiap Harinya!

    • Dapatkan tips dan trik yang belum pernah kamu tau sebelumnya
    • Jadilah orang pertama yang mengetahui hal-hal baru di dunia teknologi
    • Dapatkan Ebook Gratis: Cara Dapat 200 Juta / bulan dari AdSense

    2 Responses to "Lengkap! Cara Edit/Redesign Template Blog Offline"

    1. Yang berbasis XAMPP ada gak kak tutornya ?

      BalasHapus
      Balasan
      1. XAMPP bukannya perangkat lunak untuk membuat berbagai bahasa program ya? Saya tidak bisa menggunakannya

        Hapus

    Iklan Atas Artikel

    Iklan Tengah Artikel 1

    Iklan Tengah Artikel 2

    Iklan Bawah Artikel