Skip to main content

Kemaskini artikel untuk memasukkan gambar

Kemaskini artikel dalam Joomla!

 

 

Tutorial kali ini pula bertujuan untuk kemaskini artikel yang sedia ada, dan masukkan gambar ke dalam artikel. Sebelum itu anda mungkin ingin memuat turun gambar berikut sebagai contoh;

 

logo panduan Joomla! 1.7 Melayu blog.kerul.net

Sila masuk ke panel penyelenggaraan (control panel), dan klik pada butang “Article Manager” pada Rajah 4.1. Seperti dalam artikel sebelum ini, untuk ke panel penyelenggaraan, taipkan http://localhost/joomla/ dan sertakan nama pengguna (admin) dan kata laluan.

Setelah berjaya memasuki panel penyelengggaraan, klik butang Article Manager untuk membuka semula artikel anda (rujuk Rajah 4.1).

kemaskini artikel dalam Joomla - kedudukan butang Artikel ManagerRajah 4.1

Setakat ini, terdapat hanya satu artikel sahaja dalam Penyelenggara Artikel (Artikel Manager). Klik artikel yang anda mahu kemaskini dan masukkan gambar.

kemaskini artikel dalam Joomla - pilih artikelRajah 4.2

Anda akan dipaparkan dengan skrin kemaskini artikel, terus ke ruangan Article Text. Klik tetikus anda pada tempat yang anda rancang untuk masukkan gambar. Pada latihan ini sila klik pada permulaan teks. Kita akan memasukkan gambar di awal artikel (sebelum teks). Klik pada butang Image seperti dalam Rajah 4.3.

kemaskini artikel dalam Joomla - butang masukkan gambarRajah 4.3

Anda akan dipaparkan dengan skrin baru seperti dalam Rajah 4.4. Untuk memasukkan gambar dari komputer anda, gambar tersebut perlu dimuat-naik ke dalam pelayan web terlebih dahulu. Gunakan kemudahan muat-naik media (Upload files) dengan klik butang Browse di bahagian bawah skrin. Sila pastikan saiz fail media tidak melebihi 10MB.

kemaskini artikel dalam Joomla - Browse gambarRajah 4.4

Kesan kedudukan fail gambar yang berada dalam komputer anda. Pilih gambar terlibat dan klik Open.

kemaskini artikel dalam Joomla - pilih gambarRajah 4.5

Klik butang “Start Upload” (pada Rajah 4.6) selepas memilih gambar.

kemaskini artikel dalam Joomla - muat naik gambarRajah 4.6

Taipkan maklumat gambar (ALT Text) pada Image Title dan klik pada gambar pilihan. Selepas selesai klik Insert pada sebelah kanan atas skrin (Rajah 4.7). ALT Text merupakan deskripsi gambar.

kemaskini artikel dalam Joomla - pilih gambarRajah 4.7

Gambar yang dipilih akan kelihatan dalam Article Text. Klik pada gambar dan kotak kecil kelihatan pada bucu gambar (rujuk Rajah 4.8). Klik dan seret (click and drag) kotak kecil tersebut untuk mengubahsuai saiz gambar. Sesuaikan mengikut artikel.

kemaskini artikel dalam Joomla - ubahsuai saiz gambarRajah 4.8

Selepas selesai dengan gambar tersebut, klik butang “Save & Close” untuk menyimpan artikel(Rajah 4.9).

kemaskini artikel dalam Joomla - simpan artikelRajah 4.9

Paparkan laman web anda di pelayar web dan lihat perubahan (Rajah 4.10). Gunakan alamat sebelum ini http://localhost/joomla/ .

kemaskini artikel dalam Joomla - papar artikel dan gambarRajah 4.10

<< Tutorial 3: Penulisan artikel baru

Isi kandungan Panduan Joomla! 1.7

Tutorial 05: Menu untuk menghubungkan artikel  >>

 

***Terima kasih kepada FIRESHOT atas perkongsian perisian screen capture yang dibekalkan. Hebat perisian ini, sila download untuk Firefox anda.

