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?

---

FREEBIES : Greeting words Assalamualaikum :)

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3jOBF-IO37qqluWTOO-4228vgRr3qBynD-Phl7Uz5z0EZNoG4cvz-uHfUNyy-MuNJ0AI3wCcSrAXECaHbSeOXha99oE6wc6MhrgC5Vyc3SMLdG5GgekuoWy7qOkFW6_h32TeAdTydfJYu/s1600/salamblue.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8aOoVOyYuhHpwyJRnx-NP1-QXdmTX0vstb0Fzx4D-bP6jlKFgR9wlk6sc-pTu4M42Zotp6IIm1XLV6ehwD6Fu7U0XJdzxYR6nQHkF22d8d2Q0ZtKPTmOG4IQsfnYXkAl_sl9gY64P-f13/s1600/salamgreen.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkKHFmpVGL1S0KaYoMW49tF7DfnTmhcp7dlC-yEv4Xn-n5sJR84ZexlYYiECG9ThUYeY8AHGTVb4zMcEXhNs2fbMhKc_8hrZ3Eh3HcQeg24LVvGf_aQIKsHikibM7vstdBQp2cT3kaGAuh/s1600/salampink.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd10tTZVDTuSxlh912tfxsL2w1oKV9MrCdTg4qQ7725DdybJ0RoZnkRH3VahlfMR3RS6B3gvtfJLvnP9wfiS-IrPUP6t3AdIziENhonPgwsSCAw77L9PXD08sePkzy_EAOt7qPFBqjfobD/s1600/salampurple.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm7fAkLdut5bgwsMqwJ3Xue9eDvKGUJu8WcJonKjN66Z3y8xuVebJn2OyquBEL4BmaQX6rO41JhAqF12pjGbi3siqAuriHYpLN5Cg7NNXsYgHFE9bPR0430smD7H-8oKY8ky8aiwn9fMZS/s1600/salamred.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqt_ol-oGvW8j4FFYjiIsUs0E-MJddRYLcSw2h3Pb471EJ6waYCT38QLNU3OuFOoFSiB6A25gKrn4NpqwKHGTzGGIvRGpn_Gc2nFL8j0g7n_pvyoQsVvFkaAUqU_NQLGg6ria7qrCQ5M6O/s1600/salamyellow.png

nota kecil :

okeyy :) freebies lagi , nak ambil lah ^^ tinggalkan comment kayy ? nie original size ? sorry kalau besar sangat ^^ sesiapa yang tak tahu nak guna , tengok tutorial nie kay . OPENING NOTE .

---

Hai! Selamat membaca. Jangan lupa tinggal komen ya?

---

TUTORIAL : link ade background

okeyy , bila pergi dekat link una korunk akan nampak link una ade background warna pink kann ? actualy itu kita panggil link hover :) mcam yang biasa nampak ade letak macam hover icon yang comei2 tuh kann ? soo , yang nie kite just guna background :) senang jer , soo , jom buat :

First go to your Dashboard > Design > Edit HTML then click ctrl + F and search code nie :

a:link {

thenn , dekat bawah2 tuh ade anak anak code sampai ade yang } nie kann ? okeyy , korunk copy jer code yang una bagi nie and korunk paste dekat bawah dia kayy ?

a:hover {
background-color: #FFEAEA;
border-radius:3px;
padding:1px;
-webkit-transition-duration: 2s;
filter: none;
color: #474545;
text-decoration:none;
}

 dah sudah try lah preview dan cursor ke link korunk , hahh , jadi takk ?? kalau jadi save jer kayy ?

UNGU : yang nie untuk background dia kayy ?
HIJAU : yang nie pulak warna font korunk tuh lepas cursor sentuh .
BIRU : yang nie pulak border dia , boleh adjust kay ? ikut suka korunk :)
warna-warna boleh dapat kan di SINI

kalau tak faham tengok contoh code nie :

click untuk tumbesaran :)

---

Hai! Selamat membaca. Jangan lupa tinggal komen ya?

---