Perkembangan teknologi blog dan website cukup pesat sehingga turut mempengaruhi adaptasi kode dan string agar dapat berjalan dengan baik ketika di eksekusi oleh browser dan perangkat (Device). Untuk itu diperlukan siasat memperbaiki kode (script) dan string yang disesuaikan dengan perkembangan platform masa kini. Platform HTML saat ini sudah mencapai versi HTML5 sehingga bila tidak kita sesuaikan maka blog atau website yang kita bangun akan ketinggalan. Berbagai ketertinggalan ini meliputi, halaman yang lambat di ekseskusi atau di load oleh browser, halaman yang hanya bisa dibaca oleh pembaca di negara tertentu dan dukungan fitur yang terbatas.
Membangun sebuah blog dan website tidak selalu harus mengutamakan design template yang rumit dan beragam. Design yang kompleks bisa jadi justru semakin membuat blog atau website anda menjadi tidak responsive sehingga tidak efisien bagi para pengunjungnya. Untuk itu pelan-pelan perlu diperbaiki script didalamnya, diantaranya meliputi kode HTML dan CSS yang harus disesuaikan.
 |
| HTML dan CSS |
Didalam konstruksi blog atau website, Kode HTML terletak di antara <HTML> hingga ke bagian penutupnya yaitu </HTML>. Sedangkan kode CSS berada di tengahnya diantara <b:skin> hingga </b:skin>. Untuk kode HTML yang belum mendukung HTML5 biasanya ditulis dengan html (huruf kecil), sedangkan yang sudah mendukung HTML5 ditulis dengan HTML (huruf besar).
Langkah pertama memperbaiki kode HTML :
1. Kode awal yang belum mendukung HTML5 ditulis sebagai berikut :
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
Sementara kode yang sudah mendukung HTM5 ditulis sebagai berikut :
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML>
<head>
<meta charset='utf-8'/>
<!DOCTYPE html>
<HTML>
<head>
<meta charset='utf-8'/>
...................................
...................................
</HTML>
Catatan : Penutup harus sama menggunakan huruf besar <HTML>....</HTML>
2. Menghapus kode berikut :
<link href='https://plus.google.com/119152640378100346109/post' rel='publisher'/>
<meta content='follow, all' name='googlebot-image'/>
<meta content='follow, all' name='googlebot-image'/>
3. Menghapus kode berikut :
<b:include data='blog' name='all-head-content'/>
4. Menghapus kode berikut :
<b:include name='nextprev'/>
Ganti dengan kode berikut :
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<! navigation >
<b:include name='nextprev'/>
</b:if>
<! navigation >
<b:include name='nextprev'/>
</b:if>
Catatan :
A. Kodenya bukan seperti ini :
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<!-- navigation -- >
<b:include name='nextprev'/>
</b:if>
B. String (--) pada <!-- navigation -- > tidak diperlukan.
<!-- navigation -- >
<b:include name='nextprev'/>
</b:if>
B. String (--) pada <!-- navigation -- > tidak diperlukan.
5. Hapus kode berikut :
<b:include name='quickedit'/>
Dikarenakan banyak kode lainnya maka untuk tahap awal perbaikan kode HTML sampai disitu dulu, selanjutnya perbaikan pada kode CSS.
 |
| Kode CSS |
Langkah kedua memperbaiki kode CSS :
1. Kode CSS diawali dengan kode seperti ini :
<b:skin><![CDATA[*/
Ganti kode tersebut dengan kode berikut :
<link href='//www.blogger.com/static/v1/widgets/3950009988-widget_css_bundle.css' rel='stylesheet' type='text/css'/>
<! /* <b:skin><![CDATA[*/
<! /* <b:skin><![CDATA[*/
... ISI KODE CSS .......
]]></b:skin>
2. Hapus semua string (--) berikut di setiap kode CSS
*/ ----------------------------------------------- */
Misalnya :
*/ headings
--------------------------------------------------- */
Menjadi :
*/ headings */
Mengapa tidak semuanya saja dihapus? Mengapa harus di sisakan menjadi */ headings */
Hal tersebut agar nantinya dapat memudahkan kita mencari kata “headings” di kolom pencarian pada saat akan memodifikasi kode CSS.
Bila anda ingin mengkopi kode yang ada disini caranya , Klik text 2X lalu seleksi text dan tekan CTRL+C. Dan untuk melengkapi perbaikan kode lainnya akan saya ulas di posting berikutnya.
Salam santun blogger
0 Comments:
Post a Comment