Tinfy 007

Thursday, September 17, 2015

Some Basic Search Engine Optimization (SE0) Tips

SEO or Search Engine Optimization is very impotent for your Web site especially Online business. The high ranking on bing and google search results page is every good to increase visitor or more traffic to your site to. it difficult way and complex restructuring with a firm and have a lot of competition. Now let's get start with me now in order to do SEO:

1.Title ( Keywords ):

2.Content:
In your web site should exit the good description (full and clearly about given product, service, discipline or topic) always updating regularly and often is very important for increasing visitor.

One way to to make certain that something happens or is done that your web gets fresh content on a happening often basis is to integrate a blog.

2.Back Link to yourself:
Blogger is an excellent way to reach out to your clients, create more opportunities for internal and external linking, while giving your site a more personal voice.
1.Ti:
A lot of designer always CMS to built website lik Design web site with WordPress.

Text running jquery or Jquery marquee

In html language you used to use marquee to create text running on you web page it is very simple and easy to use and modify. but now i would like to show other you instant of this code by using jquery scripting language. it is very powerful and smooth.
you can use it in WordPress and blogger. by follow my step. just copy code and pass it into you code file.

Code:
1.Link jquery file store in Google drive
<script src="https://googledrive.com/host/0B_IbO3cULuN8RFlYLVl5eG96Nnc" type="text/javascript"></script>
<script src="https://googledrive.com/host/0B_IbO3cULuN8YTVKVUpVa1lLN28" type="text/javascript"></script>
<script src="https://googledrive.com/host/0B_IbO3cULuN8Nkk0NnV2NEdYcXc" type="text/javascript"></script>

2.CSS:
<style type="text/css">
.marquee-with-options{
float: right;
    margin-top: 5px;
    width: 800px;
    border: solid thin red;
    float:left;
    overflow:hidden;
}
</style>
3.Javascript & Jquery
<script type="text/javascript">
       document.documentElement.className = 'js';
    </script>
   <script>
           $(function(){
               var $mwo = $('.marquee-with-options');
               $('.marquee').marquee();
               $('.marquee-with-options').marquee({
                   //speed in milliseconds of the marquee
                   speed:9000,
                   //gap in pixels between the tickers
                   gap: 300,
                   //gap in pixels between the tickers
                   delayBeforeStart: 200,
                   //'left' or 'right'
                   direction: 'left',
                   //true or false - should the marquee be duplicated to show an effect of continues flow
                   duplicated: false,
               //on hover pause the marquee - using jQuery plugin https://github.com/tobia/Pause
                   pauseOnHover: true
               });
           });
       </script>
4.HTML
<div class='marquee-with-options'>
   Monday | Wednesday | Wednesday | Wednesday | Wednesday
</div>

Using files (images, Js, CSS...) stored in Google Drive on a website

Normally you always stored file ( style sheet, JavaScript, Jquery, image, video ) in the same place with website file. but sometime you need host those file withe different place. especially you want host website with google blogger and using jquery file so must upload it to other hosting and get link url to use on it. it very easy way but it will have problem when your hosting down or your site error. sometime you haven't got a hosting at all so how should you do?

This post i will show you how to upload file in to google drive and get it link to use in other website WordPress or Blogger.
1.you just log into google account (gmail)
2.go to https://drive.google.com/drive/
3.start upload file.
4.find the word share and modify permission by choose Public On the web
5.copy link to share
https://drive.google.com/file/d/0Bz2xy6bFiAH1YzA1SEFOWFY0UEE/view?usp=sharing
6.using it on website:
https://googledrive.com/host/[fileID]
eg:
https://googledrive.com/host/0Bz2xy6bFiAH1YzA1SEFOWFY0UEE
<img src="https://googledrive.com/host/0Bz2xy6bFiAH1YzA1SEFOWFY0UEE" />

Understanding XML Sitemaps

Search Engine (google, yahoo, bing,..) is a kind of application that build for checking online website in order to get (index) their content. However, this robot or software are different from human and it is possible that some of your post or page will not found.
You should find any way to optimize your website mean to make Search Engine easy to index your site.
XML Extensible Markup Language it is a standard of machine readable format consumable by data munching programs like feed readers especially search engines. it containing of information(url that make up) about website or blog. it is a small tool but useful SEO tool for webmasters interested to optimize web site.
In order to create XML file you may need tools xml sitemap validator plugin to create a file sitemap.xml and upload it in to your website ex. www.example.com/sitemap.xml and than log into web master tool like google and submit this url file.

Page break for Blogger post

In order to speed up you website loading you should optimized you site by different way as you could. this tips will show you a part of those to improve your website speed when you visit to post or page and it also good for you want to increase page impressions on your article.
The Bage break it is a simple way in WordPress to do but sometime you never use it at all on your post with the long description or have a lot of images that make your website loading too slow. the easy way to use page break in wordpress in post or page you just use comment like  to separate you page in to small page and it well instant with page navigation or number of page.
For Blogger it not easy to use and you can not use comment like WordPress. but now i will show about page break for blogger simple.
you just following my code.
1.in you post or page in blogger:
<div id="mybreak">

</div>

