find casino games at GamblingInsider

Blogroll

Cara Mengurangi Error HTML Dan CSS Pada Template Blog

20.35  rifai  No comments

Mungkin sebagian dari kalian ada yang bertanya, apa pentingnya kevalidan HTML dan CSS?

Dari beberapa referensi yang saya baca, katanya kevalidan HTML dan CSS ini penting untuk mempercepat looding blog kita saat dibuka. Selain itu Search Engine juga lebih menyukai halaman blog yang memiliki eror seminimal mungkin, sehingga posisi blog itu akan lebih baik secara SEO.

Untuk itu mari kita cek site kita dengan melakukan pengecekan tersebut. Buat rekan-rekan yang ingin melakukan pengecekan kevalidan kode HTML/CSS blog anda dapat mengunjungi http://validator.w3.org/


Masukkan alamat blog kamu, lalu klik validate/revalidate.

Catat hasil eror yang dihasilkan
(Ini penting karena hasil itu akan kita bandingkan dengan hasil akhir nanti setelah kita melakukan trik-trik dibawah ini untuk meminimalkan eror HTML dan CSS blog kita).

(Gb. 1. Hasil pengecekan eror blog saya sebelum dilakukan trik pengurangan eror HTML/CSS. Disana terlihat hasil 168 eror dan 176 warning).


Setelah kita melakukan pengecekan, tentu ada usaha kita untuk memperbaiki kode yang error.
Untuk itu silahkan anda ikuti langkah-langkah di bawah ini:



1. Login ke blogger Kalian --> Rancangan ---> EDIT HTML (centang Expand template widget)


2. Silahkan ganti "doctype" punya blogger (letaknya di awal kode template )
Kode terusannya seperti di bawah.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Ganti kode diatas dengan kode berikut ini :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3. Selanjutnya cari kode berikut :
<b:include name='quickedit'/>
Hapus semua kode tersebut yang ada pada template kalian


4. Sekarang cari kode berikut :
<b:include data='blog' name='all-head-content'/>
Ganti dengan kode berikut :
<!-- Blogger Default Meta -->
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link href='http://www.blogger.com/profile/IDBLOGGERPROFILEKALIAN' rel='me'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link href='http://www.blogger.com/rsd.g?blogID=IDBLOGGERKALIAN' rel='EditURI' title='RSD' type='application/rsd xml'/>
<link href='http://www.blogger.com/feeds/IDBLOGGERKALIAN/posts/default' rel='service.post' title='JUDULBLOG - Atom' type='application/atom+xml'/>
<link href='http://www.NAMABLOG.blogspot.com/feeds/posts/default' rel='alternate' title='JUDULBLOG - Atom' type='application/atom+xml'/>
<!-- End Blogger Default Meta -->
Keterangan:
Tulisan : IDBLOGGERPROFILEKALIAN adalah ID anda saat membuka profil
Tulisan   IDBLOGGERKALIAN  adalah ID kalian saat melakukan edit HTML
Tulisan   NAMABLOG adalah URL blog anda


5. Mengurangi penggunaan kode strip/dash (-)


Untuk HTML
<!------------------- Blogger Default Meta ---------------------->  SALAH


<!-- Blogger Default Meta --> Benar
Untuk CSS
/*----------- Header ------------*/ SALAH


/* Header */ Benar
6. Simpan kode berikut dibawah kode </head>
<!-- <body><div></div> -->
Itu fungsinya untuk menghapus navbar blogger, kalau ada konfirmasi untuk menghapus, KLIK saja HAPUS.


7. Biasakan menggunakan tag alt pada setiap gambar.


Contoh: <img alt='Tulis Keterangan disini' src='URL gambar'/>

******
Setelah kamu selesai melakukan langkah-langkah diatas, silahkan simpan template anda.
Setelah itu kembali ke http://validator.w3.org/
Cek lagi eror HTML dan CSS blog anda.

Lihat apakah eror yang ada tadi sudah berkurang atau belum.
 
Semoga bermanfaat..... 

Description: Cara Mengurangi Error HTML Dan CSS Pada Template Blog Rating: 4.5 Reviewer: rifai - ItemReviewed: Cara Mengurangi Error HTML Dan CSS Pada Template Blog

