Freebies : Background Blog :)

Hai semuaaa :)
Semalam Hani baru nak try buad background . Ney hasil tangan sendiri tau . Kalau minat , sila credits okay :)
Jangan jadik COPYCAT:D

Kalau suke , boleh gune kat blog korang . Pi kat gamba dan ambil url-nyea okay ? 

Siapa curik DOSA ! :D

---

Thanks for the view :)

---

Freebies Hanis :)

Soryy , tumpang lalu , tumpang lalu ! ;)

Okay , membe saya ade mintak saya buadkan Header untuk blog dia . So , saya buadkan jea . SIMPLE GILA , saya buad dalam 5min jea . SENGAL ek , HAHA . Nak ? Kalau nak gak , kite bole runding runding , Hikhok XD

p/s : Header murah jea kodd XD

---

Thanks for the view :)

---

Tuto Header Hover - Gerak ke kiri

Minwoo , DON'T TOUCH HIM ! hee <3

Okay , tuto ney memang berat hatilah nak buad , hehe ! Tuto ney diminta oleh Syidot . Yang sedihnyea , dia tak letak url dia masa dia buad request -,-
Btw , thanks pada Kak Nina yang ajar saya buad Hover ney . Hover ney saya pasang kat Blog Rasmi saya :) Sila tekan link ini untuk lihat <linklink>


Baeklah sayangs , mai carik kat Edit HTML :
Carik code ney :

