Skip to main content

Posts

Showing posts from November, 2015

Tutorial : Hover Round 360 Darjah

بِسْـــــــــمِ ﷲِالرَّحْمَنِ الرَّحِيم  Okay kali ni nak buat tutorial header berpusing - pusing :) heheheheh 360 darjah je yaaa . 
Let's start ! ^_^
1. Dashboard > Template > Edit HTML
2. Press Ctrl + f serentak dan cari code </style>
3. Kemudian, cari code bahagian header korang. 
<center><img src="URL HEADER" /></center>   4. Okay, kata kan code header korang macam tu, cuba tukar kan code tu kepada code yang ni 
 <center><img class="header" src="URL HEADER" /></center>   5. Then tekan Ctrl + f dan cari code ni pulak <style type="text/css">
6. Copy code dekat bawah ni

.header {
text-align: center;
-webkit-transition: 1.0s;
opacity:100;
}
.header:hover {
-webkit-transition-duration: 1s;
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
7. Paste di bawah code tadi

Buang Navbar (Blogskin)

بِسْـــــــــمِ ﷲِالرَّحْمَنِ الرَّحِيم 
Assalamualaikum..  okay. Harini nak share one of tuto of Sis AtiQa . Buang navbar yang semak tu .. Nah tuto..


{ example }
1. Dashboard > Template 2. Press Ctrl + f serentak dan cari code  </title>or
</style> 3. Copy code dekat bawah ni
<style type="text/css"> #navbar-iframe { display: none; }  4. Paste di bawah code tadi
5. Preview & save
Credits to : AtiQah

TUTORIAL : HOVER HEADER SHAKE

بِسْـــــــــمِ ﷲِالرَّحْمَنِ الرَّحِيم 
Asslamualaikum. Yeah. Share tuto ini bersama :) harini nak share tuto tentang hover header yang boleh shake-shake. Haa. nak try ? follow this step gais .


1. Dashboard > Template
2. Tekan Ctrl + f dan cari code <style> atau </style>
3. Copy code di bawah ni

<style> .shakeimage{ position:relative } </style> <script language="JavaScript1.2"> /* Shake image script (onMouseover)- © Dynamic Drive (www.dynamicdrive.com) For full source code, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com */ //configure shake degree (where larger # equals greater shake) var rector=3 ///////DONE EDITTING/////////// var stopit=0 var a=1 function init(which){ stopit=0 shake=which shake.style.left=0 shake.style.top=0 } function rattleimage(){ if ((!document.all&&!document.getElementById)||stopit==1) return if (a==1){ shake.style.top=parseInt(shake.style.top)+rector+"px" } else if (a==2){ sh…