Rifai Read

Menambahkan Scroll Pada Blog Archive

13.03  rifai  2 comments

Karena seringnya aktifitas Posting, yang akan menambah panjang pada widget Blog archive (posting terbaru), ini akan mempersempit halaman blog anda.

Untuk itu perlu ditambahkanya Scroll....
bagaimana menampilkan scroll pada archive anda ikuti langkah sebagai berikut.
Login >> dasbor >> rancangan >> edit Html >> centang >>
Expand Template Widget 



Cari code ini <div id='ArchiveList'> untuk mempercapat pencarian tekan Ctrl+f

Tambahkan code <div style='overflow:auto; height:350px;'> sebelum code <div id='ArchiveList'> dan tambahkan juga akhiran </div> untuk code scroll seperti tarlihat pada gambar......  
height = ukuran panjang kebawah sesuaikan dengan selera anda. 

Pratinjau lihat...halaman blog anda jika berhasil.
Simpan template
Description: Menambahkan Scroll Pada Blog Archive Rating: 4.5 Reviewer: rifai - ItemReviewed: Menambahkan Scroll Pada Blog Archive

Rifai Read

Membuat Judul Address Bar Tambah Keren

09.51  rifai  No comments

1.langkah yang pertama anda harus login terlebih dahulu pastinya

2. masuk ke tata leta (layout) >> edit HTML
 
3. cari code <head> kalau sudah ketemu copy code berikut dan letakan di atasnya
 
<script type="text/javascript">
//<![CDATA[
function tb9_makeArray(n){
this.length = n;
return this.length;
}
tb9_messages = new tb9_makeArray(1);
tb9_messages[0] = "++ [[> Rifai Virus Cinta <]] ++";
tb9_rptType = 'infinite';
tb9_rptNbr = 5;
tb9_speed = 100;
tb9_delay = 2000;
var tb9_counter=1;
var tb9_currMsg=0;
var tb9_timerID = null
var tb9_bannerRunning = false
var tb9_state = ""
tb9_clearState()
function tb9_stopBanner() {
if (tb9_bannerRunning)
clearTimeout(tb9_timerID)
tb9_timerRunning = false
}
function tb9_startBanner() {
tb9_stopBanner()
tb9_showBanner()
}
function tb9_clearState() {
tb9_state = ""
for (var i = 0; i < tb9_messages[tb9_currMsg].length; ++i) {
tb9_state += "0"
}
}
function tb9_showBanner() {
if (tb9_getString()) {
tb9_currMsg++
if (tb9_messages.length <= tb9_currMsg) {
if ((tb9_rptType == 'finite') && (tb9_counter==tb9_rptNbr)){
tb9_stopBanner();
return;
}
tb9_counter++;
tb9_currMsg=0;
}
tb9_clearState()
tb9_timerID = setTimeout("tb9_showBanner()", tb9_delay)
}
else {
var tb9_str = ""
for (var j = 0; j < tb9_state.length; ++j) {
tb9_str += (tb9_state.charAt(j) == "1") ? tb9_messages[tb9_currMsg].charAt(j) : "____"
}
document.title = tb9_str
tb9_timerID = setTimeout("tb9_showBanner()", tb9_speed)
}
}
function tb9_getString() {
var full = true
for (var j = 0; j < tb9_state.length; ++j) {
if (tb9_state.charAt(j) == 0)
full = false
}
if (full) return true
while (1) {
var num = tb9_getRandom(tb9_messages[tb9_currMsg].length)
if (tb9_state.charAt(num) == "0")
break
}
tb9_state = tb9_state.substring(0, num) + "1" + tb9_state.substring(num + 1, tb9_state.length)
return false
}
function tb9_getRandom(max) {
var now = new Date()
var num = now.getTime() * now.getSeconds() * Math.random()
return num % max
}
tb9_startBanner()

//]]>
</script> 
Description: Membuat Judul Address Bar Tambah Keren Rating: 4.5 Reviewer: rifai - ItemReviewed: Membuat Judul Address Bar Tambah Keren

Rifai Read