Advertisement

Latest News

Showing posts with label Tutorial Joomla. Show all posts

Immediately follow the tutorial here:
  1. First, of course, you need to download components first. Phoca Favicon his name. 
  2. Login to your Joomla Back End, and then install its components.
  3. Now it's time to make your favicon, please make your favicon own. Kismet can picture in google, ato may also create your own. The important thing ato 32x32 16x16 image size.
  4. Upload the favicon you created it through Back End Joomla> Site> Media Manager. As the picture below :
    Joomla favicon - how blog
  5. Time to Create Favicon.
    Go to Component > Phoca Favicon > Create Favicon
    phoca favicon - how blog
    Choose Select Template to select the name of the template that will be installed favicon.
    Select Original Image
    to display your favicon.
  6. Completed. SAVE your template.
Check it out, then your joomla favicon logo will be replaced with a new favicon yours.

Tanpa adanya kotak komentar untuk sekedar memberikan komentar atau bertanya, rasanya masih ada yang kurang. Dan tema itulah yang akan saya posting kali ini. Postingan ini di berikan untuk rekan-rekan yang masih bingung dalam memasang kotak komentar pada joomla. Bagi yang sudah mahir, mungkin bisa menjadi alternatif komponen kotak komentar yang simple tapi exelent.

Kotak komentar yang saya pakai adalah JComment, salah satu extensi joomla untuk komentar dengan fitur yang lumayan lengkap dengan tampilan yang sederhana. Sistem komentar yang mudah digunakan dan powerful, fitur-fiturnya juga powerful, menggunakan teknologi AJAX, multilanguage, mudah dikonfigurasi dan terintregasi dengan komponen-komponen  terbaik joomla.

