Fresh Entri Must Read

Showing posts with label Tutorial. Show all posts
Showing posts with label Tutorial. Show all posts

9 Feb 2014

5 Tips Ringankan Blog

Unknown| 5:04 pm| 17Comments|

Salam berhujung minggu semua...
Apa aktiviti korang di hujung minggu ne???
Walau apa pun aktiviti yang korang lakukan,
buatlah perancangan dengan sebaik mungkin
dan isi dengan perkara2 yang mendatangkan manfaat kepada diri.

Hari ini aku ingin kongsikan 5 Tips Meringankan Blog.
Setiap blogger pastinya inginkan blog menjadi ringan
untuk memudahkan pengunjung,pembaca dan siapa2 saja
yang bertandang dalam blog kita.Ada banyak cara sebenarnya
untuk membuatkan blog kita menjadi ringan...


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

5 Feb 2014

Tutorial : Pasang Scroll Box Di Archive dan Bloglist

Unknown| 9:00 am| 10Comments|
Masa berblogwalking kat blog blogger baru,
adalah rasanya beberapa orang yang mungkin terlepas pandang
kepentingan letak scroll box di Archive dan widget Bloglist.
So diharap tutorial ne bermanfaat kepada blogger2 baru
atau blogger2 lama yang tak letak2 lagi scroll box ne
tapi ikut koranglah nak letak atau tak.Tak paksa pun...

Kalau rajin tulis entri dalam 1 bulan dan mempunyai senarai bloglist
yang panjang sampai berbelas-belas atau berpuluh-puluh orang,
tentunya ia akan melorot ke bawah dan banyak menggunakan ruangan
di bahagian sidebar.Ia nampak tersangatlah semak pada pandangan mata.
Ia juga melambatkan loading blog...

Dengan meletak scroll box pada archive dan bloglist,
blog nampak kemas dan tersusun rapi dipandang...
Ruangan bahagian sidebar pun banyak yang kosong.
Boleh letak dan tambah widget2 lain yang penting dalam blog.
Kalau ada yang tak tahu lagi ghupa scroll box 2 camna,
tengok pic kat bawah ne yang aku segi 4 kan warna pink 2.
Yang boleh scroll ke bawah dan ke atas...
Nampak lawakan???Kalau rasa lawa,ikut tutorial ne... :)


1. Letak scroll box di Archive
Dashboard > Template > Edit Template
Dengan bantuan CTRL+F cari kod <div id='ArchiveList'>
Anda akan jumpa kod ini <div class='widget content'>
sebelum kod <div id='ArchiveList'>
Gantikan kod  <div class='widget content'> dengan kod di bawah
<div class='widget content' style='overflow:auto; height:200px'>

2. Letak scroll box di bloglist
Dashboard > Template > Edit Template 
Tekan CTRL F cari tajuk bloglist korang.Macam aku..
Bloglist 2014
Bila da jumpa, tengok kod2 di bawahnya 2 ada jumpa kod ne tak???
<div class='widget content'>
Da jumpa gantikan kod di atas 2 dengan kod di bawah ne
<div class='widget-content' style='overflow:auto; width:ancho; height:200 px;'>
Preview...Siappp!!!Kalau menjadi,inform taw (^__<)
Kalau tak jadi,bagitahu juga...

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

31 Jan 2014

Tutorial Ringankan Blog Dengan CSS

Unknown| 3:15 pm| 5Comments|
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...

26 Jan 2014

Tutorial Buat Cursor Nama Dengan Mudah

Unknown| 11:46 am| 11Comments|
Al-Hamdulillah...Yesss,yeayyy dan yahooo...
Happy nya hari ne sebab da ada cursor pakai nama sendiri.
Sebelum ne pernah juga ada cursor nama Izzah Norlizah
tapi tak berapa lawalah.Yang itu pakai software Photoshop.
Tak pandai lagi guna software 2.Pandai gitu2 ja...

Cursor baru ne tak pakai mana2 software pun.
So tak payah susah2  nak download lagi.
Juz pergi laman web Pixlr...
Sangat mudah,cepat dan puas hati.
Korang nak juga ka ada cursor pakai nama
macam aku???Yang tak pandai2 lagi wat cursor sendiri.
Hehehehe...Kalau nak aku ajar korang ya step by step
cara buat cursor kat Pixlr.Jangan risau,semudah ABC ja.


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

