How to Display PDF file in Joomla!

Sometimes if you wanna show your PDF File on your Joomla's website.
But you don't know how to do it. You need the plugin name Enbed pdf's...
And This Article will show you how to use it.


Step 1: First of all, Download this Enbed pdf's Plugin available here

Step 2: Go to Your Joomla Admin page, Install Plugin




Step 3: Enable Plugin - just go to Extension=>Plugin Manager and look for Enbed pdf's then click Enable




Step 4: Upload your PDF file, In this article I will upload the file Sample.pdf to the folder which namePDF




Step 5: Create New Article - Use This Code (You can specific height and width of PDF's display.)

{pdf}PDF/Sample.pdf|height:700|width:725{/pdf}

Step 5:Finish!! See the result! :)

---

Webmaster of Thai Othello Page

Read more...

How to Enlarge Jcomments Avatar

Jcomments is one of the best joomla comments system.

Many great features:
-Multi Language
-Simple to use
-Support Smilies
-Custom BBCode
-Import comments from others components
-etc.

You can try it here:
Demo JComments

Download JComments here:
Download JComments

This component is working almost perfectly. But the default JComments' Avatar is too small (just 32x32 px)

See how small it is

If you want to enlarge it, Just follow my step here:



Step 1: Open the file style.css
(/components/com_jcomments/tpl/default/style.css)

Step 2: Looking for this line:

/* Avatar */
#comments .comment-avatar img {width: 32px}

Step 3: Change 32px to the size you want: (I prefer 48px)

/* Avatar */
#comments .comment-avatar img {width: 48px}

Finish: Save the file style.css, upload it back to its location, open your page and see the results!!

Now, JComments' Avatar is 48x48 px

---

Webmaster of Thai Othello Page

Read more...

How to Change Database Collation to UTF-8

In some web hosting, They use Cpanel and Fantastico installer. It will automatic install your website and database. So You can not set your database collation by yourseft.

Cpanel Interface

Bad luck, Some web hosting set the default database collation to Latin Swedish. But if you wanna do Thai, Chinese, Korean Website. You need to set the collation of database to UTF-8.

How to change this!!!!

If the database is not UTF-8, The display of your language will not display correctly.

As you can see in this picture.

Don't worry there's a way :)


For changing the collation of database, You can manually do it in notepad or dreamweaver.
But it's not very easy to do. So I will explain you the easiest way:

Step 1. You have to download Tool from Phoca for Changing Collation (Click here to Download). It's very great.

Step 2. After finish downloading, Right click and extract the file to your PC. (If you have WinZip, or WinRAR, etc.)



Step 3. You will see the folder name tool_phoca_changing_collation.... (Tooooo long name). Rename the folder to collation.

Rename the folder name to collation

Step 5. Uploading the folder to the root of your website.




Step 6. Okay, It's almost finish... Open your web browser and enter this URL: (Yourdomainname/collation/index.php)




Step 7. You will see this screen appear.



Step 8. Enter the field and click Submit

• Database Host: Enter your host name


• Database User: Enter your username for connecting to database


• Database Password: Enter your password


• Database Name: Enter your database name


• Database Collation: utf8_general_ci

Step 9. Finish!!! Now the database change to UTF-8, Check your website and see the language display!





Thanks, Phoca Team Developer for this great stuff!!! :)

---

Webmaster of Thai Othello Page

Read more...

How to Insert Iframe Code in Joomla Module

Sometimes when you wanna use Iframe code (HTML) in joomla module. Joomla always removes your code which you just inserted. For example, this code...

<IFRAME src="http://financialtools.stockgroup.com/charts/SGChartDB.asp" 
frameBorder=0 width=200 scrolling=no height=227></IFRAME>

This code should show this:

But in Joomla! if you insert the iframe code directly: (see the picture below)

When you click update button. What happen!! The code's suddenly removed!!! Nothing appear in Editor Space.

Don't worry, That is not a problem. Joomla WYSIWYG Editor always remove some HTML code for security. (For more details read here - Joomla Filtering Options)

So, Is it possible to insert iframe code in Joomla?

Sure, Let's see how to do it!


For inserting iframe code in joomla module, You have to choose new wrapper module instead of custom HTML module.

- Go to Admin Page => Extensions=>Modules Manager=> New and then Choose wrapper

