Buat Live Preview


Korang tahukan maksud Live Preview tu apa ??
Kalau tak tahu, tekan link bawah tu :


Hah !! Yang tu lah .. Boleh lah korang nak live preview time buat tutorial ni ..
Biasa nya memang jarang yang tak guna live preview ni ..
Tapi ada jugak lah yang guna ..
( Sedap kan hati )

^_^

1 - Dashboard >> New blog

2 - Ok ! Isi tajuk dan pilih tema ..

3 - Korang ke Template - Tukarkan design tu ke classic - Caranya kat sini 

4 - Tengok gambar kat bawah tu



Ganti kan dengan kode yang di bawah

<html>
<head>
<link rel="shortcut icon" href="URL FAVICON" />
<title>LIVE PREVIEW</title>
<style type="text/css">
<base target='_blank'/>
#navbar-iframe {
display: none !important;
}
body{
background:url(URL BACKGROUND);
background-attachment: fixed;
}
.pocetit {
padding:5px 5px 5px 30px;
background-repeat:no-repeat;
font:30px arial;
color: #000;
text-align:center;
}
.blogger-labels{display:none}
</style> 
<Blogger>
<br><br><br>
<div class="pocetit"><$BlogItemTitle$></div>
<br>
<$blogitembody$>
</Blogger>
</div>
</head>
</html>
5 - Then korang save template tu

6 - Sekarang korang ke blog asal. Copy semua kode HTML yang korang nak preview tu.


7 - Paste kan dekat blog preview korang. Then klik compose .. ^^

8 - Then copy link menuju ke blog preview tu .. Paham :)

Taraaa !!
Contoh jee

Siap Dah ^_^

Selamat Mencuba

Tiada ulasan:

Catat Ulasan