Tutorial scroll bar pada blog archive

Tutorial ni khas untuk korang sume tutorial ni memaparkan scroll bar pada archive jdi sesiape yg sejarah blog dye tu panjang sangat bleh gune tutorial ni k contoh nyer camni:

mcm tu la x der la menjele pastu tengok kat warne scroll bar tu laen kan sbb scroll bar tu ikut pade scroll bar tepi blog Nura.Jom pelajari langkah2 nk wat cam tu

1.sign in blogger korang pegi design,EditHTML,Tick Expand Wiget Template pastu tekan CTRL+F pastu muncul satu kotak

2.paste kan kod kat bawah ni kedalam ruangan yg korang tekan CTRL+F tdi k

<div id='ArchiveList'>

3.pastu berdekatan kod di no.2 korang akan jumpe kod camni kat atas kod no.2

<div class='widget-content'> 

alah senang senang koran g cari jer kod pade nombor 3 tu

4.gantikan kod no.3 tu nagn kod kat bawah ni

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

yg 200 px tu korang ganti nagn ketingian yg dikehendaki senang2 x yah ubah pon.
Selesai sudah.

Geramnye!!!!

Nie Nura nk cite ciket pasal kt skolah Nura geram tol la ari Khamis tu kwan Nura tu nme dye Ilyana,dye tu balacing tegar tol sket aty.memang tiap2 ari Nura bawak bedak kat sekolah,Ilyana tu pon bawak gak tpi ari Khamis tu dye x bawak pastu dye gune bedak Nura pastu dye gi balacing plak kat pengawas sebelah dye tu ckp Nura bawak bedak ape lagi pengawas tu rampas la kan Nura x penah balacing klu Ilyana tu bawak bende terlarang.yg lgi x puas aty  ngan pengawas ialah pengawas tu bleh bawak pew jer bedak diorng bawak novel lagilah kan x der kene papew pon geram tol la.Ari khamis tu gan Nura bawak novel pastu Ilyana tu balacing lgi lgilah nk bunoh jer  dye tu geram!!!!Pastu pengawas tu minx la Nura x bgi pastu ade novel pustakaan kat atas meje kawan Nura tu pastu Nura ambek bgi kat pengawas tu novel Nura msok dlm bek keh3.Sbb klu novel pustakaan x kene rampas.Pastu satu lgi geram ngan pengawas sbb pengawas ade separuh la diorang x buang sampah lepas abes mkn tinggal jew kat meja tpi klu kitorang nie bukan maen lgi sampai ambek nme  Nura nk gelar pengawas ni rsenye pengganas sial!!!!.

Tutorial scroll bar versi-"2"

Tutorial ni x der saper pon minx tpi sje nk wat x salah kn....versi 2 tu camni;

mcm tu la yg scroll bar berwarna tu laen kan...

jom pelajari camne nk wat scroll bar tu

1.cari kod ni 

]]></b:skin>

2.paste kan kod kat bawah ni DIATAS/SEBELUM kod yg dicari tdi k.

