Nak Bubuh/Tukar Background

Atas permintaan rakan blogger, aku tunjukkan cara nak tukar background blog. Actually dah quite lama Kak Alya mintak tunjukkan (dah lebih sebulan pe.. huhu), tp aku je yg tak tersempat lg nak tunjukkan plus pelupa tahap gaban.. since aku boring kat opis skang, so aku pun penuhilah hutang aku ngn Kak Alya ni. Kak Alya nak tahu camne nak buh background cam background aku yg berbunga tu...

CARA2 NAK TUKAR BACKGROUND

mula2 login ke account blogger

- pilih DASHBOARD >> LAYOUT >> >> EDIT HTML, korang akan dpt page mcm dlm gambar di bawah ni.
*** kalau korang ada 2-3 blog dlm satu akaun, pilih LAYOUT bg blog yg korang nak ubah backgroundnya.

klik pada gambar utk lebih jelas
- pada ruangan Edit Template tu, korang cari sampai jumpa coding body { ... bla bla tgh dia }, exactly mcm dlm gambar kat atas.

- kemudian apa yg korang perlu buat cuma masukkan coding url (http://gambar yg korang nak.jpeg);, itu aje, atau kalau template tu mmg dah de coding ni, just tukarkan link utk gambar background tu kepada link gambar yg korang nak. Best korang save gambar tu dlm photobucket dan gunakan link photobucket.
*** refer kotak merah

- kemudian jgn lupa add in coding ni, kalau belum ada dlm template tu, kalau dah de tak payah la. Supaya setiap kali korang scrolldown, background korang tu tak ikut bergerak.

background-attachment: fixed;
background-repeat : repeat ;
background-position: bottom;

*** refer kotak kuning

note : sorilah kalau kurang paham, aku mmg pel sket bab menunjuk ajar kat org ni.

Dan lagi satu, cara tukar background ni lebih sesuai kalau korang pakai basic template. Kalau korang pakai free template yg canggih manggih yg amik dr tenet tu, biasanya blog korang akan jadi pelik kalau cuba tukar background sebab biasanya template mcm ni dah fix dianya background ngn templatenya.

~ AWAS ~

Tutorial ni hanya sesuai utk org2 yg tak brape pandai main coding mcm aku.. hahaha..

Read more »

Posted in: Tutorial Blog

Sidebar Widget..

Setiap kali tukar template, aku ada satu problem.. sidebar widget.. abis sume hilang. Kena le wat backup copy paste lak satu2 coding ke dlm words. Itu yg lecehnya. Tapi baru2 ni, aku dpt cara mudah (bagi aku) utk tukar template tanpa kehilangan semua2 widgets kat sidebar. Kena copy paste jugak tp takle sejenuh meng'copy' paste sume item kat sidebar tu. Mungkin ada org lain dah lagi terror ada cara lagi mudah.. tp bg aku inilah yg termudah aku tau. Sapa2 ade cara yg lebih mudah.. tlg ajar ek.. sama2 kita kongsi ilmu.

Macam mana caranya? Ha.. ni nak tunjuk ni...

Mula2, masa korang nak tukar template, korang pergi ke EDIT HTML option, pastu korang cari coding < id ="'sidebar-wrapper'"> antara coding html tu semua, cari sampai jumpa coding yg mcm kat bawah ni :-

utk gambar lebih jelas, klik pada gambar

Korang just copy je coding tu, paste le kat mana2 yg patut.. jgn hilangkan.. kalau hilang sendiri tanggung.. nak mudah wat satu file words, paste n save. Copy keseluruhan mcm dlm gambar tu sampai < /div >.

Pastu amik coding utk template baru yg korang suka. Copy keseluruhan template dan paste kan pada words (file baru utk lebih mudah). Sama mcm tadi.. cari coding < id ="'sidebar-wrapper'"> ni kat coding template baru yg korang dah paste ke words tu. Pastu delete coding < id ="'sidebar-wrapper'"> yg ada dlm template baru tu, keseluruhan sampai < /div> tu ye. Jgn le pulak pi delete sume skali coding template baru tu ... mmg langsung tak kuar template le kang.. just part sidebar-wrapper tu je, part yg aku tunjuk tu je. Dan gantikan dgn coding yg korang dah amik dr template asal korang tu. Copy n Paste je. Biasanya bg template baru, korang akan nampak codingnya mcm kat bawah, ada sket item je.

utk gambar lebih jelas, klik pada gambar

Lepas tu just copy je la keseluruhan coding template baru tu dan pastekan ke blog korang. Senangkan. Takde la widget kat sidebar korang tu hilang. Mcm mana pulak ngn widget kat footer ngn kat main wrapper mcm yg kat blog aku ni? Sama gak caranya. Tp coding yg korang kena cari ialah < id="'footer-wrapper'"> utk footer widget ngn < id="'main-wrapper'"> utk main wrapper.

Aku harap korang faham le ye tutorial aku ni. Aku tak reti nak mengajar sgt yg betulnya.. ekekeke. Takpe.. tak paham leh tanya.. tinggalkan komen je.

SELAMAT MENCUBA

p/s : beria-ia mengajar, mcm le ada org nak jengah sgt blog aku ni.. hahahaha

Read more »

Posted in: Tutorial Blog