/* Header

Jumpea ? Bagus :D


Then , copy pulak code ini :

#header:hover {
padding-left: 30px;
-webkit-transition-duration: 2s;

Pastekan code tadi atas code /* Header tadi .
Review :

#header:hover {
padding-left: 30px;
-webkit-transition-duration: 2s;
/* Header

Simple jea kan ? SELAMAT MENCUBA ! ;D

---

Thanks for the view :)

---

Border keliling blog :)

Minwoo , ILOVEYOUDAMN ><

Macam mana nak buad border ? Okay , ekod step ney XD

Find this word at Edit HTML :

#content-wrapper {

Nanti bawah code #content-wrapper { , korang akan jumpea code code laen kan ?
Macam ney :

#content-wrapper {
  width: 760px;
  margin: 0 auto;
  padding: 0 0 15px;
  text-align: $startSide;
  background-color: $mainBgColor;
  border: 1px solid $borderColor;
  border-top: 0;

Okay , copy code kat bawah ney :

border: 3px solid #ffffff;
-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.4);
box-shadow: 0px 0px 20px rgba(0,0,0,0.4);
-moz-border-radius: 2em;
-webkit-border-radius: 2em;
}

Dah copy ? Paste pulak bawah code yang ney :

#content-wrapper {
  width: 760px;
  margin: 0 auto;
  padding: 0 0 15px;
  text-align: $startSide;
  background-color: $mainBgColor;
  border: 1px solid $borderColor;
  border-top: 0;

Faham ? HAHA , macam ney laa :

#content-wrapper {
  width: 760px;
  margin: 0 auto;
  padding: 0 0 15px;
  text-align: $startSide;
  background-color: $mainBgColor;
  border: 1px solid $borderColor;
  border-top: 0;
border: 3px solid #ffffff;
-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.4);
box-shadow: 0px 0px 20px rgba(0,0,0,0.4);
-moz-border-radius: 2em;
-webkit-border-radius: 2em;
}

Get it ? Get it ?
Preview , then SAVE ><

---

Thanks for the view :)

---

Freebies : Header ;D

Okaylah , Hani suke benda simple . So , header buatan Hani pun simple . Kalau buruk soryy ! ><

No.1

 NO.2

 NO.3

NO.4

Sila lah ambil . No Disabled Copy . Tapi sila bitau kalau awak ambil yea ? Thanks ;D

Mahu Header lain lain ? Sila bitau , tapi ade caj yea . LALALA ~

---

Thanks for the view :)

---

Background Shoutmix !

Minwoo , ILOVEYOU !

Okay , malamney boring gilaa . So , Hani try buad code sendiri . Cehh Cehh . Hani tengok code orang , then Hani tukar tukar sket laa ><
Try tengok shoutmix Hani , ade border segala kan ? Okay , simple jea . That's my style . Ecehhcehh XD

<center><div style="border:2px dashed #fa95c8;"><div style="background:url(URL BACKGROUND KORANG);"><center>CODE SHOUTMIX</center>

Ekod jea , senang ! :D

---

Thanks for the view :)

---

Photo - Slideshow Version :)

Slideshow ! Jom try okay :)

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="200" align="center">

<center>
<img src="URL GAMBAR KORANGS" height="200" width="200" /><center>
</marquee>

Copy code di atas dan paste dalam HTML Javascript okay ? :)

Notes :
Underline : Letak URL gamba korangs :)
Merah : Tukarlah ikut suke hati :)

---

Thanks for the view :)

---

Follow Button Versi - 2

Okay mula mula mahu credits ini tuto pada Kak Una :) 

Comel kan ? Hani pun dah carik tuto ney lame dah , thanks pada Kak Una :)

Okay , you all just pi kat HTML Javascript then copy code kat bawah ney yea ?

<div style="display:scroll; position:fixed; top:0px; right:95px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=BLOG ID ANDA" target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 3em; margin-right: 3em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWFq3gMO4bHoVNXTJ9o3pAicGfPzfGq3F6qtN1Sga8Y8InI61hwMdReDbKgzrjM_Ubz6TxnXHyLXQBQUHK1JX6XDk13UJL4bW-cwuhFiAqGsmV85y3YBACfCCcGRnwJmemPo4IC7Lz0Nds/s1600/followpurple.png" /></a> <div style="display:scroll; position:fixed; top:0px; right:2px;"><a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlxvgwFgjkvrqMrGLc62Guox8gsAke2BwxPj5zDoY_94KBogf23rd6G0VGSMBV36yeVBjRwDfiSSpieAmk9mDsOn3hi6zqCuQzMO9mQL9cTcd94g_pOFORCCTejAkymExYIm5KOrqBts7A/s1600/dashboardpurple.png" /></a></div></div>

Yang underline tuh , tukar ekod Blog ID korangs yea ?

Blog ID nak carik kat mane ? Okay , pi kat Design then you all punyea address mesti macam ney kan :

http://www.blogger.com/rearrange?blogID=9110062210511945748

Copy blog ID sajea tau ? Okay . 

Untuk colour yang laen , bole click sini : <linklink>

SELAMAT MENCUBA :)

---

Thanks for the view :)

---

Buat Scrollbar pada Blog Archive :)

Hey !
carik word ney kat Edit HTML :
<div id='ArchiveList'>


Then , you all mesti jumpe code  <div class='widget-content'> sebelum code <div id='ArchiveList'> kan ?
Okay  tukarkan code <div class='widget-content'> pada code ini :

<div class='widget-content' style='overflow:auto; height:200px'>
 

Hasil :

<div class='widget-content' style='overflow:auto; height:200px'>  <div id='ArchiveList'>

SENANG KAN ? LALALA ><

---

Thanks for the view :)

---

Border Gambar Melengkung Bila Kena Cursor

Jap , sebelum tuh ! Nak credits tuto ney pada Mr Unwanted ><

Okay , korang carik word ney :

/* Header

Dah jumpea ? GOOD . Then korang paste code kat bawah ney atas code /* Header tadi :

a img {

-webkit-transition-duration:.4s;}

img:hover {filter: alpha(opacity=60);

opacity: .6;

border-radius:20px;

border: 1px #FF66CC;

-webkit-box-shadow: 0px 0px 20px #FF66CC;

-moz-box-shadow: 0px 0px 20px #FF66CC;

}

Hasilnyea nanti , macam ney :

 a img {-webkit-transition-duration:.4s;}img:hover {filter: alpha(opacity=60);opacity: .6;border-radius:20px;border: 1px #FF66CC;-webkit-box-shadow: 0px 0px 20px #FF66CC;-moz-box-shadow: 0px 0px 20px #FF66CC;}

/* Header

Jadik ? SAVE ler ! XD


Notes :
Merah : Tukar ler ekod colour yang korangs suke :)

---

Thanks for the view :)

---