Cara mudah " EDIT HTML " tanpa harus scroll maupun kesalahan element

Cara mudah " EDIT HTML " tanpa harus scroll maupun kesalahan element

Cara mudah " EDIT HTML " tanpa harus scroll maupun kesalahan element

Edit html merupakan tempatnya kode - kode template blog. Biasanya jika kita ingin mengedit template blog agar lebih unik maka harus membuka edit html dan biasanya orang bingung " kode apa ini... " itu untuk orang awam, tapi untuk orang webmaster maka akan sangat mudah untuk mengedit nya. Nah di kesempatan ini Saya akan membagikan sedikit tips untuk anda orang awam yang tidak tau apa apa seputar edit html.

1. Menemukan kode untuk mengedit Template.

Para Blogger yang kreatif memang selalu mengotak-atik tampilan blog nya tapi untuk mengedit nya mereka juga tidak jauh dari yang namanya kode.

Lalu bagaimana saya tahu kode mana yang harus diganti untuk mengedit template ini ?

Pertama : Anda buka dulu tampilan awal blog anda


Kedua : Lalu pilih tampilan apa yang ingin anda ubah. Saya beri contoh semisal anda ingin mengganti warna backgroung template nya, maka tinggal Klik kanan pada background nya > Pilih Periksa Eelemen ( Inspect Eelement ) 


Ketiga : Maka akan keluar Kode Html nya dibawah. Di kotak kode html itu kita tau kalau warna background nya #F2F2F2


2. Mengedit nya di " Edit Html "

Jika kita sudah tau kodenya maka anda tinggal masuk di  Template > Edit Html 












Kemudian tekan Ctrl + F  itu adalah schortcut keys untuk mengeluarkan kotak pencarian untuk mencari kode nya.












Kemudian paste kan kode yang ingin anda cari di kotak pencarian tersebut. Jika sudah ketemu kemudian tinggal ganti kemudian klik Simpan Template 

3. Mengatasi Kesalahan Element

Kesalahan element itu sering terjadi jika kita salah mengedit kode html nya, kalau sudah keluar peringatan berwarna merah lalu anda bingung bagaimana mengatasi nya, Berikut caranya ...

Pertama : Tekan Ctrl + Z untuk mengembalikan kode nya seperti sebelumnya 
Kedua  : Anda seleksi lagi penempatan kode yang ingin anda paste semisal terdapat  kode 

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style type='text/css'>
.post{margin:0 10px;border-right:1px dotted #FF7F50;padding:0 0 5px;border:none}
.post h1,.post h2{font:18px Arial;line-height:1.2em;margin:8px 0 3px;padding:0;text-shadow:none;}
.post img{transition:all 400ms ease-in-out;-webkit-transition:all 400ms ease-in-out;-moz-transition:all 400ms ease-in-out;-o-transition:all 400ms ease-in-out;-ms-transition:all 400ms ease-in-out; }
.post-body{border-bottom:1px dashed #DFDFDF;font:12px Arial;border-top:none;padding-top:0px;background:none;line-height:1.5em;margin:0;padding-bottom:10px;text-align:left;color:#444}
.post-footer{display:none}
.postmeta{;padding:5px 0 10px}
.post img:hover{opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7}
.cutter{width:150px;height:110px;overflow:hidden;border:4px double #ccc;margin:0 10px 5px 0;float:left;padding:0px}
</style>
</b:if></b:if>

Maka jangan sekali kali anda menghapus pembuka atau pentup kode. Pembuka kode itu di dalam nya tidak terdapat tanda miring / seperti <body>, sedangkan penutup kode itu di dalamnya terdapat kode miring seperti </body>

0 Comment "Cara mudah " EDIT HTML " tanpa harus scroll maupun kesalahan element"

Post a Comment

:) :)) ;(( :-) =)) ;( ;-( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ $-) (b) (f) x-) (k) (h) (c) cheer
Click to see the code!
To insert emoticon you must added at least one space before the code.

Subscribe to: Post Comments (Atom)
Loading...