24 Jan 2014

Tutorial Link Rainbow (Warna-warni)

Unknown| 12:57 am| 5Comments|
(Hiasan cuma)

Tak tahu nak post apa so nak kongsi tutorial la...
Of course la tutorial cantikkan blog...
Bagi yang da tahu dan da cuba tuto ne,tahniah untuk anda... :)
Bagi yang baru tahu dan nak cuba meh sini...
Datang dekat2 dan perati betul2 camna cara buat
Tutorial Link Rainbow...

Senang ja tak payah nak edit2 code bagai...
Just tambah gadget je...
Kita suka simple2 ne...Tak banyak kerja dan masa.
Nak bagi faham dan contoh,korang halakan cursor
(Halakan je,jangan click) kat tajuk2 entri aku kat sidebar 2.
Lawa tak???Berminat ikut cara kat bawah ne...


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

6 Oct 2012

Tutorial Letak Floating Button

Unknown| 3:04 am| 0Comments|

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...

5 Oct 2012

Tutorial : Tab Menu Bawah Header

Unknown| 3:31 am| 0Comments|

Da lama tak wat tutorial,,,Da berbulan2 da.
Memang agak lama,,,
Seperti biasa aku share tuto yang senang je.
Kalau yang susah2,kalau korang tak faham
dan tanya kat aku,aku juga ikut susah tak dapat jawab
soalan 'cepumas' korang tu.

Ok lah,berbalik pada tujuan asal,
Aku nak ajar camna nak letak tab menu
kat bawah header korang yang awesome tu.
Khas pada newbie yang tak tahu lagi.
Nak lebih jelas,tengok kat bawah ne,,,



Follow step by step ok,,,

Dashboard>Layout>Add a Gadget>Html/Javascript

<a href= " URL Pages anda " target = " _blank"><img src=" URL Tab Menu " width="155" height = "80" /></a>
Ungu : Url blog Tutorial,Freebies dll
Hijau : Boleh ambil di Sini, sini & sini...

PERHATIAN:
  •  Kalau nak letak 3 tab menu,copy kod d atas 3x.
  • Ubah width dan height tab menu ikut citarasa dan kesesuaian blog.
  • Pada yang belum buat pages,ikut tuto ne then baru try tuto aku.
Kredit : Cik Dil

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

12 Aug 2012

Letak Favion Dalam Blog

Unknown| 11:55 pm| 0Comments|
Assalamualaikum,,,

Time Tutorial,,,^__^...Tutorial nie simple juga cam sebelum nie,,,
Tak perlu main koding2 & backup templete segala,,,
Sangat senang nak ikut.
Kalau ada yang tak faham lagi,tanya je.

Sebelum tue aku nak tanya,korang tahu ka apa favion tue&apa fungsinya???
Pada yang tak tahu favion tu cam *logo kecil*
dalam blog address bar pada browser.
Cam aku punya kat atas tue,comel tak???
                                                                                         
Icon chomel kat atas tue,tue lah logo(favion)blog aku.
Sebelum nie ada lambang Blogger je yang huruf B tue.
Lama-lama bosan  tengok,so tukar pada icon chomel.
Kowang nak cam tue juga ka???Kalau nak,ikut cara-cara nie,,,
>>>For newbie yang tak tahu lagi<<<

1. Dashboard>Layout> Favion(Kat atas sekali sebelah kiri)

2. Edit&choose file(upload dari laptop korang).
    *Lupa nak bagitahu,icon chomel tue korang kena ready awal2 tak kira la ambil kat Mr.Google ke@
    buat sendiri&pastikan *bersaiz kecil@mini*,,,

3. Kalau malas nak download icon,boleh masukkan url imej je,lagi senang.
    *Caranya,halakan cursor ke arah icon yang dipilih&click mouse sebelah kanan.
    Pilih 'Copy Image Url' pas tue paste (Ctrl+V) kat widget Favion,,,


4. Da selesai,save lah&tengok hasilnya.Try lah,,,^__^


