. TUTORIAL BLOGGER @ DQIS ONLINE

Monday, March 29, 2010

UPLOAD GAMBAR DI PHOTOBUCKET

Photobucket adalah salah satu platform untuk kita save gambar dan dapatkan link codenya. Banyak perkara dalam HTML menggunakan link code. Jadi ini lah resolusi terbaikkk untuk adaptasi HTML dlm urusan blog kita.

photobucket boleh didapati di WWW.PHOTOBUCKET.COM bagi yang masih belum ada akaun photobucket boleh la register di sana.. bagi yang dah ada, terus login guna username & password anda ok.


  • Bila dah log in, page ini akan keluar.. 
  • Klik UPLOAD IMAGES & VIDEOS untuk upload gambar anda.. pilih la gambar @ video mana yang berkenan nak upload

  • Bila upload dah berjaya, akan keluar page ini..
  • Boleh ADD TITLE kalo nak.. kalo tanak lagi pun takpe.. nanti-nanti bila senang letak..
  • PASTIKAN klik SAVE & SHARE NOW 

  • bila dah klik SAVE & SHARE NOW, akan keluar page ini yang mana kotak pertama adalah CODE berkenaan gambar / video berkenaan.
  • CODE nie semua amat berguna untuk kita apply dlm buat kotak, letak thumb dan sebagainya..
  • kebiasaannya kita akan gunakan DIRECT LINK
  • Cara nak guna kod, copy code yang ada, kemudian pastekan ke tempat yang kita nak..
  • RETURN TO ALBUM untuk kita tengok semua yang kita upload atau pun kita nak UPLOAD LAGI GAMBAR / VIDEO...

KOTAK PRODUK

DQ001
DQ001
DQ002
DQ003
DQ003
DQ004

Bagaimana nak buat kotak produk mcm kat atas??

Kod HTML asas untuk kotak diatas adalah seperti berikut (COPY CODE INI SAHAJA):


SILA UBAH WORD YANG DI HIGHLIGHT MENGIKUT KESESUAIAN PRODUK DAN BLOG ANDA :

<table align="center" border="1" cellpadding="10" center="" style="width: 100px;"><tbody>
<tr> <td align="center">DQ001
<a href="http://dqisbizz-design.blogspot.com/" target="new"><img alt="DQ001" height="170" src="http://i915.photobucket.com/albums/ac355/dqis_online/background/black-dotflwr.jpg" width="200" /></a></td> <td align="center">DQ002
<a href="http://dqisbizz-design.blogspot.com/"><img 200="" alt="DQ002" height="170" src="http://i915.photobucket.com/albums/ac355/dqis_online/background/maroon-leave.jpg" width="200" /></a></td> </tr>
</tbody></table>

HIGHLIGHT KALER = TAJUK
HIGHLIGHT KALER = ALAMAT BLOG ANDA
HIGHLIGHT KALER = DIRECT LINK GAMBAR ANDA

KOTAK MACAM NI AKAN KELUAR
DQ001
DQ001
DQ002

apabila dah selesai, boleh klik PUBLISH POST

SEKIRANYA ingin tambah kotak lagi dibawah kotak sediada. Kod yang sama masih digunakan cuma amik isinya sahaja.. begini caranya..

KOD ASAL :
<table align="center" border="1" cellpadding="10" center="" style="width: 100px;"><tbody>
<tr> <td align="center">DQ001
<a href="http://dqisbizz-design.blogspot.com/" target="new"><img alt="DQ001" height="170" src="http://i915.photobucket.com/albums/ac355/dqis_online/background/black-dotflwr.jpg" width="200" /></a></td> <td align="center">DQ002
<a href="http://dqisbizz-design.blogspot.com/"><img 200="" alt="DQ002" height="170" src="http://i915.photobucket.com/albums/ac355/dqis_online/background/maroon-leave.jpg" width="200" /></a></td> </tr>
<tr> <td align="center">DQ001
<a href="http://dqisbizz-design.blogspot.com/" target="new"><img alt="DQ001" height="170" src="http://i915.photobucket.com/albums/ac355/dqis_online/background/black-dotflwr.jpg" width="200" /></a></td> <td align="center">DQ002
<a href="http://dqisbizz-design.blogspot.com/"><img 200="" alt="DQ002" height="170" src="http://i915.photobucket.com/albums/ac355/dqis_online/background/maroon-leave.jpg" width="200" /></a></td> </tr>
</tbody></table>