2.in style (css code) :
<style type='text/css'>
.con-page-break{text-align:center;}
.page-break li{display: inline;list-style: outside none none;margin: 0 3px;}
.page-break li a{color:#fff;padding:5px 10px;background: #1499ca none repeat scroll 0 0;font: bold 16px/23px Droid Sans,sans-serif; }
.page-break li a:hover, .page-break .active{ background: #000 none repeat scroll 0 0;}
</style>
3.Java Script.
<script src='https://googledrive.com/host/0Bxs84iwTBmUMdGg5UFQzVGY4N0U'/>

Performance Optimization and Website Speed

When your website online speed up is very important. you should optimize your webpage because user like something fast when they use internet. when your site slow they might be close and visit other way. so What can cause speed problems and how do you fix it? Now this article show you some tips that you never thinking about and it may help you to solve the problems.

1.Minimize HTTP Request: Try to cut down the amount of file or components in order to reduces the number of HTTP requests by combining more script in to one script, merge CSS into one style sheet file.

2.Reduce server response time:
You try to time of your server response less than 200ms.

3.Enable compression:
Enable GZIP compression to reduce the size (about 70% or less than original file) of files that sent from the server to increase the speed to display data on browser.

4.Leverage browser caching (Enable browser caching):
The loading times may less than normal when your pages are stored on visitor's browser. it is good idea for use this way for page loading times for repeat visitors.

5.Magnify Resources:
To press CSS, Javascrip or other script soft together so that it becomes smaller you website can save a lot of bytes of data and speed up parsing, downloading and execution time.

6.Optimize images:
Reduce the loading times for posts/pages by loading appropriately sized images. you should rezize, optimize and compress your images file befor upload in to your website because it can save bandwidth and your website faster. you should save for web and use PNG8 and JPEG and sizes are based on where images displayed on website.

7.Optimize CSS Delivery:
Combining CSS more in to one external style sheet is preferable. because it creates fewer code duplications and cut down the size of your code.

8. Reduce the number of plugins you use on your site.
some of plugin can make your site slow down. don't use unidentified plugin and unnecessary. always update the new version.

CMS WordPress and google Blogger - Which one is Better?

Today you can create website by yourself with different easy way for personal website. it just one click installer. and some way you try to fine which is better, cheaper or free, easyer control or use, simple and interested, fast loading, mobile optimize, easy to rank on search engine (google search, yahoo or big) and standardization.
Report of Wikipedia WordPress is the most popular content management system (CMS) and is the most popular system of blogging using on the web at more than 60 million websites. that was used by user a round the world more than 23.3% of January 2015 and about 10 million of websites. This CMS released on 27 May 2003. It is a Open Source and Free that used PHP language with MySQL for operating system include a template system and a plugin architecture.
CMS WordPress has a web template system that using a template processor. it have 3 main features (Themes, Plugin and mobile).
Why you should use WordPress?
There are a few benefits of Using it to power your personal’s website:
1. Ease of Use: it is very easy to use for adding new post or pages, images.
2. Simple code: It no HTML Editing and FTP Software Required it have feature allow you to edit source code online.
3.Good for SEO (Search Engine Optimization): It Easy for you to optimize SEO or to rank your website on search engine because Search Engines Love WordPress Sites.
4.Easy to update: When it have a new version you see it on admin site and you just click bottom update it will process without error.
5.100% Customizable:You can restructure by yourself.
6.Extend the Functionality:You can create you own plugin for adding more function you want.

For Google Blogger is a blog-publishing service developed by Pyra Labs and was bought by Google in 2003. there were over 156 million public blogs on February 20 2014. it is the most popular blogs on worldwide.

Why you should use Google Blogger?

1.Easy of use
2.blog-publishing service: that allows multi-user blogs with time-stamped entries.
3.Hostint: the blogs are hosted by Google at a subdomain of blogspot.com. but you can also be hosted in the registered custom domain of the blogger (www.esatra.com).
4.A user can have up to 100 blogs per account
5.Fast loading
6.No need to update.
7.100% Customizable:
8.Everything Allwasys free
9.Easy edite code on multiple file
10.post and page are easy to use tools
11.Easy partner with Google Adsense.
12.Height Security.

Jquery Even with JavaScript

In this lesson, you will know something about Jquery language you know, it is important in the JavaScript language and it has also actively used in the language or languages HTML and CSS.Now we're going to get it used JavaScript language, citing as an example the use of using even. Now let's start together:
1. dblclick: bauble click event use when use bauble click.
ex:
<h1>This is testing</h1>
<script>
$(document).ready(function(){
     $("h1").dblclick(function(){
        $(this).hide();
     });
});
</script>

2. click: an event use when user one time click (single click).
ex:
<h1>This is testing</h1>
<script>
$(document).ready(function(){
     $("h1").click(function(){
        $(this).hide();
     });
});
</script>

3. mouseleave: an event use when user move mouse to other object.
ex:
<h1 class="mymouse">This is testing</h1>
<script>
$(document).ready(function(){
     $(".mymouse").mouseleave(function(){
        alert("Bye! now you leave from me");
     });
});
</script>

Tinfy 007 the sound like comedy

In combodia the name of tinfy is very popular like a supper star that is the name of comedy. it broken after end of some of chinese movie that was acted by the most popular star that cambodian people allways call tinfy. sometime father name his son like fy or tinfy, some khmer sing or actor also use this name. khmer tv program or tv talkshow always talking about this name. some of social network account also use to example in YouTube.com like a channel tinfy oo7 also used that this channel talking about comedy or video that was record from tv that you can find this channel tinfy007 or khmer tv record