Tutorial Ringankan Blog Dengan CSS

Hai Readers...Salam Jumaat semua. Hari ne nak kongsi dengan korang tutorial ringankan blog dengan CSS. Aku pun baru dengar tutorial ne dan telah mencubanya. Alhamdulillah...memang terbukti berkesan dan blog pun ringan. Kalau korang buka blog aku,tunggu lama x??? Kalau cepat,maknanya blog aku ne senang loadingnya... Berkat ikut tutorial ne la... Sebagai bukti keberkesanannya,kat bawah ne berat blog aku sebelum mencuba tutorial ini...

9.05 saat diambil untuk korang membuka keseluruhan blog aku.

Di bawah ne gambar selepas aku menggunakan tutorial ringankan blog dengan CSS..

Lihat perbandingan sebelum dan selepas menggunakannya...

---

Terima kasih sudi baca entri ini.Jika suka,komenla sekali...

---

Freebies Background Green

Ne background warna hijau. Boleh guna utk background dalam blog sama ada background utk banner,sidebar,kotak komen dan sebagainya. Ini juga untuk memudahkan blogger penggemar warna hijau cam saya tak susah nak cari background warna hijau. So, enjoy it,,, (^__<)

---

Terima kasih sudi baca entri ini.Jika suka,komenla sekali...

---

Freebies Background Pink Cute

Semua background ne warna pink je dan da bermacam-macam corak. Pilih je yg mana satu korang berkenan. Semua ne ambl dari Google. Rata2 blogger khususnya perempuan minat colour pink ne. Aku pilih yang comel2 dan cute2 je untuk pengemar colour pink. Boleh letak dalam banner,sidebar,shoutbox dan tempat yang patut. Harap ada yang berkenan ya,,,

---

Terima kasih sudi baca entri ini.Jika suka,komenla sekali...

---

Freebies Assalamualaikum

Di pagi yang indah di hujung minggu ne,

aku nak bagi freebies Assalamualaikum,,,

Sejak akhir2 ne,aku suka post tuto dan free,,,

Kalau korang perasan la,,,

Bukan apa,saje je nak memenuhi pages

tutorial dan freebies aku tu,,,

Takkan biarkan 3-4 entri je kan???

Seperti biasa,simple je,,,

Tak advanced lagi nak wat lawa2

dan cun-melecun cam korang wat,,,

Kalau nak ambil,ambil je,,,

Rembat terus pn takpa,,,^^

Sangat2 dialu-alukan,,,

Nah,,,free of charge je :P

http://i1308.photobucket.com/albums/s609/IzzahNorlizah/Assalamualaikumyellow_zps18ce699a.png

 http://i1308.photobucket.com/albums/s609/IzzahNorlizah/Assalamualaikumpurple_zps44dbc97c.png

http://i1308.photobucket.com/albums/s609/IzzahNorlizah/Assalamualaikumpink_zps40302188.png

 http://i1308.photobucket.com/albums/s609/IzzahNorlizah/Assalamualaikumgreen_zps56171b65.png

http://i1308.photobucket.com/albums/s609/IzzahNorlizah/Assalamualaikumblue_zps94abf35c.png

---

Terima kasih sudi baca entri ini.Jika suka,komenla sekali...

---

Tutorial Letak Floating Button

Tutorial time,,
Tak perlu back up template dan main coding2.
Cuma tambah gadget je kalau nak letak
floating button dalam blog,,,
Yang cam ne bagi yang tak faham,,,

Kat blog aku pun ada tapi tak boleh print screen.
Aku ambil dari Mr.Google jelah,,,
Yang tak tahu dan teringin sangat nak letak,
ikut step ne satu-persatu.Senang je,,,^_^

• Dashboard>Layout>Add a gadget>Html/Javascript

• Copy kod ne

 <style type='text/css'>
a.linkopacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}

a.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }
</style>

<div style='display:scroll; position:fixed; top:140px; left:-12px;'>

<a class='linkopacity' href='Link Facebook' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="Url Image" /></a><br />

<a class='linkopacity' href='Link Twitter' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twitter'><img border="0" src="Url Image" /></a><br />

<a class='linkopacity' href='http://www.blogger.com/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='dashboard'><img border="0" src="Url Image" /></a><br />

</div>

