Follow

Dashboard
Miss Humming Bird
KaryaLinksEntriesTuto Tudung

Tutorial : Letak Box Section Bawah Header
Sunday, 4 January 2015 | 20:54 | 0 budak gempaks
Tengok Starbuck ni terhingin pula nak minum Starbuck. Macam sedap je, macam enak je.




Assalamualaikum. Hai you all...

Okey, hari ni entah kenapa nak share cara nak buat section box dekat atas. Tujuan benda tu

sebenarnya adalah supaya readers korang senang nak cari post-post yang berkaitan . Pakai blog

archieve pun boleh, but kalau yang jenis suka post satu hari 3 post, kalau setahun mesti dah

berlambak kan. Lagipun, nanti korang punya sidebar nampak serabut . So, this is it :

1. Tekan dashboard > template

2. Tekan ctrl+f  atau F3 . Cari perkataan blockquote { .

3.Copy code di bawah :

a.box{
-webkit-transition: one by one 0.5s ease-in-out;
-moz-transition: one by one 0.3s ease-in-out;
-o-transition: one by one 0.3s ease-in-out;
-ms-transition: one by one 0.3s ease-in-out;
transition: one by one 0.3s ease-in-out;
cursor:pointer;
background:transparent;
width:200px;
 font:20px tt;
 padding:3px;
text-decoration:none;
color:#555;
display:inline-block; text-align:center;
}
a.box:hover{
padding-left: 20px;
-webkit-transition:0.2s;
}
4.Pastekan atas perkataan blockquote {

5. Tekan ctrl+f atau f3 sekali lagi. Search perkataan </head> 

6. Copy code di bawah :


<center>
<a class="box" onclick="document.getElementById('page').innerHTML=document.getElementById('diary')
.innerHTML" ><img src="http://1.bp.blogspot.com/-qTl7PIx-gmg/VKlry-Aaa_I/AAAAAAAAAWk/nGC197rymn4/s1600/home.png"/></a>
<a class="box" onclick="document.getElementById('page').innerHTML=document.getElementById('profile')
.innerHTML" ><img src="http://1.bp.blogspot.com/-xTP06R6IPII/VKlsNqktAtI/AAAAAAAAAWs/8zDOVPBJsQs/s1600/sharing.png"/></a>
<a class="box" onclick="document.getElementById('page').innerHTML=document.getElementById('links')
.innerHTML" ><img src="http://2.bp.blogspot.com/-CWxc91azWW4/VKluRHeVPCI/AAAAAAAAAW4/cCRaJwFKuk4/s1600/Friends.png"/></a>
<a class="box" onclick="document.getElementById('page').innerHTML=document.getElementById('stuff')
.innerHTML" ><img src="http://3.bp.blogspot.com/-xzXudrZojjs/VKluTxdMx2I/AAAAAAAAAXA/AjdvIC5frxI/s1600/KARYA.png"/></a>
</div></center><br>

7. Paste dekat atas perkataan </head> .

8. Preview and kalau dah okey save. Selamat mencuba !

Pyka Ros


STATUS
Boleh jadi kamu menyukai sesuatu tetapi ianya buruk untuk kamu. Dan boleh jadi kamu membenci sesuatu dan ianya baik untuk kamu. (Surah Al-Baqarah : 216)


THE WEBSTER


Name : Nurul Syafiqah binti Rosli
Age : 19 years old
Ambition : Doctor in the making
Status : Currently studying in Scool of Medicine, USM
Hope : I hope to become a perfect slave to Allah and success in not only on the earth , but also akhirat

NOVEL
Engkau Cinderella Aku!
Prolog Bab 1 Bab 2 Bab 3 Bab 4 Bab 5 Bab 6

THROWBACK
Umrah 2016


KMKu C 16/17


SESERI 14/15



Kelik-kelik

DISCLAIMER


Assalamualaikum and welcome to my blog. Navigate happily and hope to leave some comment for me. Follow me if you like it and PLEASE let me know if you take anything from my blog. Don't forget to leave your footstep. <3

BANNERS








Photobucket

AWESOMENERS

CREDIT TO
Basecode:Akak Atin
Skin:Me
Editor:Me

Sesiapa nak exchange link boleh letak link korang dekat SINI
Put my link as Syafiqah Rosli at YOUR blog
If you delete mine, I will delete YOURS

[Aligato!]