- There are some parameters here:

- If you don't know what to insert there, just look at your iframe code again:

<IFRAME src="http://financialtools.stockgroup.com/charts/SGChartDB.asp" 
frameBorder=0 width=200 scrolling=no height=227></IFRAME>

- Insert the parameters by following your iframe code

• Module Class Suffix - Leave it blank (You can read more detail of module class suffix here)


• URL - Depend on your iframe code


• Scroll Bars - Depend on your iframe code


• Width - Depend on your iframe code


• Height - Depend on your iframe code


• Auto Height - Yes or No is no effect here


• Auto Add - Yes


• Target Name - Name of The Iframe - (More explanation of iframe name available here)

- After finishing insert the parameters save the module and publish it.

- The iframe module will show on your Joomla site!

---

Webmaster of Thai Othello Page

Read more...

Adjusting Joomla Frontpage

First time when you fresh install your Joomla! website. The frontpage contents will look like this:

If you don't like this default joomla frontpage's format, I will tell you how to change them

Step 1: Go to Admin page=>Menus=>Main Menus

Step 2: You will see the first item which the name home, Click it.

Step 3:On you right hand, You will see the Parameters (Basic). Here is where to adjust the Joomla! frontpage

Step 4:You may wonder what is Leading, Intros, Columns and Links. See the picture below you will get an idea.

Values:
     # Leading= 1
     # Intros= 4
       Columns= 2
     # Links= 4

Step 5:Okay, Assume You understand them.
here is some example value:

Values:
     # Leading= 1
     # Intros= 4
       Columns= 1
     # Links= 0

The Results will be:

Now, You can adjust yourJoomla! front page to the format which you prefer. It is very easy, isn't it? :)

---

Webmaster of Thai Othello Page

Read more...

How to Change Joomla Logo?

Here is the others FAQ in Joomla Forum.
Many newbie webmasters always ask me how to change Joomla to their own logo.
It is very easy.

Before starting this tutorial, I recommend you all to use firefox. Because this turorial I will use some of the firefox function. It is available here: Dowload Firefox

Step 1.Assume that you are using firefox now. Okay, let start...
Go to your website right click at the Joomla Logo and then choose View Background Image



Step 2.You will see the Joomla Logo and its location. Save it to your PC.




Step 3.Open it and see its name, its size and what image type of it.

For this Example:
Name: mw_joomla_logo
Size: 298x75 pixels
Image Type: png


Step 5.Design your new logo with the same size, same type and same name as Old Joomla Logo one.
This one is my logo.

Step 6.Upload your new logo to your website.

Remember, which location you should upload to?
here

Root/templates/your template name/images

for this example:

Root/templates/rhuk_milkyway/images

Step 7.Overwrite the existing one



Step 8.Okay, Back to your website. Open it with IE or Firefox and see if your logo change or not?



Step 9.If it is still not changing. You should clear cache of your webbrowser. For firefox choose Tools=>Clear Private Data=>Tick all and then click Clear Private Data Now


Finish Your new logo is showing ,now.

Note:

• You can use any type of image any size and any name to be your new logo. For doing that, you have to modify your template CSS. But in this tutorial I won't tell you how to do it because it might take too long for explanation.

---

Webmaster of Thai Othello Page

Read more...

How to Remove Welcome to The Frontpage (Joomla!)

Over a year, I have been replying in Joomla Official Forum
This question is really one of the most FAQ(Frequently Asked Question).

First time, when you install Joomla web site.
On a Homepage, There is a page title which shows "Welcome to The Frontpage".
The question is: How to remove it?
Very easy answer here :)

Welcome to the frontpage shows here

Step 1. Go to Admin page and Choose Menus=> Main Menu



Step 2. Choose Home


Step 3. Go to Parameters (Systems) =>Page Title
Okay, here you can edit it to whatever you prefer :)

---

Webmaster of Thai Othello Page

Read more...

Joomla! 1.5.9 released

Few months ago the joomla team developer just launched the version 1.5.8 . But now, they release joomla 1.5.9 version which they strongly recommend for the webmaster (who are using joomla) to upgrade to 1.5.9 immediately.

There are several forums and websites which the users are asking how to upgrade version. All of the answer are link to joomla official documentation website.
I think it is really great document.
But if you still have no idea how to upgrade version. You might follow my step.