Sebelum kita beranjak dengan cara memasang kotak komentar ini, alangkah baiknya kita sedikit tahu tentang featur yang disediakan oleh JComment, biar lebih mantap.
  • Ada AntiSpamnya (CAPTCHA) yang bisa diaktifkan dan dinonaktifkan sesuai selera
  • Support multi language (lebih dari 20 bahasa, tapi sepertinya bahasa Indonesia belum ada
  • Support Smile & BBCode, smilenya bisa kita set ulang sesuka hati,  diganti-ganti sesuka selera juga
  • Bisa mengimport komentar dari komponen ketiga joomla (seperti AkoBook, Chrono Comments, ComboMax, Cinema, EasyComment)
  • Ada avatarnya, ON ato OFF bisa. Support avatar dari Agora Forum, Community Builder, ccBoard, Contacts, FireBoard, IDoBlog, JomSocial
  • Ada fasilitas email subscripsi dan RSS Feeds-nya juga
Untuk yang lainnya bisa langsung dibaca ada di webnya.
Sudah saatnya step by step memasang kotak komentar pada joomla:
  1. Download dulu komponennya di sini
    http://www.joomlatune.com/jcomments-downloads.html
  2. Masuk ke halaman administrasi joomlamu, Extension > Install/Uninstall
  3. Pilih file JComment yang sudah kamu download, lalu install
  4. Masuk ke Extension > Plugin Manager
  5. Cari Conten - JComment, lalu enable
  6. Masuk ke Component > JComment > Manage Comment. Di sana kamu bisa berkreasi mandiri, kategori artikel mana saja yang mau kasih komentar dan yang tidak, menambah dan mengurangi smile, mengatur fasilitas yang diberikan pada komentator yang ter-registrasi dan tidak. Silakan berkreasi. Tab-tabnya sangat mudah sekali untuk dipelajari, dan tidak ribet
Itulah mengapa saya berpendapat JComment, adalah extensi joomla yang simple tapi exelent. Walau simple, tapi fiturnya banyak banget dan mudah dipahami. Jadi sangat tepat buat kamu-kamu yang tidak mau ribet-ribet. Sebagai sumber tambahan, jika Anda ingin belajar lebih tentang JComment, silakan kunjungi saja situs-situs di bawah ini:
http://extensions.joomla.org/extensions/contacts-and-feedback/articles-comments/9985
http://www.joomlatune.com/jcomments.html
http://www.joomlatune.com/jcomments-integration-guide.html
---->   Silakan Anda coba, semoga bermanfaat.

Bagaimana menghilangkan footer link pada plugin Jcomments? Baca deh baik-baik, dan semoga bermanfaat.

Untuk menghilangkan footer link pada Jcomments, caranya cukup mudah. Hal pertama yang harus anda lakukan adalah login ke root direktori joomla anda, lalu cari file tpl_index.php

                        components/com_jcomments/tpl/default/tpl_index.php

Lalu, carilah kode seperti di bawah ini, sepertinya ada di baris 56. Atau kalo kesusahan mencari, copy aja kodenya lalu tekan Ctrl+F (key untuk Find). Maka anda akan lebih mudah mencari kodenya.

        <div id="comments-footer" align="center"><?php echo $this->getVar('support'); ?></div>

Kalo sudah ketemu, hapus kode di atas. Lalu Save. Maka footer link pada Jcomments akan menghilang.
 
 
Untuk menciptakan Template Joomla kita butuh editor Dreamweaver yang sudah terinstal dreamweaver template builder extension. Untuk web server di komputer localhost saya menggunakan Mambo Stand Alone Server [MSAS] yang bisa di download dari www.mambosolutions.com atau bisa juga dengan menggunakan Joomla Stand Alone Server (JSAS) sebagai webserver.
joomla template tutorial

Jika Dreamweaver Template builder extension sudah terinstal, maka menu tersebut akan muncul di layout dreamweaver kita.

joomla template tutorial

Berikut ini merupakan pilihan yang bisa kita pilih, tampilannya sudah custum, kita tidak perlu mengetikkan manual lagi objeck yang mau kita pilih.

joomla template tutorial

Kita tinggal membuat beberapa tabel menentukan module positions,  User, didalam layout tabel kita.
Untuk Membentuk script head jika kita view layout dengan Code, maka akan terlihat scriptnya :
  1. <?php  
  2. defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' );  
  3. $iso = split( '=', _ISO );  
  4. echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';  
  5. ?>  
  6. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  7. <html xmlns="http://www.w3.org/1999/xhtml">  
  8.   <head>  
  9.     <?php if ( $my->id ) initEditor(); ?>  
  10.     <meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />  
  11.     <?php mosShowHead(); ?>  
  12. <?php echo "<meta name=\"author\" content=\"www.mambosolutions.com\" />" ?>  
  13.    <?php echo "<link rel=\"stylesheet\" href=\"$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/css/template_css.css\" type=\"text/css\"/>" ; ?>  
  14.    <?php echo "<link rel=\"shortcut icon\" href=\"$GLOBALS[mosConfig_live_site]/images/favicon.ico\" />" ; ?>  
  15.   </head>   
  16. -----------   
Sedangkan untuk contoh parameter module positions  misalnya :
<?php mosLoadModules ( 'left' ); ?>
<?php mosLoadModules ( 'user1' ); ?>
<?php mosLoadModules ( 'right' ); ?>
<?php mosLoadModules ( 'user2' ); ?>
--------> Demikian langkah-langkahnya, selamat mencoba.

A. Introduction
You might be wondering, “How can I offer files to download off of my website?” With Joomla!, it is possible to do this using an included feature called Media Manager. Files might include PDFs, word documents, or just pictures. The nice part about storing your documents and files through the Media Manager is that Joomla! takes care of uploading everything for you. This means that if you want to insert an image or a file link into one of your content pages, it doesn’t require as much work as using FTP (file transfer protocol) to put the files on your web server.

B. Joomla! Configuration
First off, you have to make sure that your Joomla! website is setup so that it can accept the files that you want to upload.
1. Go to your Administrator page and log in. Then go to the menu bar, select ‘Site’ and then press ‘Global Configuration’ from the list.
fig1 Tutorial Joomla   Using the Media Manager for File Downloads
Caution: You might ask why there needs to be such settings. The main reason is so that unwanted files are not uploaded to your site which might be dangerous.
2. Click on the ‘System’ tab. Then find the area titled ‘Media Settings’. This is where all of the Media Manager settings are held.
fig2 Tutorial Joomla   Using the Media Manager for File Downloads fig3 Tutorial Joomla   Using the Media Manager for File Downloads
3. Figure out what files you’ll need to upload, and then make sure that their file extension is included in the ‘Legal Extensions’ list. Each file extension is separated by a comma.
fig4 Tutorial Joomla   Using the Media Manager for File Downloads
Caution: This setting is not always applicable, because the maximum file size supported by PHP might be lower than the one set in Joomla! For more information about how to change the maximum file upload in PHP, go here.
4. Make sure that each of the files you’re planning to upload will be small enough to transfer to the web server. The setting for ‘Maximum Size’ is set at 10 Mb, a good size for most documents you might need to upload.
fig5 Tutorial Joomla   Using the Media Manager for File Downloads
5. The rest of the settings should generally not be touched.
6. Press ‘Save’ on the toolbar at the top.   fig6 Tutorial Joomla   Using the Media Manager for File Downloads

C. Uploading to the Media Manager
We’re now going to upload our file to our Website and create a folder for the files.
1. Go back up to ‘Site’ on the menu bar and press ‘Media Manager’ from the list.
fig7 Tutorial Joomla   Using the Media Manager for File Downloads
2. You will see a page that lists all the different files that are already in the Media Manager.
fig8 Tutorial Joomla   Using the Media Manager for File Downloads
3. At the top of the area titled ‘Files’, there is a textbox for adding our own folder. Type in a name for your folder (mine will be named “documents”) and then press ‘Create Folder’.
fig9 Tutorial Joomla   Using the Media Manager for File Downloads
4. Now, click on the folder you just created in the center area. There should be nothing in this folder.
fig10 Tutorial Joomla   Using the Media Manager for File Downloads fig11 Tutorial Joomla   Using the Media Manager for File Downloads
5. Go to the bottom of the ‘Files’ area, and press ‘Browse Files’.
fig12 Tutorial Joomla   Using the Media Manager for File Downloads
6. A dialog box will appear. Navigate to the file on your computer that you want to upload (As an example, the file will be called ‘test.pdf’).
Caution: The file name cannot contain spaces, otherwise it will not upload. It is good practice to keep your file names as descriptively simple as possible, so that they can be used the next time you need them.
fig13 Tutorial Joomla   Using the Media Manager for File Downloads
7. Press ‘Start Upload’ as soon as the file appears below. The file will transfer as indicated by the progress bar. Your file should appear in the folder now. If it doesn’t, make sure that your settings for the Media Manager are correct in the Global Configuration.
fig20 Tutorial Joomla   Using the Media Manager for File Downloads
Caution: If the progress bar turns yellow and says ‘Unsupported media type’ then you have not included, in the media settings, the file type of the file you’re trying to upload.

D. Linking to the File in Your Article
Now we need to put a link to our file in an article.
1. Go up to ‘Content’ on the menu bar, and then click ‘Article Manager’.
fig14 Tutorial Joomla   Using the Media Manager for File Downloads
2. Select the article that you would like to put the file link in, or create a new article by pressing ‘New’ on the toolbar.
fig15 Tutorial Joomla   Using the Media Manager for File Downloadsfig16 Tutorial Joomla   Using the Media Manager for File Downloads
3. Once you are in the editor, select the text you want to use for the link to the file. Press the ‘Insert/Edit Link’ button indicated by a chain in the TinyMCE editor toolbox.
fig17 Tutorial Joomla   Using the Media Manager for File Downloads
Caution: Your default editor might be different if you have changed any settings since installation. You can change the default editor back to TinyMCE in ‘Global Configuration’ under ‘Site’ on the menu bar.
4. A box will pop-up asking information about the link. For the textbox labeled ‘Link URL’, enter the following: /images/documents/test.pdf
Caution: Be sure to change the name of the folder from ‘documents’ and ‘test.pdf’ to whatever you set earlier.
fig18 Tutorial Joomla   Using the Media Manager for File Downloads
5. The only other thing you might need to change is the ‘Target’ textbox. This specifies where you want the link to open up.
6. Press the ‘Insert’ button to put it on the article page.  fig19 Tutorial Joomla   Using the Media Manager for File Downloads
7. Press ‘Save’ on the toolbar to save the article. fig6 Tutorial Joomla   Using the Media Manager for File Downloads
8. Test the link on your site to make sure everything is working fine. You’ve managed to add a link to an article pointing to a file in the Media Manager.
Congratulations, now you can serve up all sorts of files to visitors of your website using Joomla!

E. Deleting Files and Folders in the Media Manager
What if you’re done with a file/folder and want to delete it? Follow these instructions.
1. Go to the Media Manager, navigate to the file/folder you want to delete and then press the red ‘x’ next to the name.
fig20 Tutorial Joomla   Using the Media Manager for File Downloads
2. If you want to do multiple deletions at once, press multiple checkmarks and then press the ‘Delete’ button up on the toolbar.
3. Don’t forget that you need to remove the link in your article, otherwise your user will see a ‘page not found’ error. Go to the article where the link is, highlight the link itself, and then press the ‘Unlink’ button indicated by the broken chain in the TinyMCE editor toolbox.
4. Save and the link will be gone.
Caution: Joomla! will not warn you when you delete something, so make sure you are very careful when using this page. Don’t forget to make periodic backups of all your files!
fig21 Tutorial Joomla   Using the Media Manager for File Downloads
Log Into Joomla!’s back end:
Go to your Joomla! website and log into the back end by typing in your user details.(Figure 1)
figure 1 Using the Joomla! Contact Component
step 2 Using the Joomla! Contact Component
Create a New Category in the Contacts Component:In Joomla!’s back end menu, go to the components menu. In the list of sub menu’s that drop down you will see the contacts manager. The contacts anager also has sub menus that pop out to the right. Select the categories menu. (Figure 2)
figure 2 Using the Joomla! Contact Component
Click new to create a new contacts category. (Figure 3)
figure 3 Using the Joomla! Contact Component
In the contacts category editor you will have to create a title for the contact category, and then ptionally an alias. (Figure 4)
Note: Category Aliases are totally optional, but strongly recommended for Joomla! 1.5 default Search Engine Optimized URLs. (SEO URLs)
figure 4 Using the Joomla! Contact Component
While it isn’t required, you might want to go ahead and put in a description of the contact category you’ve created. (Figure 5)
figure 5 Using the Joomla! Contact Component
Once you have a title, alias and description you can save the contact category. Saving the category will take you back to the contact category manager. (Figure 6)
figure 6 Using the Joomla! Contact Component
step 3 Using the Joomla! Contact Component
Create a C ontact Entry:Now that you have a contacts category, you can add to it with entries, such as businesses, organizations, etc… Go back to the contacts menu, and rather than clicking categories, click contacts. (Figure 7)
figure 7 Using the Joomla! Contact Component
Once you are in the contacts manager, click new to create a new contacts entry. (Figure 8)
figure 8 Using the Joomla! Contact Component
The next screen will display a title, which is required, and optionally an alias. The last area we need to check is the category. This is going to be the category we just created. Click the drop box and select the appropriate category. (Figure 9)
figure 9 Using the Joomla! Contact Component
Once you’ve finished adding all the information you want, you can also change parameters on the right to suit. Save the contact, you will be taken back to the Contacts Manager. (Figure 10)
figure 10 Using the Joomla! Contact Component
step 4 Using the Joomla! Contact Component
Create a Contact Category Layout: Go to the menus menu, for the purpose of this demonstration, we will be creating a menu item (specifically a contact category layout item) in the main menu menu. (Figure 11)
figure 11 Using the Joomla! Contact Component
Once you reach the menu manager for the main menu, on the right there are several icons, click new to create a new menu. (Figure 12)
figure 12 Using the Joomla! Contact Component
On the next screen you need to choose why type of menu to create. Select the Contacts type. (Figure 13)
figure 13 Using the Joomla! Contact Component
The next screen shows the two different types of contact menu items you can create. For the purpose of a ‘business directory’, you should should select the contact category layout type. (Figure 14)
figure 14 Using the Joomla! Contact Component
The menu Item Editor will give you the opportunity to insert a menu Item title, as well as an alias, and then select which menu you want the item to be displayed on. (Figure 15)
figure 15 Using the Joomla! Contact Component
There is one last step before you can save the menu item and return to the menu manager, and that is to select the category of contacts you want this menu item to be driven to. This is done through the parameter tab on the right. Select the same category that we created and entered a contact item into. (Figure 16)
figure 16 Using the Joomla! Contact Component
The final step will be to save the menu item. (Figure 17)
figure 17 Using the Joomla! Contact Component
This method of using the Joomla! Contact Component gives Joomla! 1.5 a nice ‘business directory’ like function. A nice addition to any business directory is showing all the ‘categories’ in once place, so that people can see them all. So, keep reading if you’d like to find out how to do this little extra ‘trick’ to spice up your Joomla! directory.

Additional Trick: Create An Article Displaying All Your Contact Categories.
Langkah demi langkah tentang cara  Installasi Joomla secara Manual, Installasi Joomla akan lebih mudah lagi dikerjakan  dengan menggunakan software  auto-installer seperti fantastico, anda dapat melihat panduannya di artikel saya yang lain mengenai Cara Install Joomla Via Fantastico. Namun tidak semua hosting menyediakan fasilitas auto installer maka dari itu digunakan jalan alternatif lain dengan cara menginstall Joomla secara manual.
Untuk menginstall joomla secara manual ikuti langkah-langkah berikut ini :
  1. Buat database MySQL untuk instalasi Joomla anda dan menambahkan user baru . Hal ini dapat dilakukan dengan mudah dengan cPanel dengan mengikuti tutorial database MySQL .  Jika Anda tidak menggunakan cPanel Anda bisa merujuk ke manual MySQL tentang cara membuat database dan cara menambahkan pengguna(user) untuk hal ini.
  2. Buat folder bernama upload pada komputer Anda.
  3. Download file. Zip dengan versi terbaru ke folder upload dan ekstrak di sana.
  4. Upload semua isi dari folder upload ke direktori pada server di mana Joomla 1.5 akan diinstal.  Saya  rekomendasikan agar menggunakan FTP untuk meng-uploadnya.
  5. Ini akan baik http://your_domain_name.com atau subdirektori seperti http://your_domain_name. com/ example.
  6. Anda akan diarahkan ke halaman instalasi Joomla. Pada halaman pertama installasi anda di haruskan untuk memilih bahasa installasi.
  7. installation joomla
    Note: bahasa yang dipilih hanya berlaku selama proses installasi. setelah Joomla di install akan kembali ke bahasa inggris.
  8. Joomla akan melakukan pemeriksaan system. apabila gagal memenuhi persyaratan atau rekomendasi fungsional akan menyebabkan masalah keamanan nantinya.
  9. Maka dari itu cermati persyaratannya terlebih dahulu, berikut screenshot persyaratan Joomla 1.5 yang harus dipenuhi :
    install joomla secara manual
  10. Setelah anda yakin bahwa semua persyaratan sudah terpenuhi, selanjutnya klik [Next] yang terdapat di pojok kanan atas.
  11. Berikutnya anda harus menerima lisensi dari joomla itu, dan klik [Next ] untuk melanjutkannya.
  12. Pada halaman berikutnya anda akan di minta untuk memasukkan rincian data MySQL anda, apabila anda kesulitan di bagian ini, Berikut adalah gambar yang memberikan contoh apa yang harus dimasukkan, ini hanyalah contoh semuanya sesuaikan dengan data mySQL anda.
  13. manual installasi joomla
  14. Berikutnya anda harus mengkonfigurasi FTP. pilih saja ke pengaturan default, dan klik [next] yang terdapat pada menu sebelah kanan di bagian atas.
  15. Halaman yang muncul selanjutnya merupakan langkah terakhir untuk menyelesaikan installasi Joomla, yang akan meminta alamat email dan password admin, klik [Next] untuk melanjutkan.
  16. install Joomla secara manual
    Note: dalam contoh di atas kita tidak menggunakan opsi install sampel data karena dapat menyebabkan kebingungan dan membutuhkan waktu untuk menghapus semua data
  17. Di halaman terakhir dari instalasi wizard Anda akan menerima konfirmasi bahwa Joomla telah berhasil diinstal. sebelum anda dapat mengakses Joomla 1.5 anda harus menghapus direktori installasi terlebih dahulu
Proses instalasi Joomla sudah selesai dan anda bisa langsung tulis artikel pertama anda.

Advertisement