Tips Men-download Template Blog Gratisan

Setelah saya melakukan research untuk mencoba membuat blog baru dengan template blog gratisan, ternyata banyak juga kendalanya. Apa karena gratisan yach, jadi dipersulit sad ????
Hehehehehe, makanya... jangan gratisan mulu big grin.

Ini beberapa tips dari saya jika kamu mau ngambil template blog gratisan, semoga bisa membantu kalian-kalian semua.

1. Copy semua sintax XML yang telah anda dapatkan dari website penyedia blog gratisan ke bagian Edit HTML blogmu. Dan klik tombol Simpan Template, jika muncul tulisan seperti ini "Perubahan Anda telah disimpan", itu berarti Anda sukses menyimpannya, dan Anda tidak butuh tips dari saya lagi. So, pindahlah untuk membaca artikel lain winking.
Ya nggak..lah... ternyata tidak semudah itu untuk memakai template blog gratisan, biasanya akan tampil peringatan seperti ini "Template Anda tidak dapat diparse karena tidak well-formed. Harap pastikan bahwa semua elemen XML ditutup dengan benar.
Pesan error XML: The content of elements must consist of well-formed character data or markup"
.

2. Kalau gagal cara pertama, pakailah cara kedua.
Copy-lah sedikit-sedikit bagian dari XML tersebut, kemudian klik tombol Simpan.
Pertama... copy-lah sintax dibawah ini terlebih dahulu dan simpan di Edit HTML blogmu. Ingat, copylah dari sintax dibawah ini, karena sudah dipastikan kebenarannya.

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html 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>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>

<b:skin><![CDATA[

]]></b:skin>
</head>

<body>

</body>
</html >

Coba dulu deh sintax yang diatas di simpan dulu. Kalau ada tulisan "Perubahan anda telah disimpan", berarti langkah pertama sukses. Terus.... tambahkan perbagian sintax mulai dari atas sedikit demi sedikit. Dan setiap kali menambahkan sintax, ingatlah untuk selalu men-save, untuk mengecek apakah bagian itu terdapat error atau tidak.
Sampai disini masih bisa dimengerti kan?
Kalau sampai menemukan error ( tidak bisa disimpan ), berarti bagian tsb harus harus kalian perbaiki dulu kesalahannya. Untuk mengecek bagian mana yang salah ( bagian lebih detail ), kalian bisa mencoba meng copy-pastenya lebih sedikit dari sebelumnya, kalau perlu copylah setiap baris dan kemudian coba simpan, tapi ini sedikit membuat cape sih. Tapi juga hati-hati dalam mengcopy paste, karena HTML mempunyai pembuka dan penutup, seperti <body> adalah pembuka, dan </body> adalah penutup. Untuk lebih jelasnya, baca postingan saya tentang hal tersebut disini nih. Jangan sampai hanya satu yang tertulis, pembuka atau penutup. Jika itu dilakukan dan kamu klik simpan, sudah bisa dipastikan akan keluar peringatan seperti ini "Template Anda tidak dapat diparse karena tidak well-formed. Harap pastikan bahwa semua elemen XML ditutup dengan benar.
Pesan error XML: The content of elements must consist of well-formed character data or markup"
. So, ikuti petunjuk dibawah ini, untuk pengcopy-an perbagian sintax.

Bagian paling atas dari sintax yang telah saya tuliskan, yang seperti dibawah ini :

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html 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>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>

Ganti sintax tsb dengan sintax yang sesuai dengan template downloadanmu. Kemudian simpan.
Terus, copy sintax setelah tulisan CDATA[ dari template downloadanmu. Contoh sintaxnya seperti ini :

/* Variable definitions
====================
<Variable name="textcolor" description="Text Color" type="color" default="#555" value="#555555">
<Variable name="PageBgColor" description="Page Background Color" type="color" default="#bca572" value="#bca572">

.....
....
....

<Variable name="descriptionfont" description="Description Font" type="font" default="normal normal 90% 'Verdana','Arial'" value="normal normal 90% 'Verdana','Arial'">
*/

Klik simpan. Lanjutkan dengan bagian yang seperti ini :

/* ---( page defaults )--- */
body { margin: 0px; padding: 0px; text-align: left; font:$bodyfont; color:$textcolor; background: $PageBgColor }
blockquote { margin: 0 0 0 30px; padding: 0px 0 0 20px; font-size: 88%; line-height: 1.5em; }
blockquote p { margin-top: 0; }
abbr, acronym { cursor: help; font-style: normal; }
code { color: #f63; }
hr { display: none; }
img { border: none; }

/* unordered list style */
ul { list-style: none; margin-left: 7px; padding: 0; }
li { list-style: none; padding-left: 8px; margin-bottom: 3px; }


Sintax diatas ini akan ditutup dengan sintax ]]> yang telah anda tuliskan pertama kali. Klik simpan, disini anda sudah bisa melihat perubahan warna pada blog Anda.
Lanjut deh kesintax di bagian body. Disini agak susah, mohon untuk membaca postingan blog saya tentang tutorial dasar HTML, disitu anda akan menemukan bagian <div> ... </div>. Copy paste aja semua sintax dari template downloadanmu di antara tulisan <body> dan </body>. Coba simpan deh, dan berdoa semoga sukses. Hehehehehehe. Kalau ternyata yang bagian ini eror, nah.... berarti anda memang harus membaca tutorial HTML saya. Mungkin ada kekurangan di penutup </div>. Kalau masih error, boleh deh nanya langsung sama saya. Dijamin gratis tis tis tis....
Met mencoba yach.

1 komentar:

Hendarmin Saleh mengatakan...

Selamat sore Mas, terima kasih atas pencerahannya, artikel yang sangat bermanfaat dan insya Allah mudah dipahami....