Legend

      [optional] Means this step is optional to perform.
      [required] Means this step is require to upgrade joomla version.

Instructions

1. [required] Choose the right package to download.
      Joomla 1.5.9 package file for upgrading version is available here

How can I choose which package to download?
-You should know your current joomla version.  If you are using version 1.5.7,
you should download joomla 1.5.7 to 1.5.9 package.

There are 3 format type of package, .zip, .tar.gz, .tar.bz2 which one you should download?
-Don't worry, If you are using Microsoft Windows operating system just easy choose .zip
If you are using Linux, you might try other 2 format.

2. [required] Backup all the files to your pc.
      This step is easy, just using the ftp program like filezilla
      Copy all of your file in the host and paste to your PC. (It may takes several hours.)

The picture shows how to backup the files

3. [required] Backup all of your database.
     You can watch the VDO how to export database to your PC

4. [optional] Set the site offline
      Go to Admin=> Grobal Config=>Site Offline=>yes
      This step is not require for joomla 1.5.x to 1.5.9 (but for upgrading joomla 1.0.x to 1.0.15, This step is require)

5. [required] Extract the Joomla1.5.9 package file to your PC
      You might use WinZip, WinRAR for extracting.

6. [required] Upload all the file that you extract and overwrite any that exist.
      This step takes several minutes.

7. [required] After finish uploading, Go to backend. If there any warning appear, just follow them.

8. [optional] Okay, Make your site online again
      Go to Admin=> Grobal Config=>Site Offline=>no
9. [required]Check your website thoroughly
10. Congratulation, You finish upgrading version:)

---

Webmaster of Thai Othello Page

Read more...

How to Upgrade Mamboboard Version

If you are using mamboboard, there is an update available in the mamboboard official website.
But too bad.. There is no upgrading instruction available there. So, I have to write in here. :)

Legend
[optional] Means this step is optional to perform.
[required] Means this step is require to upgrade mamboboard

Instructions
1. [require] Unpublish the main menu item which link to the forum.
2. [optional] Switch your forum offline in the mamboboard configuration.
3. [optional] Backup database (All of mos_sb_table or jos_sb_ table)
4. [optional] Backup any custom templates (Root/components/com_mamboboard/templates)
5. [optional] Backup any custom emoticons (Root/components/com_mamboboard/emoticons)
6. [optional] Backup any custom rules.txt (Root/components/com_mamboboard/rules.txt)
7. [optional] Backup user avatars (Root/components/com_mamboboard/avatars)
8. [require] Backup user uploads files and images (Root/components/com_mamboboard/uploaded)
9. [require] Uninstall Mamboboard via the Mambo or Joomla! Backend.
10.[require] Install the new version of mamboboard.
11.[require] Restore user uploads files and images.
12.[optional] Restore user uploads avatars
13.[optional] Restore your rules.txt
14.[optional] Restore any custom emoticons by placing them back in the correct directory.
15.[optional] Restore any custom templates by placing them back in the correct directory.
16.[require] Create a new forum menu item for the main menu and publish it.
17.Okay finish :)

---

Webmaster of Thai Othello Page

Read more...

Use Module Class Suffix to Change Modules Styles

Use Module Class Suffix to Change Modules Styles (Joomla!)

Have you ever wanna change some of your module styles to be different from others? Sometimes your website might look boring, If all of your modules look the same. This introduction will give you an idea how to change module style which joomla call module class suffix.

Joomla 1.0.x

Step 1. You have to understand CSS that styling your modules. Open up your template CSS (Template_CSS.CSS) and look for this...

• table.moduletable This one will style the whole module.
• table.moduletable td This one will style the module content.
• table.moduletable th This one will style the module title.

Step 2. Okay, Now I will show you how to change module title style. Firstly, prepare your picture to be module title background. (The picture dimension that match your template depend on your CSS.)





Step 3. Upload your new background of module title to the location

URL = Root/Templates/Name of Template that you are using/Images

This is an example of my new background and I upload it to that location.