,,,*Yang tak tahu mana nak cari icon2 cute tue,cari kat sini @ sini*,,,

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

16 Jul 2012

Kod Warna HTML

Unknown| 3:32 am| 1Comments|
   Mesti kowang da tidur kan sekarang ni???Takpa,teruskan mimpi indah kowang tu.Esok bila mata da celik,meh sini aku nak ajak kowang semua ramai2 tengok kod HTML nie.Sangat2 penting utk *mewarna-warnikan* blog kesayangan kita,,,^__^.Ni pun aku ciplak kat Sini,,,



  

Macam2 jenis warna kan???*Colourful getu*.Pada pendapat aku,setiap daripada kita kena ada kod warna HTML ni dalam blog masing2.Sebagai rujukan sendiri atau orang lain.Tak payah susah2 lagi pergi cari kat mana2.Kalau jenis yang cepat hafal url blog orang lain yang menyediakan kemudahan kod warna HTML ni takpa juga tapi kalau malas nak ingat cam aku ni,1masalah tu.Ditambah lagi dengan Internet Connection yang lembap(aku da lalui semua ini),,,So,Lu pikir la sendiri,,,T___T

p/s:Pada yang da ada kod warna HTML ni,setinggi-tingggi tahniah aku ucapkan.Pada yang belum ada 2,cepat2 la kasi ada ya,,,Tuk kesenangan kowang juga,,,@__@

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

1 Jul 2012

Tutorial Tutup akaun Facebook

Unknown| 10:08 pm| 2Comments|




       Kali nie nak wat Tutorial Tutup Akaun Facebook,,, Mesti kowang cakap alah,,,senang je nak tutup akaun facebook 2. Aku da taw,,, Bagi orang yang da taw,memang lah senang,,, Kowang jangan tak tahu *dalam kita taw,da* juga orang yang tak tahu,,, Kita dulu pun tak taw kan??? Cam aku dulu tak taw tapi bila bukak sana, bukak sini Facebook 2,aku da taw sendiri,,, Takda sapa yang ajar,,, Aku ambil taw sendiri sebab aku suka explore2 nie. Hehehehe,,, Yalah, pengasas Facebook, Mark Zuckerberg takkan suka2 je letak kan sesuatu ??? Mesti da sebab-munasabnya dan fungsinya,,, Tanpa buang masa,jom kita ikuti tutorialnya,,,





1. Bila bukak Facebook,Tengok kat bahagian atas dan tepi sebelah kanan tu,,,Kat tepi Home tu lah(bagi yang guna bahasa Inggeris),,, Yang kita biasa guna untuk Log out tapi jangan tekan log Out pulak,,,^__^


2. Pilih Account Settings


3. Bila da bukak Account Setting tu,kat tepi sekali sebelah kiri akan nampak cam kat gambar atas tu,,, Pilih yang no.2, Security,,,


4. Akan nampak seperti kat atas bila da bukak Security,,, Cuba perhatikan betul2 kat bawah sekali,,, Ada tulisan biru "DEACTIVE YOUR ACCOUNT",,, Tekan Yang itu,,,



5. Da tekan,akan keluar gambar kawan2 kowang dalam Facebook,,, Ikut kowang lah kalau nak hantar mesej kat kawan2 yang disyorkan,,, kat bawah sekali tu pulak kowang akan nampak cam nie,,,


Pilih pa sebab kowang nak tinggalkan facebook dan Tulis atau tandakan apa yang patut,,, Bila da isi semua, Tekan 'Confirm' kat bawah tu,,, Akaun Facebook anda akan ditutup dan kowang *boleh bukak semula* dengan menggunakan email dan Password yang sama,,,


     Ok,,, Da selesai Tutorial Tutup Akaun Facebook,,, Senang je kan??? Tak susah seperti yang disangka,,, Ok la,nak tidur dulu,,, Nangtuk da. Agaknya kesan minum ubat selesema tadi lepas makan,,, Kowang jaga diri baik2 taw. Tata semua,,,:p


p/s: Minta maaf jika kualiti gambar tak memuaskan sebab gambar nie ditangkap pada waktu malam,,, Baru je selesai tangkap gambar nie,terus update blog,,,@___@

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