SEO TIPS

2013 SEO Tips

BLOGGER TIPS

Best Blogger Tips

INCREASE TRAFFIC

Expert Tips To increase traffic

ONLINE TOOLS

100 Online Tools

INCREASE INDEX RATE

Increase your google index rate

IMPROVE ALEXA RANK

Improve alexa rank

SEO TOOLS

51 SEO Tools

PHP SCRIPT

Essential PHP Scripts

Increase Or Decrease Font Size Automatically On Any Device

How to increase or decrease the font size automatically on any type of device . Best online tool with css and jquery to fill the width of headlines on small screens, Tablets or mobile phones

Increase Or Decrease Font Size Automatically On Any Device
Increase Or Decrease Font Size Automatically On Any Device



A nice css and jquery plugin that automatically stretches and contradicts your post headline depending upon the the device that the user is using.have you seen when you visit your website from mobile phone or small screens then the headlines of your articles get stretched and out of the width of your device it is a sign of bad web development . here is a tool that automatically increase or decrease the size of fonts . if you are using a mobile phone to surf your website then it will automatically adjust the font size.and if you surfing through PC then again it will be automatically re-sized or increased . it will completely fill the width.so another good way to optimize your website for all type of  devices to make your website or blogger blog responsive .

➨ Check how website will look in Opera Mobile Browser.
11 Methods to increase your website index rate
➨ 8 Methods to increase alexa rank 

Below is the link from where you can download all the necessary codes like JavaScript and other scripts to make your website layout more responsive.

Download JavaScript from here:-


github.com/davatron5000/FitText.js


How to install it.


First download all the type of files from github from above location.

Now if you are using a blogger or any other platform then do this. Copy the below code and paste this just above the /head tag.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="jquery.fittext.js"></script>
<script>
jQuery("#responsive_headline").fitText();
</script>

That is it and the rest of the options you will get on github for installing more fonts and more styles for your fonts.so this was the way how to make your website optimized for mobile phones ,tablets or small screens.



0 comments :