Welcome to Zen_ar218's blogspot.

February 10, 2015

What is interlace options when saving PNG image in Photoshop?

What is interlace options when saving PNG image in Photoshop?

When you Saving image in Photoshop with .PNG
You might wonder what is the interlace options stand for?
The answer is in this article.

What is interlace options when saving PNG image in Photoshop?
Answer:

     -Interlaced When the website is loading, Your PNG image will display blurry and sharper while loading.
     -None When the website is loading, Your PNG image will loads from top to bottom and you only see a part of the image at first.

BTW, This option is not very necessary, because today, we have Hi speed internet. Interlaced PNG or none-interlaced you might not feel difference.

Read more...


October 7, 2013

How to Display PDF file in Joomla!

How to Display PDF file in Joomla!


How to Display PDF in Your Joomla's Website

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

How to Display PDF in Your Joomla's Website


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

How to Display PDF in Your Joomla's Website


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

How to Display PDF in Your Joomla's Website


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! :)

How to Display PDF in Your Joomla's Website



Webmaster of Thai Othello Page

Read more...


August 14, 2010

Introduction to 'Smush It' the best image optimiser from Yahoo!

Introduction to 'Smush It' the best image optimiser from Yahoo!



If you wanna put the large image on your website(wider than 600 pixel)
like the picture below:


smush-it-01-thumb

Click on image to view full size



Many webmaster often use function Save for Web in Adobe Photoshop. but the sharpness of the image will reduce if you use this function.

smush-it-02

Comparison Images



If you wanna put the large image on your website with original sharpness , minimal size (for faster page load). I think 'Smush it' may be your answer.




Smush It is the image optimizer which developed by Yahoo Developer

Let's see how it works.

-Go to Smush It page (www.smushit.com) or Click Here

-Then Click at Uploader
-Browse your image and then just wait....

smush-it-03

-Finished
smush-it-04


-Very impressive result (24.89% reduction!)
smush-it-05


You will love it!


Webmaster of Thai Othello Page

Read more...


August 24, 2009

How to Enlarge Jcomments Avatar

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)
Jcomments Avatars is too small

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!!
JComments Avatar 48X48 px

Now, JComments' Avatar is 48x48 px






Webmaster of Thai Othello Page

Read more...


June 2, 2009

How to Change Database Collation to UTF-8

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.

How to Change Database Collation 01

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 Database Collation 02

How to change this!!!!



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

How to Change Database Collation 03

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.)

How to Change Database Collation 04

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

How to Change Database Collation 05

How to Change Database Collation 06

Rename the folder name to collation



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

How to Change Database Collation 07


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

How to Change Database Collation 08


Step 7. You will see this screen appear.

How to Change Database Collation 09

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!

How to Change Database Collation 10
How to Change Database Collation 11


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




Webmaster of Thai Othello Page

Read more...


 
Copyright © 2008-2015 zen-ar218.blogspot.com - All rights reserved