TUTORIAL : Header hover part 2

yeayyy , hari nie una nak buat tuto lagii , ada yang menanyakann ? header hover yang senget ke tepi tuh kann ? wheee :D okeyy , actualyy una belajar dari lettha :)) soo , lets begin :

Go to your Dashboard > Design > Edit HTML*tick expand widget then click ctrl + F and search for this code :

#header {

dah cari ? kan ade anak-anak code kat bawah tuh kann ? sampai yang simbol } then dekat bawah simbol tuh korunk letak code yang una baru bagi nie kat BAWAH dia kay ?

#header:hover {
padding-left: 50px;
-webkit-transition-duration: 0.5s;
}

 soo ,its donee :) semogaa berjaya okeyy ?

credit : lettha 

---

Hai! Selamat membaca. Jangan lupa tinggal komen ya?

---

FREEBIES : Background part 8

yeahh , kali nie background vintage pulak sebab ade yang request kann ? dark vintage background kay.macam biasa tweak-tweak colour lagi ^^ wheee :D

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnBrh53g3bp_1v3iJPnAzxEfiw8qXKCogvD22rBYhnrI6qFh892yDHEnfwohqsyAORsYNQZ6Cgkb0ATdhTwxW5GgCe8XwwvwxDD5nQt33JSxl8aAUbbUp0fsPi5VCUF6szIE-3KBqzlH8V/s1600/darkpinkvintagepink.png

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg82uqLJ07hK1QjLncDHzzVWlNVDMb7jwS1LLBH_7T9tZMMU1Pw8hZ7MdrRe4VWyWVdmd4-m3R4eybDGOYsima_pEiSo2bu2pjiSgp7je6zPgbRSQNGM7sMjvdE-WBCvOxM4QYlz1l-CJ5J/s1600/darkvintageblue.png

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKV4s_3MUHr7fqLH0GHooxXveXXXwYHUIz59EFFuaK2vzxjWzCfYCZUiNfJgacuDwgcf6VZudqWjMz80T_SsEJLGgorrp6BfafluEFDtFADkack6cnFvoKmyxX-MyzFPEpPA-LzrqVdY81/s1600/darkvintagegreen.png

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8OFrflgaU6crmb_ATe4nfQwV177o-XWjeT1oQ87aFSc70Hj5OkJvvEqOk5DffpsuO4TfDPdJEQCM4OzIKGuL68OKAgVtKXl88yLWVD5iWmKYj3EYOKq0mjmlmBqNY2x0rxwb3RJbPLuY2/s1600/darkvintagepurple.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2CdChhg4pizL8-jlPkDxgr4UhAKVGHmy7VrV-gToOgr0HbVwg5o0F-CvwGLkuVenG9E8dQzdSsmoYHElmapIOrJxZWCM14lewdwjDugbfaObspG5mAFbA5uAngT08UUGdYCcFPqIi9lg4/s1600/darkvintagered.png

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGDFhsbZeq9zMvGDeW9dxRFKw68iJJ3AGb2eaHubT_ROlK7eO92OC3SWwxGDL1yQFVzhZZVoLvLvaLs5CiOMuFi3rAKax7i3ndXgUwsn_6Mz4cbOCHZNSW0-_P-XMZ6eG1DTF-KgTcAxTQ/s1600/darkvintagegrey.png

---

Hai! Selamat membaca. Jangan lupa tinggal komen ya?

---

FREEBIES : Button Dashboard & Follow

yeahhh , freebies lagi :) una buat sebab ade yang request kat FB :) sooo , harap adik suka kayy ?? akak buat simple jer ^^

<div style="display:scroll; position:fixed; top:0px; right:95px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=YOUR ID BLOG" 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/AVvXsEhwd8cQtEg_0scRBPA6RBwm_ozYaqq-m5lfxsktEBCvyqbaceC-LtXgyukbMpr_fzGxK7vIOHeTxXWWGUXH5GIuw0kZb0wL3KXQyGcxsBuHYjZqPXVbqJQedcFS9Q21qsoRjuYvGqdL5de6/s1600/followblue.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/AVvXsEhbb4do9x1GKWS-mg4JjFssh5rk4FmAr14lLrW0Slv5uBXF93cgoKNxY_8eyjtJ-Qqr_pQ3Y7wbUuY9bqI4qXlLeV5jQQdiz_uA-Q8hZ-UrK9VJbd63en6dnpOXM3IHBsLHohdtAtQXEurc/s1600/dashboardblue.png" /></a></div></div>

<div style="display:scroll; position:fixed; top:0px; right:95px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=YOUR ID BLOG" 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/AVvXsEg21uv1gCZWIQ6vl3F9mBov7F1c0IYxBYovPdJNx5GTD0PtAzVcUVLi-_GL1mPcx7DMjKDQN0jme0kpbs3WjETDhH1AOZhu2tJ5rNV7TuTUdiw9BebSH5J2aSwQzrzPLO_PBYPFt5QGt6HM/s1600/followgreen.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/AVvXsEj7eA4CSR_HIKL_NcrpIOg7VaMlADk8egrhk-UPioRyqZROgp3w1aJ68O0IfEOLqXm7L864DrZ_5-AD0gI3ERjVGVFE4rPeEu0h0ZImwXYjd2RR_TeGueyvc8J7UjhYVPaIGsXoW0je0Lf5/s1600/dashboardgreen.png" /></a></div></div>

<div style="display:scroll; position:fixed; top:0px; right:95px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=YOUR ID BLOG" 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/AVvXsEj8uiKTO14vdfX0WiPSvT9xniclV_z3hPdxYqEpeLyVRUzZtk8QIMbB-_p4w-6xN85lR8-zcDLWkWSZXx5bfKPivahLCsvEMLvAmFxQyQ-FSJPrgyyjg7GmayWfiVPVsA3VWTZUQQYwmLMX/s1600/followpink.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/AVvXsEiCBl79zAPA8AjtjfyPNvoInQsmSrLbBQ3RTd2g2njK4R2BOkkYXLkmTEuRkbG-J7c52fN5oabBTgqDVb87lCEbNYE7CGvbyS7vtQGVZFS5a_bjWgLGRMVJEUoAPXOqCbGxjaDp9mmuHVzJ/s1600/dashboardpink.png" /></a></div></div>

<div style="display:scroll; position:fixed; top:0px; right:95px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=YOUR ID BLOG" 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/AVvXsEjkLW3IcFufhwNJywjwYXm5ECy6waMzp1a9tKRNGvOWgekKUreI-DCgX0BQIAenIupMfpmgegN0NQzIKOMCsahQhp8xVjrJ1alQ7W9L_msBs1wkkTXL2RbXRWW9SCj5ltthgWFAGPEmHjgB/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/AVvXsEheQT_J6auah8aAERC6Clm9oSWHyfcxaejJnC8v20YM6kdmlKtaEuIywR1ngS3MIru00Qs14Ze3Jpptq40FagFSznS66ZKcULoS0xuqd71Rfdtm0yFM-15SIRlOWGSQFmD_edkBMSz9-tbN/s1600/dashboardpurple.png" /></a></div></div>

nota kecil :

yang colour warna ungu tuh sila letak URL ID korunk kayy ? boleh ikut TUTO nie untuk masukkan kayy ? yang code kat atas nie una dah buat elok2 dah untuk korunk . korunk just copy & paste je dalam ruangan HTML/Javascript tuh ? comment una kalau dah ambil ^^

code credit : ziera  

---

Hai! Selamat membaca. Jangan lupa tinggal komen ya?

---