Artikel Copas 100%

Berbagi seadaanya.

Select Menu
  • Home
  • Blogging
    • Tutorial Blogspot
    • CSS
    • jQuery
    • Widget
  • Tools
    • Font Awesome
    • HTML Editor
    • HTML Encrypter
    • Code Color
    • Responsive Cek
  • Sitemap
  • Static Page
  • Error Page
Home » Blogging » Panduan Cara Edit HTML Template Blog Terbaru

Rabu, 29 Mei 2013

Panduan Cara Edit HTML Template Blog Terbaru

Add Comment
Blogging
Tampilan Blogger pada bulan April kemarin sedikit dilakukan pembaharuan. Apabila kita masuk ke menu Edit HTML di Template Blogger, maka anda akan melihat tampilan pengeditan kode HTML,CSS, dan Javascript terbaru. Di dalam edit html kita akan melihat beberapa tombol tools baru seperti Back, Save Template, Jump To Widget, Edit Template, Preview Template, Format Template, Revert Change, Revert widget tempate to default, seperti pada gambar berikut :

tutorial template


Penjelasan mengenai masing-masing tools tersebut, mungkin telah anda ketahui.
Back                : berfungsi untuk kembali dan menutup halaman edit html.
Save Template : untuk melakukan penyimpanan editan template.
Jump to Widget : berfungsi untuk melihat sebuah widget yang berada pada header,sidebar,footer,atau post body.
Edit template   : akan selalu aktif apabila kita melakukan pengeditan.
Preview Template : Berfungsi untuk melihat hasil dari pengeditan langsung ke interface blog. Apabila pengeditan yang kita lakukan benar maka pada saat klik Preview tidak akan muncul pemberitahuan error.
Revert Changes      : Untuk memulihkan / mengembalikan / membersihkan pengeditan yang error kembali ke semula.
Revert Widget Template to Widget : Mengembalikan pengeditan template ke bentuk umum dari widget atau gadget blogger.

Di dalam menu edit html kita tidak melihat kode CSS tetapi hanya melihat kode HTML. Untuk melihat dan melkuakan pengeditan CSS maka kita harus melakukan klik tanda play button di kata <b:skin>. Maka anda akan melihat semua kode CSS yang anda gunakan.

edit kode css
data post body

Untuk menemukan data post body, kita juga harus mengklik tombol warna hitam seperti contoh pada gambar diatas. Atau anda juga bisa mengklik semua tombol tersebut, agar semua kode baik itu CSS, HTML, JQuery, Javascript dapat terlihat dan muncul semua.

Anda dapat melakukan pencarian kode dengan menekan tombol CTRL+F
Untuk mencari teks berdasarkan yang pernah diedit sebelumnya dapat menekan CTRL+SHIFT+F
Atau untuk mengganti, menemukan, dan mengganti semua kejadian sekaligus dapat menekan tombol CTRL+R

Template Blog pada menu EDIT HTML adalah sumber kode yang mengontrol tampilan blog anda. Semoga informasi tadi dapat bermanfaat dan membantu kamu dalam mengolah, melakukan design, memodifikasi tampilan blog menjadi lebih mudah. Dengan adanya baris nomor pada setiap elemen kode pada HTML akan sangat membantu kita apabila terjadi kesalahan sehingga mudah ditemukan.
Peningkatan template editor HTML sekarang telah mendukung penomoran baris, sintaks, auto-indentation dan kode folding untuk membuat dan mengedit template Anda jauh lebih mudah dari sebelumnya.
Suka Artikel? Bagikan: Facebook Twitter Google+
0 Komentar untuk "Panduan Cara Edit HTML Template Blog Terbaru"

Posting Lebih Baru Posting Lama Beranda
Langganan: Posting Komentar (Atom)

