WordPress solved problem unable to login on sub-domain, after domain name change

No comments :

Recently while setting up Wordpress for my recipe site and custom sub domain for this site, I have faced these two problems
  1. Unable to login to my Wordpress after change in domain name change.
    • Before activating actual domain of my recipe site, I have used a temporary domain name to the site. But after activating to the main site, login page took me to the old address which does not exists. So I was not able to use wordpress.
  2. Unable to login, when I was trying to install wordpress on a sub domain.
    • I have created a sub domain(seorecipetool.techcollections.co) for the domain(www.techcollections.co) which I am hosting on Blogger. So I configured the name-servers accordingly and installed wordpress using GoDaddy's hosting automated installation. But the wordpres login failed because the wordpress installation is configured for the actual domain www.techcollections.co.

For both the problem, root cause and solution is same.

Root cause: 

During automated installation, the wordpress MySQL database is initialized with the old domain name. After update of domain or creation of sub domain, the database file is not updated. So after login, the login page(wordpress) will try to forward to the old domain name in the configuration file. This will cause the login to fail.

Fix:

  1. First for updating the wordpress MySQL it is necessary to know the database username and password.
  2. For that, go to wordpress installation folder using ftp access or hosting file manager and find the file wp-config.php and find the below lines.
    // ** MySQL settings - You can get this info from your web host ** //
    /** The name of the database for WordPress */
    define('DB_NAME', 'xxxxx');

    /** MySQL database username */
    define('DB_USER', 'xxxxx');

    /** MySQL database password */
    define('DB_PASSWORD', 'xxxxx');
  3. Backup the MySQL Wordpress database.
  4. Now from hosting options open the MySQL database using the user name and password found above.
  5. In MySQL database look for options table.
  6. In options table there is field called URL.
  7. Correct the domain name here and save.
  8. Now you will be able to login to the wordpress.

Read More

Make images and youtube videos responsive in blogger post

No comments :

Now a days it has become very important to make responsive pages due to a many devices with different screen size available now and more people are using these mobile devices for browsing and reading. Responsive web pages should be designed to render properly on all devices.
In blogger there are many responsive templates which are free and paid available for download. These templates are very helpful for making the your blog responsive.
Still in some templates, the pictures inserted in the posts are not responsive due to the fixed size options provided by blogger post editor.
In this case you can follow these simple steps to make the picture responsive. This method can also be used if you do not have a responsive template, but want the picture to be of certain percentage of the page body. For example you may want the image to fill the page body by width or you may want the image width to be half the size of the page width.

  1. Switch to HTML view in blogger editor after adding picture
  2. Find <img followed by link to the image
  3. Add the code style="width: 100%; height: auto;" after <img with a space separating img and new code.
  4. Preview and post.
  5. Do this only before posting. Because, blogger manipulates the html code when you edit again. This may cause problem with appeariance.
  6. For youtube videos embed the youtube iframe between the following code &lt;style&gt;.embed-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; max-width: 100%; height: auto; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }&lt;/style&gt;&lt;div class='embed-container'> Your YouTube video embed code from share option in YouTube video page </div>

Note:

  • If you have installed a responsive blogger template, but blogger default template is loading the you have to follow these steps to disable default blogger template for mobile.
  • By changing the value 100% to a lower value in code for image, it is also possible to keep the image always smaller by a percentage of page body.

Read More

Malayalam language reading support in UC browser

No comments :

UC Browser overview

I have already written post on how to read Malayalam or Tamil in mobile using Opera Mini. But I gets lot of request for reading Malayalam/Tamil on mobile using UC browser. Like Opera mini, UC browser is one of the popular web browser for mobile phone and also supports many types of mobiles like
Right now there are no options in UC browser to read Malayalam without installing the Malayalam/Tamil fonts on mobile. If your phone supports installing Unicode fonts or any font install hacks(which are not safe for your mobile) are available for your mobile then you can install Malayalam fonts and start browsing.
But don't worry you can still install opera mini version 4 or later, then configure it for bitmap fonts to read Malayalam.

Note:

  • In java version 9.0 and above(now 9.4), UC browser started adding bitmap fonts for other languages like Arabic, Persian, Urdu, Hindi, and Bengali also. All you have to do is to activate Menu>Settings>Advanced>Bitmap Font. Hopefully they will extent this to other languages including Malayalam, Tamil etc 
  • Configuring bit map font in UC Browser for Java
    Bit map font option in UC Browser for Java
  • There are mods(modified versions) available in different languages, however there are only translated versions and still need fonts installed to work.

UC Browser Promo in YouTube

Screenshots of UC Browser


V9.4 Home screen
v9.4 Welcome screen
V mini8.8 Welcome screen
V mini8.8 Home screen

Read More