Memasang favicon ke blogger
1. Masuk ke akun blogger anda.
2. Pilih menu Design (Tata Letak) » Edit HTML.
3. Cari kode di bawah ini.
4. Copy-paste kode berikut di bawah kode tadi.<b:include data='blog' name='all-head-content'/>
atau<link href='url-gambar.ico' rel='shortcut icon'/>
Ganti tulisan berwarna merah dengan url favicon anda tadi.<link href='url-gambar.gif' rel='icon' type='image/gif'/>
5. Simpan template.
Setelah selesai melakukan pengeditan, sekarang lihat hasilnya. Jika anda melakukannya dengan benar, favicon ini akan tampil di address bar, sebelah kiri URL blog anda.
source : tutorialblogging
Membuat Template Blogspot Valid HTML
1. Menghapus widget, seperti yang tadi saya paparkan di atas, bahwa ada beberapa widget yang disediakan oleh flatform blogspot yang tidak valid xhtml, hapus kotak followers, dan rubah tampilan arsip menjadi flat list
2. Mulai edit html, cari kode dibawah ini (terletak paling awal dari kode template)
1. Menghapus widget, seperti yang tadi saya paparkan di atas, bahwa ada beberapa widget yang disediakan oleh flatform blogspot yang tidak valid xhtml, hapus kotak followers, dan rubah tampilan arsip menjadi flat list
2. Mulai edit html, cari kode dibawah ini (terletak paling awal dari kode template)
<?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>
Hapus kode diatas, dan ganti dengan kode di bawah ini :
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang='en' xml:lang='en' 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>
Kemudian kembali lagi ke situs http://validator.w3.org/ dengan result/hasil eror sebelum di edit, refresh dan lihat hasil erornya apakah berkurang atau tidak.
3. Menghapus comment declaration
Ini adalah koment yang ada di css sobat harus menghapusnya tanda yang seperti ini yang ada di css
-----------------------------------------------
Hapus seluruh tandanya tapi jangan di hapus sang pembuat template contoh:
3. Menghapus comment declaration
Ini adalah koment yang ada di css sobat harus menghapusnya tanda yang seperti ini yang ada di css
-----------------------------------------------
Hapus seluruh tandanya tapi jangan di hapus sang pembuat template contoh:
/*
-----------------------------------------------
Blogger Template Style
Name: Minima
Date: 26 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */
Hapus ----------------------------------------------- (garis putus-putus) Maka hasilnya seperti di bawah
/*
Blogger Template Style
Name: Minima
Date: 26 Feb 2004
Updated by: Blogger Team
*/
Lalu kebawah lagi cari tanda yang sama dan hapus, setelah semua di hapus jangan lupa save template kemudian kembali lagi ke http://validator.w3.org/ refresh dan lihat apakah erornya berkurang.
4. Mulai memasuki Expand Widget Templates.
Sekarang silahkan di centang Expand Widget Templates Lalu masukan kode di bawah tepat di bawah </head> INI untuk menghilangkan navigasi bar
4. Mulai memasuki Expand Widget Templates.
Sekarang silahkan di centang Expand Widget Templates Lalu masukan kode di bawah tepat di bawah </head> INI untuk menghilangkan navigasi bar
<!-- <body><div></div> -->
Jangan lupa di save template
Nanti sobat temukan perintah apakah kita mau menghapus widget atau mempertahankan, (ini merupakan penghilangan navbar dari blogger "ternyata penggunaan navbar itu tidak valid lho") lalu pergi lagi ke http://validator.w3.org/ refresh dan lihat apakah erornya berkurang?
5. Hapus Quickedit
Hapus kode yang ada di bawah di dalam html, hapus semua kode <b:include name='quickedit'/> yang ditemukan dalam template :
Nanti sobat temukan perintah apakah kita mau menghapus widget atau mempertahankan, (ini merupakan penghilangan navbar dari blogger "ternyata penggunaan navbar itu tidak valid lho") lalu pergi lagi ke http://validator.w3.org/ refresh dan lihat apakah erornya berkurang?
5. Hapus Quickedit
Hapus kode yang ada di bawah di dalam html, hapus semua kode <b:include name='quickedit'/> yang ditemukan dalam template :
<b:include name='quickedit'/>
kembali lagi ke situs http://validator.w3.org/ refresh dan lihat hasil erornya apakah berkurang
(pengaruhnya tanda obeng pada tiap widget akan hilang, tapi tidak masalah karena masih bisa edit di page elements)
6.Menghapus post icon
Sekarang temukan kode di bawah:
(pengaruhnya tanda obeng pada tiap widget akan hilang, tapi tidak masalah karena masih bisa edit di page elements)
6.Menghapus post icon
Sekarang temukan kode di bawah:
<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span> <div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div> </div>
Kalau sudah ketemu hapus seluruh kode di atas dan ganti dengan kode di bawah:
<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
</b:if>
</span>
</div>
(ini merupakan penghapusan icon gambar pensil yang secara default sudah ada dari blogger "ternyata tidak valid ")
Save template dan kembali lagi ke http://validator.w3.org/ jangan lupa di refresh maka hasilnya adalah
Save template dan kembali lagi ke http://validator.w3.org/ jangan lupa di refresh maka hasilnya adalah
Sampai disini semua tahapan telah selesai, apakah template yang di edit berkurang result erornya? semoga saja :)
source : asrizalwahdanwilsa
1 comments:
terima kasih ya sob, ilmunya....
saya semakin ngerti tentang Membuat Template Blogspot Valid HTML
Post a Comment