COPY KOD YANG INI DAN PASTE KAN KOD TADI DI SINI
Tukar kod yang berhighlight seperti DQ001 | http://dqisbizz-design.blogspot.com/ | dan sebagainya seperti di atas ke maklumat yang anda kehendaki.

Kod tambahan tadi akan dipaparkan dalam bentuk seperti ini
DQ001
DQ001
DQ002
DQ003
DQ003
DQ004

SELAMAT MENCUBA

KENALI DASHBOARD ANDA

DASHBOARD
Dashboard mengandungi summary EDITING yang boleh dilakukan oleh anda untuk blog. ada menu CREATE A BLOG (buat blog baru dlm 1 akaun) | NEW POSTS | EDIT POSTS | SETTING | LAYOUT | MONETIZE
 

POSTING
  • Dibawah menu POSTING terdapat submenu seperti 
    • NEW POST untuk kita tulis cerita / diari / sebagainya. ini adalah cerita baru
    • EDIT POST untuk kita menambah baik atau kurangkan detail dalam posting yang telah kita buat.. so kalo rasa cam tak kena je ngan entry / posting sebelum nieh, boleh edit guna menu EDIT POST
    • EDIT PAGES
    • COMMENT MODERATION

SETTINGS

  • menu SETTING mengandungi pelbagai arahan untuk melengkapkan blog anda. anda boleh adjust ikut kegemaran anda.
  • BASIC memberi peluang anda untuk IMPORT BLOG, EXPORT BLOG, DELETE BLOG. Boleh juga set TITLE dan DESCRIPTION blog anda disini
  • PUBLISHING membenarkan anda menyusun atur arahan untuk publishkan blog anda. sekiranya anda ada DOMAIN peribadi, boleh edit dibahagian ini.
  • FORMATING membariskan cara anda ingin formatkan blog anda untuk view, terima atau tidak sesuatu arahan mengikut citarasa anda.. boleh try untuk edit.
  • COMMENTS arahan untuk menerima komen atau tidak dan sebagainya
  • dan lain-lain menu yang jarang digunakan tetapi anda boleh survey arahan yang diberikan.. 

 LAYOUT
  •  PAGE ELEMENTS memaparkan secara terperinci placement di sebalik view yang kita nampak di internet. kalo anda tengok blog anda secara maya, ini lah susunaturnya disebalik tu.. 
    • HEADER merupakan kepala pada blog kita, boleh diletakkan gambar dan sebagainya. klik EDIT untuk mengubah suai header anda
    • LINKBAR merupakan MENU anda. button HOME, BLOG, PRODUK dan sebagainya terletak di sini. anda boleh tambah atau buang menu dengan klik pada EDIT. 
    • SIDEBAR di sebelah kanan. ADD A GADGET mengandungi banyak widget yang boleh digunakan untuk tambah / mencantikkan blog anda. HTML/JAVASCRIPT merupakan ruang yang membolehkan anda paste kod-kod untuk blog anda
  • FONT AND COLORS
    • ruang ini memberi peluang untuk anda edit color dalam blog anda mengikut kesukaan anda.. anda takde pengetahuan HTML??? itu tiada masalah... dengan template nieh anda mampu mewarnai blog anda mengikut citarasa anda sendiri.
  •  EDIT HTML 
    • Ruangan yang penuh dengan kod bahasa yang difahami oleh server sahaja. JANGAN USIK bahagian ini sekiranya anda tidak yakin.
    • Anda boleh mengedit bahagian ini sekiranya ada sedikit pengetahuan tentangnya.. 
    • Sekiranya anda tersilap sedikit, seluruh blog anda akan musnah susunaturnya.. 
  • PICK NEW TEMPLATE
    • Sekiranya anda ingin tukar template sekarang ke template baru