Step 4. Go to Your Template CSS and Looking for table.moduletable {

table.moduletable {
width:100%;
margin-bottom:5px;
border-spacing:0;
border-collapse:collapse;
padding:0;
}

table.moduletable th {
background:url(../images/subhead_bg.png) repeat-x;
color:#FFF;
text-align:left;
padding-top:4px;
padding-left:4px;
height:21px;
font-weight:700;
font-size:12px;
text-transform:uppercase;
}

table.moduletable td {
font-size:12px;
font-weight:400;
margin:0;
padding:0;
}

Insert this code after the code above

table.moduletable_shogi {
width:100%;
margin-bottom:5px;
border-spacing:0;
border-collapse:collapse;
padding:0;
}

table.moduletable_shogi th {
background: url(../images/new_bg.jpg) no-repeat;
color: #336699;
text-align: center;
padding-top: 15px;
padding-left: 4px;
height: 51px;
font-weight: bold;
font-size: 12px;
text-transform: uppercase;
}

table.moduletable_shogi td {
font-size:12px;
font-weight:400;
margin:0;
padding:0;
}

Explanation of my CSS code above:

• I put the name _shogi(Japanese Chess) after table.moduletable to define the name of my new module class suffix. You can use any name that you prefer.
• At my CSS code background: url is to specific the location of an uploaded picture.
• You can adjust height, text size, text color as you prefer
  

After insert the code above, It will look like this:

table.moduletable {
width:100%;
margin-bottom:5px;
border-spacing:0;
border-collapse:collapse;
padding:0;
}

table.moduletable th {
background:url(../images/subhead_bg.png) repeat-x;
color:#FFF;
text-align:left;
padding-top:4px;
padding-left:4px;
height:21px;
font-weight:700;
font-size:12px;
text-transform:uppercase;
}

table.moduletable td {
font-size:12px;
font-weight:400;
margin:0;
padding:0;
}

table.moduletable_shogi {
width:100%;
margin-bottom:5px;
border-spacing:0;
border-collapse:collapse;
padding:0;
}

table.moduletable_shogi th {
background: url(../images/new_bg.jpg) no-repeat;
color: #336699;
text-align: center;
padding-top: 15px;
padding-left: 4px;
height: 51px;
font-weight: bold;
font-size: 12px;
text-transform: uppercase;
}

table.moduletable_shogi td {
font-size:12px;
font-weight:400;
margin:0;
padding:0;
}

Step 5. Okay It is almost finish. Go to your module that you want to change the style,in the parameter Module Class Suffix just put the name _shogi (or your style name) in it. And then save.



Finish Come back to frontpage and Let see your module title!



Joomla 1.5.x

• This example is from Joomla 1.0.x but if you understand it you can do in Joomla 1.5.x also.
  
• Joomla 1.5.x will wrap the module with div tag(<div>...</div>) instead of table tag (<table>...</table>) so you have to modify div.moduletable instead of table.moduletable
• To define module class suffix => div.moduletable_InsertYourStyleNameHere

---

Webmaster of Thai Othello Page

Read more...

Insert Module into Joomla! Content Item

Have you ever want to insert your module like polls, counter, Google Adsense to your content? Here is how to do :)

Joomla1.0.x

Step 1. Go to Admin page and check your mambot and enable Load Module Positions. If you click into Load Module Positions, there are few setting here.

• Published select yes


• Styles In this field you can should whatever. It will create HTML tag wrap your module.(div tag <div>...</div> or table tag <table>...</table>) I recommended you choose raw output!

Step 2. Go to Site=>Template Manager=>Module Positions Create new module position just type anything in to blank field. (I type module position name example, you can see the picture below)

Step 3. Go to Module manager and copy which module that you want to show in the content or you can create new one. (I copy poll module)



Step 4. Click in to your copy module (mine is copy of poll) and choose position that you just created in step 2. Publish it and in the Menu Item Links: select All.

Step 5. Create your new content and use this tag {mosloadposition yourmodulepostionname} (My module position name 'example', So I just type {mosloadposition example})

Finish Now your module will show in your content item!!

Joomla 1.5.x:

• Joomla 1.5.x mambot change the name to plugin


• To create new module position, In your copy module setting just click at the Position dropdown menu box and type new name into it. (click on the box not on the arrow)



• Use this tag {loadposition yourmodulepostionname} instead of {mosloadposition yourmodulepostionname}

---

Webmaster of Thai Othello Page

Read more...