Popular Week

  • EDU Backlink
    EDU Backlink
    Backlink .EDU sekarang ini masih menjadi incaran bagi para blogger untuk menaikkan ranking situs/blog mereka, tapi kadang-kadang kita meras...
  • Bosan Dengan Dunia Blogger..
    Bosan Dengan Dunia Blogger..
    Selamat pagi sobat semua.. Mungkin anda sudah merasakan suatu kejenuhan yang anda alami saat ini dengan blog anda mungkin pertama anda membu...
  • About This Tattoo
    About This Tattoo
    Apa itu Tattoo? Dalam Bahasa Indonesia disebut dengan istilah "Rajah". Tattoo merupakan produk dari Body Decorating dengan mengga...
  • Opini Tentang Blog Ini
    Opini Tentang Blog Ini
    Sejauh ini saya sudah merasa bersalah dengan apa yang saya share.  Beberapa hal gak penting terkadang juga saya share sampai sampai sobat bi...
  • Optimasi Posting Blog
    Optimasi Posting Blog
    Yang namanya sebuah blog, tentu tidak terlepas dari posting. Posting dalam blogger merupakan sebuah "entry" yang ditulis dengan me...
  • 7 Apps Android Untuk Pengguna Blogger
    7 Apps Android Untuk Pengguna Blogger
    Dibawah ini adalah 7 AplikasiAdroid yang populer dan banyak digunakan oleh pengguna Blogger. Dan sebagai seorang pengguna blogger tidak ada ...
  • Menampilkan Pesan Pada Jam Tertentu
    Menampilkan Pesan Pada Jam Tertentu
    Pernah terpikirkan untuk menampilkan pesan pada jam tertentu (Time Message) pada blog kita? tentu saja ya, Ada kalanya ketika sedang tidak o...
  • Free Download Smadav 9.3 Pro Full Version + Serial Number
    Free Download Smadav 9.3 Pro Full Version + Serial Number
    Semenjak Blogger saya di hapus saya jarang update di Faceblog jadi ketinggalan software yang sudah update deh, tapi gak apa apa daripada g...
  • Banned Spammer di Komentar Blog
    Banned Spammer di Komentar Blog
    Beberapa teman saya bertanya bagaimana cara menghentikan spammer di Blog.. Artikel ini saya dapat dari master tuts tahun lalu, javascript in...
  • Scattered Polaroids Gallery (Tersebar)
    Scattered Polaroids Gallery (Tersebar)
    Sebuah flat bergaya Polaroid Galeri di mana item-item (di sini saya gunakan foto) yang tersebar secara acak dalam sebuah wadah (Container). ...
Diberdayakan oleh Blogger.

Labels

  • Android
  • Blogging
  • CSS
  • Facebook
  • Game
  • jQuery
  • Komputer
  • Lain-Lain
  • Photoshop
  • SEO
  • Software
  • Template
  • Twitter
  • Widget

Blog Archive

  • ►  2014 (101)
    • ►  Juli (5)
    • ►  Juni (10)
    • ►  Mei (12)
    • ►  April (12)
    • ►  Maret (11)
    • ►  Februari (14)
    • ►  Januari (37)
  • ▼  2013 (71)
    • ►  Desember (13)
    • ►  November (6)
    • ►  Agustus (1)
    • ►  Juni (8)
    • ▼  Mei (33)
      • Update Status Teman Lewat Facebook Kita Part 2
      • Trik Install Ulang Windows 7
      • Cara Memasang Musik MP3 di Blogger
      • Cara Menampilkan Widget Hanya di Homepage / Posting
      • Cara Membuat Artikel Terkait dengan Gambar
      • Panduan Cara Edit HTML Template Blog Terbaru
      • Recent Posts Thumbnail With Scrolling Widget
      • Cara Membuat Gambar Berputar pada Widget Popular P...
      • Cara Membuat Widget Recent Posts Bergerak di Blog
      • Cara Buat / Pasang Burung Twitter Terbang Di Blogspot
      • Synei 1.15 System Utilities Software, Gratis!
      • Facebook Bahasa Jawa (Opera Mini)
      • Tips Mengatasi CPU Overload alias Usage 100% di WI...
      • Avast! Pro Antivirus 7.0.1473 With Serial Until 2050
      • Update Status Teman Lewat Facebook Kita
      • Tutorial Menggunakan Facebook Auto Likes
      • Download Gratis Game Tomb Raider Anniversary for PC
      • Free Download Smadav 9.3 Pro Full Version + Serial...
      • Cara Download Video YouTube Dengan Mudah
      • Download Game Sim City 3000 ( Indowebster)
      • Cheat Trainer NFS Most Wanted
      • Evernote for iPad, iPhone, iTunes
      • Download Google Book Downloader
      • Download Aplikasi Ghost Radar Untuk PC & Laptop
      • Kumpulan Game HD Samsung Galaxy Young
      • Trick Internet Gratis Smartfren 2013
      • Tips Download Filesonic, Fileserver, Wupload Mengg...
      • Mempercepat IDM menggunakan IDMoptimizer
      • Download BlackBerry Protect
      • Hati - Hati ! Malware Baru Yang Bisa Membobol Akun...
      • Aplikasi Android terbaik dan banyak digunakan tahu...
      • Auto Follower Twitter Update Mei 2013
      • Game Gratis Java dan Symbian
    • ►  April (10)

Labels

  • Android
  • Blogging
  • CSS
  • Facebook
  • Game
  • jQuery
  • Komputer
  • Lain-Lain
  • Photoshop
  • SEO
  • Software
  • Template
  • Twitter
  • Widget

Labels

  • Android
  • Blogging
  • CSS
  • Facebook
  • Game
  • jQuery
  • Komputer
  • Lain-Lain
  • Photoshop
  • SEO
  • Software
  • Template
  • Twitter
  • Widget

About Me

Unknown
Lihat profil lengkapku or visit on

© Artikel Copas 100% powered by Blogger.com.
All Right Reserved.