Saturday, June 30, 2012

Tutorial : Header Hover [Berpusing 360 drjh] (Blogskin)


Tumblr_m6chv7z4zv1qaclizo1_500_large

             
 Dashboard > Template > Edit HTML
 Press Ctrl + f serentak dan cari code </style>
 Then , cari code bahagian header korang. For example
 <center><img src="URL HEADER" /></center>  
 
 Ok, andai kata code header korang mcm tu, tukarkan code tu kepada code ni
 <center><img class="header" src="URL HEADER" /></center>   
 Then tekan Ctrl + f dan cari code ni pulak <style type="text/css">
 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);
}

 Paste di bawah code tadi
 Preview & save

  
Credit by Atiqah

Freebies : Number Icon

Tumblr_lu9kmrwwym1qfwzeuo1_r1_500_large

Salam , Annyeong . hmmm korang perasankan Atin selalu letak number pakai icon an? So ni lah Atin guna >< . sesuai untuk tuto ><

Cara nak ambik ,
korang copy semua number ni 
highlight semua number dan paste di new post anda !



          

         



Tutorial Jqeury Image Hover


Tumblr_m6cracaaho1rs9gpoo1_500_large
 Tak de keje taruk pic L >< . Hari ni cuti an? hihi Atin nak buat tutorial jquery image hover pulak . JOm start

 

 Dashboard > Template > Edit HTML
 Tekan ctrl+f serentak, then search code body {
 Copy code bawah ni.
img {
opacity:1.0;
}
img:hover {
opacity:0.70;
-webkit-transition-duration:2s;
-moz-transition:2s;
}

 Paste kat bawah code body { last  '{' tau 
contoh bawah ni
 Preview & save.

Friday, June 29, 2012

Tutorial Border Keliling Blog (blogskin)


Tumblr_m4mxpipko61qbeqcyo1_500_large_large
Sekarang Atin nak ajar korang lagi . iaitu border keliling bloskin

 

 Dashboard > Template > Edit HTML
 Tekan ctrl+f  then cari code bawah ni;
<table style="
 Copy code bawah ni.

border:1px solid #000000;
*biru - tebal border
*ungu -  jenis border cth; solid, dashed, dotted, double 
*hijau - code warna , korang boleh cari kat SINI


 Paste kat sebelah code <table style=" tadi
 Preview & save.







Tutorial Open At New Tab


Tumblr_m6ax4tgcoo1qfwyu2o1_500_large
Bosan bosan bosan !!!! :( .. xde kene nak buat tuto hihi .. Jadi Atin nak buat tuturial Open At New Tab .. jom2.



Blogskin/template classic

 Dashboard > Template > Edit HTML  
 Tekan ctrl+f  then cari code <head>
 Copy code bawah ni.
<base target='_blank'/>
 Paste kat bawah code <head>
 Preview & save.




Template Design

 Dashboard > Add Gadget > Edit HTML
 Copy code bawah ni
<!-- code for turning all non-blog links to new page links -->
<script type="text/javascript" language="javascript">
var arr = document.getElementsByTagName("a"); //get all links in the page
for(var i = 0; i < arr.length; i++)
{
if(arr[i].href.indexOf("Your URL") < 0 //not links that are 'inside' blog
&& arr[i].href.indexOf("javascript:") < 0) //not javascript links
arr[i].target = "_blank";
}
</script>
 Paste dalam Edit HTML tadi
 Preview & save.

Senang je kan hihi .. Good Luck ><