17 August 2012

Tutorial : Cara Penggunaan Blockquote

Assalamualaikum ~

1. Korang orang HIGHLIGHT ayat yang korunk nak buad blackquote
2. Korang click yang no 2 yang Nisa tunjukkan di atas
3. Tekan PUBLISH

Tutorial : Background Gambar Pada Blockquote

Assalamualaikum ~

1. Login > Dashboard > Design > Edit HTML
2. Tekan Ctrl+F dan search code ini
.post blockquote { 
3. Copy code di bawah dan pastekan di bawah code .post blockquote { 
background-image:url(url gambar);
4. Preview & Save !

R ; Masukkan URL gambar

Tutorial : Ayat Bergerak di Menu Bar

Assalamualaikum ~

1. Dashboard > Design > Edit Html
2. Tekan Ctrl+F dan search code ini
<head>
3. Next,copy code bawah ni dan pastekan di bawah code <head>
<script language='JavaScript'>
var txt=&quot; AYAT SUPERB KORUNK &quot;;
var kelajuan=250;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout(&quot;bergerak()&quot;,kelajuan);}bergerak();
</script>
4. Done,Preview & Save !

R : Masukkan ayat korang

Tutorial : Gambar Di Entry Melengkung

Assalamualaikum ~

Credit : Akak Lyssa

1. Dashboard > Design > Edit Html 
2. Tekan Ctrl+F dan cari code ini
h3.post-title {
atau
.post {
3. Copy code di bawah & pastekan di atas salah satu code tadi
.post img {
padding:0px;
BORDER-RADIUS:30PX;
border:0px solid #ffffff;
4. Preview & Save !

Tutorial : Background Untuk Post Footer


Assalamualaikum ~


1. Dashboard > Design > Edit Html
2. Tekan Ctrl+F & search code ini
.post-footer {
3. Copy code di bawah & pastekan di bawah code .post-footer {

text-align:center;
padding:8px;
color: #333333;
font-size: 95%;
background: #FDFEDB;
border-left: 7px solid #5CA9F1;
border-right: 7px solid #5CA9F1;
moz-box-shadow: 0 0 5px 2px #5CA9F1;
-webkit-box-shadow: 0 0 5px 2px #5CA9F1;
border-radius:7px;
margin:6px;
}

4. Preview & Save

Nota Tuto :
R : Code colour untuk background
B : Code colour untuk bahagian kiri kanan
 
Copyright© All Rights Reserved by Khairunnisa Hassan