Comments

  1. boleh tak tunjuk cara2 nak tkr template?

    ReplyDelete
  2. Boleh sajer... Tapi tak berkesempatan lai... Biaser hujung minggu baru boleh concentrate menulis modul ni. Soba dek no...

    ReplyDelete
  3. Penukaran Templet adalah Tutorial 06... Sekarang sedang usahakan Tutorial 05...

    ReplyDelete
  4. terima kasih bro atas tutorial yg berguna..
    saya mintak izin share yer dan mengekalkan sumber ianya dari blog abang...

    ReplyDelete
  5. FREE hosting baca kat sini http://blog.kerul.net/2008/12/free-web-hosting.html

    Pastikan ader PHP dan MySQL support kalu nak guna Joomla!

    ReplyDelete
  6. tamplate mne nak cafi r?? yg free nye?

    ReplyDelete
  7. Assalamualaikum...

    Saya nak tnya mcmna kita nak buat page yang ada untuk upload..kemudian apa yg diupload oleh user tu akan dipaparkan pada page yg sama...then user tu leh buat ulasan kt file yg dia upload...contohnya untuk buat page ulasan buku...tolong saya x tahu nk buat mcmana...tq

    ReplyDelete
  8. terimakasih. akak dah pandai 2%
    lagi 98% nak kena belajar

    ReplyDelete

Post a Comment

Popular posts from this blog

Several English proverbs and the Malay pair

Or you could download here for the Malay proverbs app – https://play.google.com/store/apps/details?id=net.kerul.peribahasa English proverbs and the Malay pair Corpus Reference: Amir Muslim, 2009. Peribahasa dan ungkapan Inggeris-Melayu. DBP, Kuala Lumpur http://books.google.com.my/books/about/Peribahasa_dan_ungkapan_Inggeris_Melayu.html?id=bgwwQwAACAAJ CTRL+F to search Proverbs in English Definition in English Similar Malay Proverbs Definition in Malay 1 Where there is a country, there are people. A country must have people. Ada air adalah ikan. Ada negeri adalah rakyatnya. 2 Dry bread at home is better than roast meat home's the best hujan emas di negeri orang,hujan batu di negeri sendiri Betapa baik pun tempat orang, baik lagi tempat sendiri. 3 There's no accounting for tastes We can't assume that every people have a same feel Kepala sama hitam hati lain-lain. Dalam kehidupan ini, setiap insan berbeza cara, kesukaan, perangai, tabia

Submit your blog address here

Create your own blog and send the address by submitting the comment of this article. Make sure to provide your full name, matrix and URL address of your blog. Refer to the picture below. Manual on developing a blog using blogger.com and AdSense, download here … Download Windows Live Writer (a superb offline blog post editor)

Applications of Web 2.0

Web 2.0 describes the changing trends in the use of World Wide Web technology and web design that aim to enhance creativity , secure information sharing, collaboration and functionality of the web. Web 2.0 concepts have led to the development and evolution of web-based communities and hosted services , such as social-networking sites , video sharing sites , wikis , blogs . Find a website or web application that conform to the criteria of Web 2.0. Put the name of the application and the URL in the comment below. Please provide your full name and matrix number. Make sure the application you choose is not already chosen by your friend in the previous comment.

Contact Us at blog.kerul.net

Powered by EMF HTML Contact Form

ViewFlipper Example–a simple FlashCard

UPDATE: Improved with Fling gesture (Sept 2012) UPDATE: ViewFlipper with Flip-In and Flip-Out Animation (August 2012) This tutorial is to demonstrate the ViewFlipper layout that is almost similar to CardLayout (in Java). The app will produce a simple Flash card that provide several screens with different picture for each card. Flip-in and Flip-out animation provided. Added in Sept 2012 – an improvement to support Fling gesture – enjoy… The amendment is only on the coding part. Some how the layout design (main.xml) is quite long. Later I’ll produce separated screen by including several XML layout from outside files. Screenshots;