Biru : Link Facebook dan Twitter
Oren : Url Image/Button(Boleh cari di sini ,sini dan sini.

Ne aku da wat freebies sikit untuk image floating button.
Image ne aku ambil design syafik & Fizgraphic,,,
Aku tambah huruf/abjad je,,,^^
Kalau suka,ambil la,,,

http://i1308.photobucket.com/albums/s609/IzzahNorlizah/imgFB_zpsdb504e63.png

http://i1308.photobucket.com/albums/s609/IzzahNorlizah/imgTwitter_zpsbe7bc5f5.png

http://i1308.photobucket.com/albums/s609/IzzahNorlizah/imgdashboard_zps77b5de77.png 

---

Terima kasih sudi baca entri ini.Jika suka,komenla sekali...

---

Freebies Tab Menu Simple (Pink)

Beberapa minit yang lalu,aku post tutorial kan???

Sekarang aku nak bagi freebies pulak,,,

Kira kesinambungan dari entri tadi la,,,

Entri Tutorial Tab Menu Bawah Header,,,

Kalau tak tahu mana nak cari url tab menu,

ambil la yang aku wat ne,,,^_^.Free je,,,

Simple-mimple dan kalau ada yang nak ambil,

drop ur comment below ok,,,

Let's start,,,

http://i1308.photobucket.com/albums/s609/IzzahNorlizah/tabmenu_zps16513279.png

http://i1308.photobucket.com/albums/s609/IzzahNorlizah/tabmenu1_zps3d203d7a.png

http://i1308.photobucket.com/albums/s609/IzzahNorlizah/tabmenu2_zps97d84e87.png

http://i1308.photobucket.com/albums/s609/IzzahNorlizah/tabmenu3_zps2db986c5.png

 http://i1308.photobucket.com/albums/s609/IzzahNorlizah/tabmenu4_zpsd47c0438.png

Simple kan???Yang masih tak tahu letak

tab menu ne,follow tuto ne,,,

Selamat mencuba,,,

---

Terima kasih sudi baca entri ini.Jika suka,komenla sekali...

---

Freebies : Sidebar Image Part 1

Di tengah malam yang sejuk ne aku nak bagi freebies

sidebar image kat korang,,,

First time buat,own made ok,,,
Ambil dari google dan godek2 sikit.

Tak cantik mana pun seperti para blogger yang 

da pro wat freebies2 suma ne,,,

Cuba2 je wat dan sangat simple,,,

Sapa nak ambil,ambil je tapi komen taw^^

Kalau ada yang berminat jelah,,,

Kalau takda,tengok je k,,,
Kalau nak wat sebagai tab menu dan resize pun boleh.

 http://i1308.photobucket.com/albums/s609/IzzahNorlizah/Tutorial_zpsba73585a.png

 http://i1308.photobucket.com/albums/s609/IzzahNorlizah/Aboutme_zps7ef8c6b0.png

http://i1308.photobucket.com/albums/s609/IzzahNorlizah/Freebies_zps6e9da578.png

 http://i1308.photobucket.com/albums/s609/IzzahNorlizah/TimeMachine_zps25414565.png

 

http://i1308.photobucket.com/albums/s609/IzzahNorlizah/MyBanner_zps4a6626b7.png

http://i1308.photobucket.com/albums/s609/IzzahNorlizah/Shouthere_zpsa9ebf425.png

 http://i1308.photobucket.com/albums/s609/IzzahNorlizah/TrueFriends_zps7d9ef676.png

Yang tak tahu camna nak letak,pilih gadget
yang kowang nak .Title 2 biarkan kosong.
Jangan tulis apa2 k...

Dashboard>Layout>Pilih Gadget

<center><img src='Url Icon Korang'/><center>

Kod Widget

Ungu : url sidebar Image
Hijau : Kod widget yang kowang pilih
sama ada kod shoutbox,follower dll.

p/s : Tak faham,tanya je.

---

Terima kasih sudi baca entri ini.Jika suka,komenla sekali...

---

Freebies Back To Top By Dysha

Assalamualaikum,,,

Selamat pagi rakan2 Blogger sekalian.Da makan sahur ke tadi???

Jangan macam aku semalam ya,

Da bangun untuk makan sahur& rendam ikan nak masak.

Alih2 tertidur pulak.

Nasib baik da makan meggi 2jam sebelum itu.

Ada jugalah isi perut sedikit.

Aku nak bagi korang Freebies back to top.

Dysha yang buat semua ne.

Comel2 semua sebab tu nak kongsi dengan korang.

Kalau nak ambil,komen je&wish tQ pada Disha dan aku ok,,,:)
Kreditkan nama dia sekali,,,

Yang tak tahu letak 'menatang' ne dalam blog,
ikut tuto ne ,,,
*Dashboard>Layout>add a gadget>HTML/javascript*

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Top"><img src="URL IMAGE" /></a>

bIRU: Tulis ayat apa nak letak,,,
Merah:Url Image yang korang suka.

http://i.imgur.com/8V3vN.png

http://i.imgur.com/bfITp.png

http://i.imgur.com/SQP60.png

http://i.imgur.com/2btgO.png

http://i.imgur.com/GcT3K.png

http://i.imgur.com/qJgh4.png

http://i.imgur.com/1Wrvv.png

http://i.imgur.com/xMgf6.png

http://i.imgur.com/GSmMH.png

http://i.imgur.com/XbPJF.png

http://i.imgur.com/QLbdL.png

Chomel2 suma kan???Aku da rembat 1.

Korang bila lagi??? 

---

Terima kasih sudi baca entri ini.Jika suka,komenla sekali...

---