::-webkit-scrollbar {width:15px;height:10px;}::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment  {height:10px;width:10px;display:block;background:#F6CED8;border:1px solid #F7819F;}::-webkit-scrollbar-track-piece  {background-color:#FFFFFF;}::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {background-color:#F6CED8;border:1px solid #F7819F;} 

dh siap kod nyer tukar plak yg tulisan berwarna tu
yg warne pink untuk background
              biru untuk border yg warne hijau untuk ketebalan border dan yg merah tu korang x yah usik k

klu nk cari kod warne tekan SINI
dh siap uto selamat mencube nyer kwn2 sume klu menjadi komen la klu x jdi komen gak k

Freebies background comel

K terase senang lak ati nk bgi korang background tok blog embek la klu rse berkenan x  yah nk credit pon cume mesti komen klu dh ambek k..:D

http://content.mycutegraphics.com/backgrounds/color/colorbg29.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2tat5SqZGIdBPpGNWbQ3w0hgcT-9-Md9_RoRct406dSa5Rxuex5K5vCYeq4txoG444Qtx6eS6wNvUDBoT8-Q-sZTWZKmCuXlN382wj8-Lx-E09k41-Sv7Juv-hoFRLQ5Vo9W9Xqco73E/s1600/bg-classic_04.gif 

https://encrypted-tbn3.google.com/images?q=tbn:ANd9GcQpkI61DWlSOCIpTFxSh_79sl1qn2F22F3giK2bhHULUzENSmRI

 

http://i1108.photobucket.com/albums/h401/liyanazahirah/backgroundpinkk1.png

https://encrypted-tbn2.google.com/images?q=tbn:ANd9GcQvuGQBwo5HcJa9LMaPQWxZ8FYXggyzmI1inBJgkPQAocdvW2Km

nie je kod klu x nk ambek  pon x pew la yer x kesah pon

Bertemu kembali

Hai! Bertemu kembali kite ekk dh lme x bukak blog sbb b.band nyer problem lah.Tutorial pon x leh nk wat sorry ek!!Nura nk cite ciket ari Selase tu Nura mkn banyak durian sdap tol yum2.Korang suke mkn durian x?? Nura suke sngat klu kkk Nura  rse nye dye dh x bpe suke sbb dok asrama mne dpat mkn durian kn tempoyak pon x mkn.Bak kte orang x mnikmati makanan kan3.Cite laen plak ari Ahad nie Nura nk gi satu cawangan ma'ahad al-zahrah kat Shah Alam sbb mk Nura nk masok kan Nura kat sekolah tu,skolah tu kat ENDON.....tpi x pew sbb msok skolah tu tros ade kwan sbb basti Nura darjah empat ade kat situ tpi x syoknyer x leh kak blog sbb 1 TAHUN 2 KALI CUTI RAYE pon kat sne sdeynyer tpi satu lgi yg syok sebab 1 kali cuti sebulan best 1 Bulan x sekolah x sabar nk naek kapal terbang klu dpt la sekolah tu....klu x dpt x merase la naik kapal terbang :'(.

Tutorial letak Assalamualikum setiap entry

Hello!kembali lgi kite di tutorial Nura ceh2K skung berpandukan tajuk itulah apa yg akan kita lakukan jom follow ini punya step
First step sign in blogger korang pastu gi design >>> settings >>> formatting >>> post template
Second step copy kod nie dn paste kan kad dalam ruangan post template tdi k

<center><img src="URL IMAGE ASSALAMUALIKUM"/></center>

dh siap yg warne merah tu tukar pade url image yg korang nk kan kantara contohnyer :-
 

 http://4.bp.blogspot.com/EHcICx0OrEw/Tkn2x4ApI0I/AAAAAAAABnM/KIO85TYhL3M/s1600/ciknurfarah3.png

http://2.bp.blogspot.com/cSGfqn1pN_M/TqPzDdGxXOI/AAAAAAAABI0/Y92kuuovxzs/s1600/assalamualaikum.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhinGZUueiuNTZiciw3YR1XBLvO4gHfVjteA-XEVW2bWNwUXlkA8j05wqUL7gGF2r_tUpi1540AOEEzsH5ZRIzzAq4qgaSEPqPa3A8Sabr5zmROOyejImqE17JPV7KNYlJMhUZTpypRINJM/s1600/1.png

https://encrypted-.google.com/imagesq=tbn:ANd9GcSAArEPO2k0bhTfgyZ9TX8Ts_AcyDV6GdsM2EKDnPqO5iwJ8HYn9g

klu korang x suke bleh cari kat google ke kat mne2 lah k

Tutorial cari blog ID

Salam sejahtera k setengah orng ni x tau blog ID tu apew bile cari tutorial suruh ambek blog ID dh terpinge2 so sekarang ni Nura nk bantu korang temui blog ID korang k.Follow la step ni
1. pegi design tengok kat URL pastu ade tulis kat situ blogID dlm tulisan kelabu comtoh

dh jelas skung yg mne blogID? klu dh jelas sekian tuto kli ini.

Tutorial scroll bar berwarna

Hai nk terus la pade tutorial kite ni
1.sign in blogger korang pastu design edit HTML tick expant wiget template
2.cari kod

 ]]></b:skin>

tekan ctrl + f untuk memudahkan pencarian 
3.paste kan kod ni kat atas kod yg dicari tdi k kod nye kat bawah ni