MONETIZE
  • Ruangan untuk anda tambah pendapatan :D

    CARA NAK EDIT POSTS


    Korang rujuk gambar atas ok..
    1. Harus berada dalam mode editing..  kena Log In blogger dulu.. Then pilih EDIT POSTS..
    2. Kemudian, pilih posts mana yang korang nak edit, klik pada EDIT di tajuk posting tu.. kalo x sure, boleh view2 dulu tajuk2 yang mana ada tu.. 
    3. Lepas tuh, akan keluar la page yang korang tulis tulis dulu tu kan.. haa kat sini  la boleh edit balik.. bila dah siap edit... kalo nak tengok dulu sebelum post, boleh PREVIEW.. kalo tidak, boleh terus PUBLISH POST je.. ingat, setiap kali kita edit mesti kena publish k.. kalo tak publish nanti dia tak save apa yang kita buat tu..

    CARA NAK POSTING ENTRY BARU

    jom follow step untuk posting entry di blog anda..

    LOGIN ke blog anda menggunakan username & password anda
      • ada banyak cara untuk login : pertama boleh login melalui laman blog anda.. tengok bahagian atas tu ada tulis SIGN IN
      • kedua boleh masuk melalui www.blogger.com : sign in di situ 

      bila dah login, anda akan berada di DASHBOARD dan klik pada NEW POST
       Anda kini dah berada pada window yang betul.. jadi tulis tajuk entry anda.. kemudian type cerita tau info anda di ruangan COMPOSE. Sekiranya ada penggunakan kod HTML baru la korang klik kat EDIT HTML tu.. seadainya korang nak tulis biasa2 je.. xyah guna edit html neihh.. kang kelaut plakk jadinya.. sah time tu korang cam nak giler memikirkan ingin kembali ke pangkal jalan..:D
      bila dah siap tulis... bagi yang menggunakan WEBBLOG DQIS ONLINE DESIGN nye template.. korang perlu lah tulis BLOG pada kotak kosong di LABELS: dibawah. tujuan tulis blog nieh supaya posting korang nieh tentang cerita ceriti nieh akan keluar bila korang klik kat menu blog..
      pastu PUBLISH POST... then boleh view balik entry / posting korang tuh samada klik pada VIEW BLOG atau VIEW POST... bila dah view kalo korang nak EDIT balik posting korang tuh boleh guna arahan yang sama cuma yang NEW POST tu korang jangan klik, KLIK pada EDIT POST pastu pilih tajuk mana yang korang nak edit..
      korang boleh view dan edit semula kalo x puas hati.. kalo puas hati... biar jelah.. nanti buat entry baru plak k..

    TEKS BERGERAK (MARQUE)

    Kod untuk marque @ teks bergerak.. pilih je mana berkenan dan post di ADD GADGET || HTML ok..

    • Marque bergerak dari kanan ke kiri tanpa henti..
    Apa2 je yang ingin disampaikan


    • Marque bergerak dari kiri ke kanan
    Apa2 je yang ingin disampaikan


    • Marque berlaga dinding (hehe) kiri ke kanan : kanan ke kiri dlm ruang terhad
    Apa2 je yang ingin disampaikan


    • Marque dari kanan ke kiri dan berhenti dengan pointer mouse
    Apa2 je yang ingin disampaikan


    • Marque tanpa arah.. :) dengan time dia boleh diatur
    Apa2 je yang ingin disampaikan

    **scrollamount tu boleh ubah ikut suka.. 

    • Marque bergerak dari bawah ke atas (credit)
    Apa2 je yang ingin disampaikan


    • Marque credit untuk banyak2 info dalam tu pada perenggan yang berbeza dan berhenti apabila di point dengan mouse. jom try.. cam complicated je bunyii.. :) tapi x punnn..
    Apa2 je yang nak tulis
    Perenggan ke2
    Perenggan ke3
    Perenggan ke4
    Perenggan ke5
    Perenggan ke6 dan seterusnya




    ** direction tu boleh ubah UP atau DOWN || scrollamount pun boleh ubah ikut suka || width & height pun boleh ubah ikut space blog/web korang

    ok.. dapat??? SENANG je sebenarnya.. korang rajin2 try test error insya'allah boleh mantapp... :D

    NAK BUAT TULISAN BLINKING

    tulisan BLINKING nieh senang jaaa bahh... trik dia...

    korang masuk ke EDIT HTML di New Post tempat korang tulis2 entry tuh.. pilih mana satu tulisan yang korang nak bagi dia blink...

    contoh mcm kat atas tu, BLINKING tu dia berkelip2 kan... cari perkataan BLINKING di EDIT HTML then masukkan kod mcm nieh


    siapppp!!!!

    soft touch; by DQis Online 2010

    Back to TOP