Isnin, 15 September 2008

Ramadhan Themes - Tutorial Background

puaseAssalamualaikum Abang² & Akak² Blogger semua, tak lupe juga utk Adik² dan Rakan Sebaya.....

Yesserrr... episod kali ni aku nak berkongsi sikit tips dan kaedah untuk menukarkan latar belakang nkorang macam yang aku buat sekarang ni.

Kan tak lame lagi kite nak raye.... so dengan kaedah yang aku suggest ni... kite boleh menggayakan background kite mengikut musim la... kire rase macam best dan masuk bakul sendiri laa gitu.

Untuk menyetelkan tutorial pada kali ni... apa yang anda semua perlu ada:-
1. Blog - Dah tentu la
2. Template - Template Minima Dark
3. Image Hosting - Sama ada flicker, googlepages.com ataupon lelain.
4. Masa dan kesabaran.

Kaedah dan Teknik:-

1. Login ke blog anda dan pilih LAYOUT

image

2. Daripada halaman LAYOUT --> Pilih Edit HTML. Tapi sebelum anda memulakan proses mengedit HTML, sila pastikan yang anda telah bertukar kapada TEMPLATE Minima Dark.

image

3. Seperti yang kerap kali diajarkan kepada aku oleh Cikgu Blog Menjerit, biasakan la diri nkorang tiap kali mengedit HTML pada layout/template dengan menekan EXPEND WIDGET TEMPLATE check box

image

4. Sebelum anda boleh menggunakan image kegemaran anda sebagai background blog, pastikan anda telah upload terlebih dahulu kepada pembekal daging lembu tempatan perkhidmatan penyimpanan gambar seperti:- Flicker @ Googlepages. Daripada sini anda akan dapat URL image yang anda telah upload. Macam mane?

5. Pergi ke gambar yang nkorang suka, kemudian klik sebelah kanan butang mouse anda, dan pilik Copy Image Location. (tips untuk pengguna Mozilla Firefox)

image

6. Bila dah dapat link/URL gambar yang kite upload tadi, barulah boleh kita masukkan code ini kedalam KOD HTML TEMPLATE yang kite nak edit tadi. Cari perkataan ni dalam kekotak EDIT HTML nkorang...

body {
background: #000000 url(http://paste-URL-gambar-yg-sudah-diUPLOAD) no-repeat fixed right top;
margin:0;
color: $textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

*** Carik perkataan body { , dan paste kan kesemua code ini pada keseluruhan kod body { } Jangan lupa untuk gantikan text bewarna merah.

7. Setelah siap, maka dengan itu bolehlah save template ini, dan tengok hasilnya. Sekiranya anda masih bermasalah dengan teknik yang diberikan, anda boleh berhubung terus dengan Cikgu Blog iaitu:- BlogMenjerit

*** Sekiranya terdapat kesalahan pada tutorial kali ni, aku amat memohon maaf dan aku sedia menerima sebarang terguran dan komen berkaitan dengan entri pada kali ni.

Thanks & Best Regards

Kreuger®

13 ulasan:

  1. wa... ada tuto..
    bagusla.. teruskan...
    aku nak komen pasal blogspot nie
    aku pok y=tak reti..
    huhu

    BalasPadam
  2. Menteil
    Warghhh... kagum betoi aku dengan nko ni... nko pakai ape? Cepat betoi tau perkembangan blog aku. Baru je aku post nko dah datang kan? Widget per nko pakai... ajar laa ilmu tuh sikit.

    Kreuger®

    BalasPadam
  3. sekarang @pp dah tinggal rabun IT 9kena lasik dah).

    Ramai member2 kasi tutorial untuk template ni, walaupun @pp dah berpuluh kali cuba dan fail, @pp akan terus berusaha.

    Timekasih ye.

    BalasPadam
  4. Akak POK Pek
    hehehehe... usaha tangga kejayaan ma... tak salah kalau kite mencuba. Tapi kalau sayang kat template tuh... sampai bile pon blog tadek perubahan nanti.

    So take the chellenge... saya dulu pon berapa kali fail waktu tukar template.

    Apa yang penting... kene buat backup semua template dan widget kesayangan dulu. OK~

    Kreuger®

    BalasPadam
  5. PENGUMUMAN...

    tutorial ini hanya untuk pemilik blogspot sahaje.. terime kasih..

    huhuhuhu...

    BalasPadam
  6. Humble&Modest
    Ini adalah... entah le humble... you may describe. kekekek...Saje ma nak hilangkan boring, malam ni aku kije malam, so siang ni tak bleh nak membuta... sebab tuh laa aku buat entri. Hari ni kije malam... huhuhu~

    Nikillas @ Mr. Sallikin
    Timer kasih atas tambahan yang diberikan. Ye betoi abang-abang dan akak-akak sekalian, seperti yang encik Sallikin katekan, tutorial ini adalah untuk Blogspot @ Blogger.com. Orait...

    Thanks~
    Kreuger®

    BalasPadam
  7. wowww...ini macam kalu...Cikgu BlogMenjerit pun bungkasssss tk ley cari makan....:P

    neway...congrats di ats daya usaha mengenengahkan konsep sharing sesama bloggers...:)

    BalasPadam
  8. Bro CybernaticMind
    Muahaha... xceli bukan nak bertanding dengan mane mane pihak pon. BlogMenjerit @.k.a B.M is still my sifu ma... so moh le kite sharing sharing ape ilmu yang ade... thanks bro~

    Kreuger®

    BalasPadam
  9. oo baru aku tau ....

    kalau macam tu ... segala gambar apa pu bole kita upload kan dan link kan dalam coding blog kita ...

    betul x?

    ke salah ...

    hihihihi

    BalasPadam
  10. Razifembi
    Yup... saudara memang betoi. Tapi sila berhati-hati dengan Hak Cipta Terpelihara (Copyright) Kalau boleh jangan la buang signature pencipta gambar tersebut.

    Sila dapatkan kebenaran dari pengeluar gambar tersebut untuk membuat proses salin semula. Selain itu, anda juga boleh letak credit pada blog anda sebagai usaha anda menghargai pencipta gambar tersebut. Bukannya kene bayar kalau letak Link Credit. Orait...

    Kreuger®

    BalasPadam
  11. dari ilmu yang ada ini harap2 dapat aku wujudkan laman blog sendiri...
    :(

    BalasPadam
  12. PakChat
    Welcome to Blogger World my Bro. Ade problem skit dengan bro punye profile. Sebab tak alowed/open untuk orang lain read. Bro mungkin set blog bro kepada Privet. Kalau ade masa nanti jangan lupe untuk YM ok~ Tak pon bro bleh datang store gua... kite henjut satu hari belajar blog... kekekeke... sure boss gua kasik pelempang 2 2 ekok... muahaha~

    Adios Bro~
    Kreuger®

    BalasPadam

---=[Prepare2Die]=---
Kreuger® since 2007 begin a blogger.
Kindly please leave your comments.
Thanks~

Blog Kegemaran Kreuger