::-webkit-scrollbar {height:12px;width: 12px;background: #ffffff;}::-webkit-scrollbar-thumb {background-color: #ff3399;-moz-border-radius: 10px;border-radius: 10px;border: 1px solid #ffffff;}

NOTA +HAN
yg warne biru tu untuk  background sroll bar                pink pulak untuk warne sroll bar               merah untuk border sroll bar
dh siap tuto bleh savev dh

Tutorial Favicon

Hai tau Nura nk wat tuto pew kli ni mesti la tau kan sbb kt tajuk dh tulis tpi ade sesetengah orng tu x tau ape tu "favicon".rupe favicon tu camni

nampak x blogger punyer favicon tu leh ubah pade favicon yg kite suke,meh I tunjuk carenye

1.mule2 korang cari kod  ni </head> klu x jumpe tekan CTRL+F untuk memudahkan pencarian k. 

2.dh cari korang pastekan kod ni
 

<link href='URL gambar' rel='shortcut icon' type='image/x-icon'/> 
<link href='URL gambar' rel='icon' type='image/x-icon'/> 

paste kn kod ni kat atas kod yg dicari tdi k

3.yg perkataan  URL gambar  tu gantikan ngan url gambar yg dikehendaki k

sekian tuto Nura Bye...

Tutorial pisahkan header dengan body/content

Hai!!!k ari nie Nura nk cite tentang tuto pisahkan heder ngan body bgi pengguna simple tempalatejom mulakan tuto ini
1.korang sign in blogger korang pastu korang gi design >>> EditHTML >>> Tick Expand Wiget Template
2.cari kod ni   /* Mobile  klu x jumpe cari kod   /* Header  
3.                   .header-outer, .content-inner { background-color: transparent;}.main-outer, .tabs-outer {       background-color: $(content.background.color);}.tabs-inner .widget ul { margin: 0px -15px;}.content-inner{padding: 0px;}  paste kan kod ni kat ATAS kod yg dicari tdi k
dh siap tuto preview dulu pastu save tau

makhluk ALLAH

Nura x tau la nape "artis" tu mengdapat isu sngat disanjung dunia mendabik dada bangga sngat x pon diorang x seda lagi bahwe diorang tu HINA sangat2 kat mate TUHAN!!!.Klu wartawan plak sebok nk jge tepi kain orang,lantak la nk wat apew pon sebok jer manjang!!Piker orng nk tau la sume perkembangan diorng kn.Klu kat dunie nie die la yg megah,belagak,bangge sngat kat akhirat nnti diorng la yg mlu sngat2.Klu menyanyi bukan maen sedap beirama laju jer tengok cam ne bace al-Quran plak agaknyer tesekat2 suare mcm dh tersekat x leh keluar.X sentoh bab aurat lagi jom kite sentuh bab memalikan ni diorng klu pakai nk nampak aje badan tau la diorng cantek kn.Pakau sampai nampak kaki nampak lurah sume nampak orang kate "open" lebeh baek bogel jer terus tunjuk sume bkn tu kew yg diorng nk????korang pikerkn la mungkin hidup dh x lme sbb dunie nk kiamat sudah
SORRY LA TULIS CAM NI AGAKNYER KORANG INGATKAN NURA CEMBURU KOT TPI X K!!!

Hidup Nura

Nura jenis orang yg susah nk bergaul klu ngan sepupu x der sapew nk layan Nura budk2 kecik jer yg sebaye Nura sume nye x layan Nura nk kwan pon ngan kkk Nura,klu nk ckp ngan Nura nk tau tanyer pew,klu yg sebaye Nura tu tanye cmni "kaknong mne?" klu yg lgi tue dri  Nura tu ckp "Aino mne?" bkn nye nk sembang2 selalu cam tu *_*.Klu kat sekolah plak kawan2 sekelas mcm meminggirkan tau x suke!! :'( ckp siket contohnyea  kawan Nura nmenye Alia klu Nura panggil nnti dye ckp "ape dye!!!!" klu kwn Nura yg lgi satu pulak nmenye Hidayah kitorang panggil gye Dayah klu Nura ckp siket nnti dye ckp "kau ni bising la!!!" x suke btol.Tpi ade budx bru pindah nie  dye same kls ngan Nura budx tu bru msok namenye Puteri Nurin Batrisya bru masok lepas abes cuti 2 minggu tu dyeorng bleh jer lyn dye baek2  klu Nura npe x Nura rse nk pindah jer gi Negeri Sembilan dok ngan mak cik Nura.Mak cik Nura tu baek sangat suke Nura tinggal ngan dye : D.Klu kt umah asye2 kene mrh wat itu wat ini x suke tol la!! :-x 

Tutorial buat header transparent guna photoshop

K kali ni Nura nk wat tuto header transparent,dh lme dh nk wat tuto ni tpi x berkesempatan...Klu nk wt jom follow tuto ni
1.bukak photoshop korang,klu x leh la cari mne2 tuto download photoshop x kesah la cs bape k
2.dh bukak klik file > new > korang ambek biasenyer width nye 800 dn heigh nye 400 dn pilih transparent 

3.dh klick ok klik pulak huruf  T untuk tulis k

4.klu nk letak gambar tekan file > cari perkataan place k cari la gambar pape korang nk letak

5.Nura nye dh siap klu korang nye dh siap klik file > save as

pastikn korang pilih "png" file tau klu x,x jdi

6.klu nk lex kat blog pegi design > page elements > klik pada kenyataan header k pastu klik pada choice file uplaod la k

Sekian tuto Nura kli ini klu korang nk besarkan gambar klik je pde gambar tu k

Tutorial sidebar title

Sidebar title nie untuk mengemaskan gadget korang.Bagi blog cantik sedap mate memandang......Jom kite blajar cam ne nk wat sidebar title nie.
1.sign in blogger korang >>> design >>> Edit HTML >>> Tick Expand Wiget Template
2.cari kod  h2 {   klu nk senang tekan ctrl f serentak k.
3.copy kod kat bawah ni

text-align:center;
-moz-border-radius: 1em 4em 1em 4em;                  
border-radius: 1em 4em 1em 4em;                                    
text-shadow: 1px 1px 1px #FFFFFF;
border: 5px solid  #F78181;
background : #FFFFFF;
padding: 5px 5px 5px;
  font: $(widget.title.font);
  color: $(widget.title.text.color);
  text-transform: uppercase;
}

paste kn kod tu kat bawah kod h2 {  k.

Nota +Han:

• yg warne biru cair tu untuk bayang2 tulisan klu x nk biarkan saja x yah ubah ape2
• yg warne coklat keorengan tu untuk tebal border klu makin kurabg nombao makin nipis
• yg warne hijau gelap tu untuk warne border
• dn yg warne pink tu pulak untuk background 

      untuk mendapatkan kod warna bleh tekan SINI......

Makan2 dn makan

Nura nk cite,ari nie mk Nura msk mee goreng basah untuk sarapan sedap....pastu mkn tengah hari mk Nura msk sup ayam ngan sayur campur yum2 petang tu lak atok Nura msk bubur keledek manis eeemmmmmm....yummy.Petang tu Nura mkn bubur keledek pastu mkn nasi pastu mkn bubur keledek balik pastu minum  air sarsi sejuk banyak kn.x tau la dh naek bape kilo dh hey.......

Tutorial dapatkan shoutbox

Hai!!Nura nk wat tuto tentang shoutbox,tuto tu berkenaan camne nk wat shoutbox.Klu blog x lengkap klu x der shoutbox kn.K Nura nk ajar la nieh.
1.tekan SINI!!! 

2.click sign up contoh:

3.isi maklumat yg diminta,jngan lupa tick kat  I have read and do agree to the cbox terns and conditions sbb klu x tick x jdi.Klu dh siap isi dn tick tekan create my cbox tu k

4.Misalnye korang x suke ngan penampilan shoutbox tu korang leh gi kat look & feel untuk mendaco.Selesai mendaco korang tekan publish untuk mendapatkan kod,korang copy kod tu k.

jap2 x abes lgi

5.sign in blogger korang,pastu ambek Design > page elements >add gadget > HTML/JavaSript dn paste kn kod shout box yg dicopy tadi......selesai sudah

*Sory sbb x banyak gambar sbb mls nk printscane

Tutorial letak background blog

Salam semua,Nura kongsi ciket tentang blog nie.Blog nie klu korang  x suke background dri template yg korang pilih korang leh ganti nk tau camne,camnie carenyer,

First korang sign in blogger korang -> Design -> Page Element -> Add Gadget -> HTML/JavaScipt

Second korang paste kan kod nie    

<style>

body {

background-image: url('url image korang');

background-attachment: fixed;

background-repeat: repeat;

}

</style>

ke dalam ruangan tu.

NOTA +HAN

• yg marne merah tu korang tukar ngan url image yg Korang nk
• klu korang ade masalah background bertindan sila rujuk di  SINI.....

Tutorial background bertindan

Ade separuh orang tu blog dye menghadapi masalah background bertindan ,klu x der syukurlah.Klu yg ade tu ni Nura nk kongsi tutorial ngan korang  Tpi klu ade masalah nieh tpi x tau ape dye tu  ni gambarnyer

Tu la background bertindan.K tutornyer berbunyi begini,

First korang sign in blogger korang ->Design ->Edit HTML ->Tick Expant Wiget 

Second korang cari kod     position: absolute;    pastu korang sroll bawah siket jer akan jumpe kod camni

tengok width tu asalnyer 100%  tpi tu Nura nyer,tpi klu korang ader masalah background bertindan, nilainye 100% klu nk mengatasi yer tukar 100%  tu kepada  0%.Dh siap save la......klu nk tau jdi ke x preview du k pastu bru save.Sampai sini jelah tutorial background bertindan nieh.

NOTA +HAN:

• klu nk cari kod   position: absolute;  tu tekan ctrl+F jdi mudah la nk cari kod tuh

cuti2 T'ganu

Pde cuti 2 minggu yg lalu Nura berkunjung ke terengganu.Duduk kat Homestay Suria selama 3 ari 2 mlm.Bertolak pde ari Khamis minggu ke 2 pde pukul 9:00 pdi dn sampa pde pukul 8:00 mlm lme giler kot.Pde ari Jumaat tu kitorang jln pusing terengganu pegi Taman Tmadun Islam x lah best sangat biase2 jer.Dn pabila blik ari Sbtu gi kenduri mak cik.n den trus blik Bye!!!!

Latar Saya!!!