Javascript effects tutorial

Few Javascript effects tutorial links can be found on this page. Learn how to hide HTML element on mouseover with javascript, various javascript image effects or how to change text with javascript on some event (like mouse click or mouse over).

So, here we have:


• javascript visual effects


• javascript image effects


• Other javascript effects

Find links to javascript effect code tips below!

Javascript visual effects

How to add a falling snow effect - learn how to add nice snowing effect on your web page or blog in few simple steps. Following this link more advanced users can also find how to make snow fall with a custom snow flakes.

How to show and hide HTML elements using Javascript - learn how to hide some HTML element (like textbox, div, table, table row) on click or mouse hover with javascript. There are over six samples to better explain how to do it.

Javascript image effects

Dynamically change image with javascript effect - tutorial how to dynamically change image when a mouse pointer is over image (onmouseover and onmouseout).

Or find out how to alternate image onclick with javascript.

Jquery image preview effect - learn how to show image preview when user hover mouse pointer over link.

Moving image on my web site effect - tree samples and guide which describe how to make animate effect to move image through web page.

jQuery image zoom effect - sample and step by step guide how to make zoom effect on your web page, so zoomed portion of image is showed when user put mouse over normal size image.

Other javascript effects

Changing text with javascript - change text with javacript on some event like click the link.

HTML5 scrolling text effect with javascript - how to make animated scrolling text within HTML5 like Marquee with jQuery. In HTML5 Marquee is obsolete.

Basic web effect with jQuery - in this article you can find demos and sample code for basic effect functions in jQuery. There are: hide and show effect, fadeIn and fadeOut (disappearing) effect, slide down and slide up effect and animate effect.

Web page optimization techniques

Web page optimization is a very important thing if you want to have visited web page. How to do it? There are different techniques but in this article we will concentrate on on-page SEO optimization.

To make successful web page optimization you need to:


• find best keywords with keyword research and pick one or two keyword phrases per page


• make a quality keyword placement

On site page optimization

Title tags

The most important HTML tag for Search Engine Optimization. It is very advisable to put your keywords inside title tags. Google search engine crawlers use these title tags as the main source for determining the page topic.

Text inside title tags will be showed in Google search engine result page too. On image below you can see how Google show title in result page for title: "Adding categories to blogspot (blogger) : Useful and interesting web sites". Words from search query are bolded.

Sample for title tag:
<title>Adding categories to blogspot (blogger) : Useful and interesting web sites</title>

Keyword on the beginning of the title have more weight than keywords on the end of the title. Blogspot users can find very good advice in article: Optimize blog - change title.

URL keyword optimization

Keywords in URL have important impact on your Google SERP (Search Engine Result Page) position. To prove this statement let's try type search term "Web page optimization" in Google. First five URL's in Google SERP are:

• www.websiteoptimization.com/services/analyze/
• www.websiteoptimization.com/
• www.google.com/websiteoptimizer
• en.wikipedia.org/wiki/Search_engine_optimization
• www.webpagetest.org/

Tips for good optimized URL:

• URL shouldn't be too long


• Keywords on the beginning of URL have stronger effect than keywords on the end of URL (for example www.websiteoptimization.com/ is better than www.web-source.net/webpage_optimizing.htm). For


• use hyphens as keyword separators in URLs. Blogger (Google's blog engine) use hyphens as separator for URL of particular posts.

Keyword position on web page

Keyword position also known as keyword prominence say :

The closer a word is to the front of the text area, the more relevant or important it is.

So put important keywords on the beginning of the page. Good practice is to use paragraphs in your web page. Use <p> and </p> tags to enclose text in paragraphs and put important keyword at start of paragraphs.

Keyword prominence rule is also valid for titles, URL's, headlines...

Keyword density

Keyword density is ratio between number of time keywords appear in page and total number of words on web page. Recommended keyword density is 2% to 8% by some authors, but it vary depending of source. Be careful too high density can trigger a spam penalty from Google. To find a keyword density for specific page check Page Analyzer.

Keyword proximity

Keyword proximity refers to how close the keywords that make up keyphrase are to each other.
To better explain there is an example:

• A. Web page optimization techniques
• B. Optimize your web page with best practice techniques

The A keyword phrase will make better Google result ranking for search query like "page optimization" as the relevant words appear next to one another and in the correct order. On the other side keyword phrase B will get better result for "Optimize web page".

Advice is to keep keywords together as a unit. When this is not possible, try to keep keywords not too far away from each other.

Optimization and body elements

Heading tag (<h1></h1>)- typically opinion is to be twice as important in weighting terms as regular body text (source Get to the Top on Google). However recent data from SEOMOZ study has shown that it has a very low correlation with rankings.

Image alt Attribute - it have significant impact on keyword web page optimization. So use keywords in alt attribute to describe images on your web page.

Bold and italic tags - it is good practice to use bold and italic tags on your keywords. By SEOMoz bold tag have a minor amount of SEO weight while italic tag have slightly more SEO weight.

How to: Keyword Research

How to research keywords for your new blog article or web page? For example you decide to publish article and want to find best keywords combination and want to be on top of Google search results. It is not easy! Read this post, use proposed "How to keyword research" method and you will find how to increase probability to find best keywords combination.

How to make keyword research?

Answer on question: "how to make keyword research" is by using KEI and KOI. Let's start with KEI.

Keyword Effectiveness Index (KEI) - helps point out which keywords are the most effective and valuable. The KEI compares the number of monthly searches for a keyword with the number of search results and help to find the most effective keywords.

To find KEI use KEI formula:

KEI = (Number of Monthly Keyword Searches)^2 / (Competing Pages)

Number of Monthly Keyword Searches - this indicator you can find using Google AdWords Keyword Tool.
Competing Pages - find using Google search. Just enter your search term and check number of results.

To make things more clear take a look at this example:


• we want to make keyword research on this keyword combination: "google keyword research"


• on Google AdWords Keyword Tool page we can determine the number of global monthly searches for specific term, for keywords term "google keyword research" it is 9,900 searches per month
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
• to find out raw google competition for specific keywords term we use Google search. For "google keyword research" there are 15,200,000 results.
  
  
  
  
  
  
  
  
  
• now we can calculate KEI
  KEI = 9,900 ^ 2 / 15,200,000
  KEI = 6,49


• higher KEI better keywords combination. With KEI we try to find keywords which are highly searched but in the same time are not overused on web

There is one more indicator similar to KEI - Keyword Opportunity Index (KOI). KOI compares the number of monthly searches for a keyword with the number of directly competing search results.

Formula for KOI is:

KOI = (Number of Monthly Keyword Searches)^2 / (Directly Competing Pages)

Example for calculating KOI for keywords term "google keyword research":


• monthly searches for keywords term "google keyword research" is 9,900


• number of directly competing pages can be found by using Google operator "allinanchor:". This Google operator return results containing query terms specified in the anchor text on links to the page.


• number of directly competing pages for "google keyword research" is 9,740,000.
  
  
  
  
  
  
  
  
• KOI is:
  KOI = 9,900 ^ 2 / 9,740,000
  KOI = 10,06

When you ask yourself how to do keyword research, it is good practice to find various keywords combination (thesaurus synonyms can help) find KEI and KOI for each of them and compare. Keywords combination with highest KEI or KOI is best choice. KEI method doesn't measure quality of competition just quantity (number of search results). To get quality in calculate, you can use SeoQuake, it show Google Page Rank for each result. So, if first few results have high PageRank, quality of competition is high.

Online tools for better blog

There are many great online tools which can help you to build a better blog or web site. Some exists as web pages and some are various add-ons. Here you will find a list of best free online tools (in my opinion) for better blog.

Find blog visitor statistics

To improve your blog you must learn on your own success and mistakes. To do so, you need to know how well your blog or site is doing, you must track traffic and visits.

Two best web tools for tracking website visits are:

• Statcounter - very simple web tool for tracking number of pageviews and visits to your site. The main advantage of Statcounter is its simplicity and it is ideal for begginers. Using statcounter you can also track:
  • Popular pages
  • Entry pages
  • Exit pages
  • Keyword analysis...
  If you are using free version you can get detailed data only for last 24 hours. For basic tracking Statcounter is enough.



• Google analytics - while Statcounter is easy to use, Google Analyitics (GA) is extremely powerful. Here I will not list what GA can do, it can do almost everything, it have many features and reports. What to say, GA is a king, long live to Google Analytics!
  
  
  

Estimate traffic of other sites

One way to estimate other web sites traffic and strength is through Google Page Rank and Alexa. Google Page Rank can vary from 0 to 10, 0 is worst while 10 is best. For Alexa on the other hand, rule is lesser is better, smaller number more visits. My blog in this moment have 217,000 Alexa value and 9,500 visits per month. So if some web site have Alexa rank lesser than 217,000 I can presume that this site has more than 9,500 visits per month.

• SEO Toolbar add-on for Firefox - easy to use, shows Google Pagerank (PR) and Alexa rank for each visited website.

  
  
  
  
  
  
  
  

• SeoQuake - this add-on have one great feature. User can see Google PageRank value in Google result page. This can be very helpful when you try to find keywords for new blog article.

  
  
  
  
  
  
  
  
  
  
  
  
  
  SEOQuake have more features like Keyword density, nofollow indicator, URL comparer...



• Builtwith - with this service you can learn all sorts of useful informations about site you enetered into the search bar. Find out which blogging platform is used, what type of adverts are on site (like AdSense, Amazon...), how traffic is tracked, what javascript libraries are used, what widgets are on site and informations about aggregate functionality.

Online tools for choosing right keywords

Choosing right keywords for blog posts is essential for good Google Search Engine Result Page (SERP). It is important to choose wisely, keywords with low competition and, in the same time, keywords which people looking for (high number of searches).

• Google - is an excellent tool to find how many web pages for specific keywords exists out there on Internet. You just need to type keywords in Google search bar, make a search and check the number of results below the Google search bar.
  
  

  

  
  
  
  
  
  On the picture above you can see that for keyword search term online tools for blogger exists 36,000,000 search results.
  You can use allinanchor Google search operator which return results containing query terms specified in the anchor text on links to the page. Some people think number of results with allinanchor is a more quality measuring unit for SEO then number of results gained with common Google query.




• Google Adwords Keyword Tool - with this tool you can find number of Google monthly searches for specific keywords. This tool also, will suggest keyword ideas.
  
  
  

Guest blogging tools

If you want to publish guest posts on your blog first you must find guest post and second, verify if guest post is a duplicate.

• 
  My blog guest is a web community of guest bloggers. This site have article gallery where you can find and read guest post previews sorted by category. You can offer to publish chosen guest posts on your blog and if guest poster agree, you will get whole guest post article. In my experience to get guest posts on this site it is advisable your blog have Page Rank 3 or higher. My blog has PageRank 3 for some time. During that time I managed to publish 30 guest posts in less than 3 months. But when my PageRank fall to 2, guest posters lost interest for my blog.






• Duplichecker is a free online plagiarism detection tool. You can copy and paste text you want to check or you can choose a text file to check for duplicates.


• CopyScape plagiarism checker which search for copies of selected page on the web. You enter url of some web page click Go button and get duplicate of entered web page.
  
  

Online tools for better article writing

There are some online tools that can help you to write better articles. Online tools like tool which can help you to find synonyms which are better choice in keyword terms then your first keyword, spelling checker or help with putting HTML code in blog post.

• Thesaurus - with this tool you can quick find definition and synonyms. Synonyms can help you in process of keyword optimizing. For example you want to use word help and deduce word "help" is to competitive in Google search results. Then you enter word "help" in Thesaurus and find that one of the synonym is word advice which is less Google competitive then "help".


• English spell checker for Firefox - Firefox automatically checks the spelling of words entered in any text boxes containing more than one line. As soon as word typing is finished, it is checked and if the word is not in the dictionary, word is underlined in red color.


• Postable - if you want to insert some HTML tags (like <p></p>) literally in your post you need to encode this text. Postable encodes HTML tags and when HTML tags are encoded you can insert encoded tags in blog posts and HTML will be showed literally in post. More about this topic in How to display HTML code in blog post
  
  


• PaperRater - Grammar & Spelling Check, Free Online Proofreading

Graphic element generator

Blog appearance can be important. To improve graphic appearance of your blog or web site you can use various online graphic generators.

• Cool Text - this is free online graphic generator for logo style and button design. With this web application you can easily generate styled text for menus, sidebars and buttons.
  

Tools for find free images

Finding the right picture to your blog article might be important. But many images are non-free for use so be careful. Where to find free images to insert in your new blog article? There are the list of few sites with free to search for free image collections.

• Free digital photos - on this site you will find quality free images in small format (like 400 X 266 pixels). To publish free images you need to place a text hyperlink to the image creator's portfolio on FreeDigitalPhotos.net. This link must appear on the same page as the image.


• Wpclipart - public domain (PD) pictures, no attribution or linking is required.

Where to upload files

• Upload additional files for bloggers - in this article you will find list of free hosting services where you can upload additional files such as jscript files, css files, image files ect.

Miscellaneous

• https://flippa.com/ - site for selling web sites

HTML5 scrolling text

HTML5 will not support scrolling text (marquee), marquee is obsolete. There is no marquee element defined since HTML 4.01 specification.

This article will answer how to make animated scrolling text within HTML5.

One way is to use jQuery marquee plugin. In next section you will find simple guide how to make animated scrolling text effect like marquee with jQuery.

Animated scrolling text with jQuery Demo:

Demo for marquee scrolling right

Animated scrolling text with jQuery code:

 <script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js" type="text/javascript"></script>
  <script src="http://remysharp.com/downloads/jquery.marquee.js" type="text/javascript"></script>

<marquee behavior="scroll" direction="right" scrollamount="2" width="350"><p>Demo for marquee scrolling right</p></marquee>

So to have scrolling text effect in HTML5 you need to:

• reference on jquery-1.3.2.min.js and jquery.marquee.js files


• add a marquee HTML element

In Marquee HTML element you can adjust attributes such as:

• direction - left, right, up and down


• scrollamount - speed of scrolling


• behaviour - such as slide, scroll and alternate


• width

You can find jquery.marquee.js file.

In the end you have marquee like animated scrolling effect which you can use in HTML5.

Here you can find more cool javascript effects tutorials.

Check is blog dofollow or nofollow

How to find does blog have dofollow comments or nofollow comments? This article will teach you how to difference dofllow links from nofollow links.

In this short guide you will find:

• what is DoFollow and NoFollow
• recognize DoFollow in Google Chrome
• find DoFollow links with Internet Explorer
• know which link are DoFollow in Firefox
• easiest and best way to make difference between DoFollow and NoFollow links with NoDoFollow add-on

DoFollow and NoFollow difference

NoFollow

NoFollow is an HTML attribute value used to instruct some search engines (like Google) that a hyperlink should not influence the link target's ranking in the search engine's index. Search engine spiders will NOT crawl NoFollow link.

If link is Nofollow then link will not receive any vote and Google Page ranking will stay the same. To learn more about Pagerank visit Google PageRank simple tutorial.

Example NoFollow link:

<a href="http://interestingwebs.blogspot.com/2011/09/high-pr-dofollow-backlins-blogs-list.html" rel="nofollow">DoFollow blog list</a>

DoFollow

DoFollow links will be crawled by search engines and will get PageRank value (so called Google juice) from site.

Example of DoFollow link:

<a href="http://interestingwebs.blogspot.com/2011/09/high-pr-dofollow-backlins-blogs-list.html" >DoFollow blog list</a>

How to know does link is DoFollow on Google Chrome

• Find hyperlink on web page









• highligh hyperlink


• click right mouse button and choose Inspect element














• Inspect element box will be opened in which you will see HTML code of link, if it have rel="nofollow" then it is nofollow link, it doesn't it is DoFollow link

Find if link is DoFollow in IE

• Press F12 to open IE Developer tools


• in Developer tools click on "Select element by Click", click on link and look in developer tools HTML code for selected link. If in HTML code exists rel="nofollow" then it is nofollow link, if it doesn't exists it is DoFollow link

Determine DoFollow links in Firefox

• Find link on web page, highlight link, right click on mouse and choose "View Selection source"

















• inspect select source HTML code, if in HTML code exists rel="nofollow" then it is NoFollow link, if it doesn't exists we have DoFollow link

Use NoDoFollow add on for Firefox

Most effective and fastest way to determine DoFollow links is to use NoDoFollow add-on for Firefox.

NoDoFollow is easy to use:

• In Menu Bar go on Tool menu and check NoDoFollow menu item



















• Now all DoFollow links are colored blue and NoFollow are colored red

Blogger dynamic views and gadgets

Recently google announcements 7 new dynamic views. Dynamic views offer users enhanced browsing experience. Dynamic views are build on latest web technology (AJAX, HTML5 and CSS3). In short it looks great, take a look at my blog using sidebar dynamic view. This link will lead you to sidebar view.You can easily try 6 other dynamic view styles, just choose from menu at the top of opened page. So far so good ...

Where are gadgets in dynamic views?

Unfortunately in this moment if you choose blogger dynamic view you can't use gadgets or widgets. When I say gadgets I think on gadgets like popular posts, recent posts, HTML/javascript gadgets, header gadget etc. So dynamic views are very effective, look very nice but if you use dynamic views you lose control over appearance of your blog. For many bloggers this will be unacceptable.

AdSense exists in dynamic views but blogger owner can't control where will ads be showed.

To setup blogger dynamic views go to Design --> Template Designer and chose your favorite dynamic template.

Dynamic views and old blogger side by side

In my case there are two facts:

• I like blogger dynamic views
• I want to keep gadgets

Solution to this problem is to keep old blogger appearance and put a link on my blogger sidebar (using gadgets) to favorite dynamic view for my blog.

You can see any blogger blog in dynamic view if you type web address in this format: http://[BloggerName].blogspot.com/view/[TypeOfView].

For example to see this blog in sidebar view you should type this address: http://interestingwebs.blogspot.com/view/sidebar

Another example for googleblog.blogspot.com in magazine view should be: http://googleblog.blogspot.com/view/magazine.

For [TypeOfView] use one of blogger dynamic views.

Type of blogger dynamic views

• Classic: A minimalist template. All posts are in one page. Older entries will continuously load as visitor scrolls down
• Flipcard: Photos are grouped on the page. When the reader hovers the mouse over the pictures, it will flip and display the corresponding post title and date
• Magazine: A elegant editorial style, posts with one image and extract of article
• Mosaic: A mosaic mix of different sized images and text
• Sidebar: An email inbox-like view with a reading page for quick scrolling and browsing
• Snapshot: A panoramic view of your images
• Timeslide: A horizontal view of your posts ordered by time

Does PageRank work?

On October 6, 2011 PageRank in 3rd party tool SeoToolbar Firefox add-on on my PC stopped working. Many people start to asking does Google PageRank is dead? The answer is that Google did make a change, they changed the lookup URL for the PageRank value. So 3rd party tools stopped to work correctly.

How to find Google PageRank today?

To find PageRank today you can install Google toolbar add-on. It will work immediately.

For SeoQuake add-on you can find instructions how to fix SEO PageRank following this link: Google PageRank is not dead.

If you have patience you can wait for updates of various 3rd party tools which showing Google PageRank.

Find DoFollow blog article with high PR

This is search for DoFollow blogs (PR 4 and higher):

This custom Google search make search on over 25 DoFollow blogs in technology niche (blogging, SEO, internet earnings) with high PageRank, PR 4 and higher.

How to use DoFollow finder

Let's say you just write a nice article about methods for increasing number of visitors on blog and want to boost Page Rank of your article. To do that you can go on this page and type some search term connected to written article like "more traffic". When you click Search button you will get a list of result pages. All result pages are from DoFollow blogs with high PR. You can leave comments on result pages and this will have postitive impact on your PageRank.

Steps to find DoFollow article with high PR about specific topic in blogging niche:


• First go to this page http://interestingwebs.blogspot.com/2011/10/find-dofollow-blog-article-with-high-pr.html



• enter keywords for specific topic and click search
  
  
  







• in Google custom search find and choose the best result:
  
  
  
















• enter your comment and you have new dofollow link to boost your PageRank

For those who want to create own custom Google search follow the link.

What is DoFollow blog?

DoFollow link is the opposite of NoFollow - it's a link that can be followed by search engines. DoFollow blog is a blog which have nofollow links in comment section. So when visitors leave comments on DoFollow blog, links to visitors blogs without NoFollow attribute remain in comment section od DoFollow blog. It is important to say that most blogs automatically mark comment links as nofollow, most of blogs are NoFollow. If link is NoFollow there is no PR gain from that link for linked page. Opposite if link is DoFollow (it is not NoFollow) linked page have PR gain from link.

High PR DoFollow backlins blogs list

Here is a list of high page rank blogs which have dofollow comments. DoFollow comment means that backlinks to commenter home page on DoFollow blog is not using "nofollow" tag, so part of PageRank juice flow to commenter blog.

Blogs are Pagerank 4 and higher till PageRank 6. All blogs listed on this page belong to Technology niche. When I say Technology niche primarily I think on topics such as : blogging tips, search engine optimization and internet earnings.

In following table with links to DoFolow blogs you will find next columns:

• Link - url address of Dofollow blog


• CommentLuv - if CL is written, blog is CommentLuv - When a visitor (commenter) leaves a comment on CommentLuv blog, the CommentLuv plugin automatically searches for commentators latest post. If it finds one, it automatically adds a titled link at the end of the comment which links back to commentators post.


• DoFollow columns - Comments usually have two backlinks, first on beginning of comment which points to commentators blog main page and another link on the end of comment (on CommentLuv blogs only) which point on last post. In this column you can find information which of those two backlinks are DoFollow.


• Comment - some basic information about a blog


• PageRank - information of Google Pagerank of blog


• Alexa - Alexa rank of blog. Alexa Rank is a measurement about popularity of web site. Alexa is relative because it depends on the data of users who have installed Alexa Toolbar on their browsers. Best Alexa Rank is 1. DoFollow blogs are sorted by Alexa rank from smaller (better) to bigger.

You can search listed DoFollow blogs with PageRank 4 and above by specific keywords, just follow the link.

If you know for DoFollow blog in technology niche with PageRang 4 or higher please leave a link in comment section.

Link	Comment Luv	DoFollow	Comment	Page Rank	Alexa
http://www.grokdotcom.com/		Blog premalink is DoFollow	Marketing optimization blog focused on improving conversion rates, increasing leads, web analytics, SEO, SEM, social media, testing and customer experience. Allows keywords.	6	39271
http://blog.2createawebsite.com/		Blog premalink is DoFollow	Blogging, web earnings, traffic	5	5047
http://kikolani.com/	CL	Blog premalink is DoFollow	Blogging tips, blog marketing, social media	5	15570
http://www.seobythesea.com/		Blog premalink is DoFollow	Getting Information about Search and SEO Directly from the Search Engines	5	17378
http://www.outofmygord.com		Blog premalink is DoFollow	Personal blog, posts on this blog are very long, Blog Notices, branding, Online Evolution, Search marketing, author of this blog is a mart but little boring	5	270720
http://www.sitesketch101.com/	CL	Blog premalink is NoFollow, last post is Do Follow	SEo, blogging, web design	4	20349
http://basicblogtips.com/	CL	Blog premalink is NoFollow, last post is Do Follow	Blog tips, blog tutorials for blogger and Wordpress, COmentLuv...	4	21178
http://weblogbetter.com/	CL	Blog premalink is DoFollow, last post is Do Follow	blogging tips, social media, SEO	4	24199
http://wordpress-websitebuilder.com/	CL	Blog premalink is DoFollow, last post is Do Follow	Wordpres SEO, basics	4	24500
http://www.stayonsearch.com/	CL	Blog premalink is DoFollow, last post is Do Follow	Blog marketing	4	27537
http://www.jonathanvolk.com/	CL	Blog premalink is DoFollow, last post is Do Follow	Making money online	4	29108
http://www.jonathanvolk.com/		Blog premalink is DoFollow	internet earning, affiliates	4	29140
http://kaiserthesage.com/	CL	Blog premalink is DoFollow, last post is Do Follow		4	33620
http://www.attractionmarketingonline.com	CL	Blog premalink is DoFollow, last post is nofollow	Attraction Marketing, blogging,social media	4	34099
http://wassupblog.com/	CL	Blog premalink is DoFollow, last post is Do Follow	Blogging tips, making money	4	46302
http://freebloghelp.com/	CL	Blog premalink is DoFollow, last post is Do Follow	SEO, blogging, Google, Leveraging tools	4	75695
http://jamesmartell.com/		Blog premalink is NoFollow, last post is Do Follow	affiliate marketing train site	4	79615
http://www.techtricksworld.com/		Blog premalink is DoFollow	Techology blog, facabook, google, blogging, reviews, WordPress	4	81361
http://www.authopublisher.com/	CL	Blog premalink is DoFollow, last post is Do Follow	Author is preacher and blogger. Write about blogging, publishing, writing tips.	4	85038
http://www.memwg.com/		Blog premalink is DoFollow	unofficial AdSense blog	4	86439
http://blondish.net/		Blog premalink is DoFollow	Social media, blogging, tutorials	4	89458
http://www.dazzlindonna.com/blog/	CL	Blog premalink is DoFollow, last post nofollow	Author is a woman who is live from internet earnings. Blogging, earnings, marketing.	4	98880
http://bloggingwithoutablog.com/		Blog premalink is DoFollow, you can put a dofollow link in a comment	Grandmother who like to write things down in her notebook and started to blogging	4	128062
http://www.windowstalk.org/	CL	Blog premalink is DoFollow, last post is Do Follow, with some javascript in links,	Technology, Windows, Blogging, Software	4	137223
http://www.doitwithwp.com/	CL	Blog premalink is DoFollow, last post is Do Follow	WordPress, this guy really love to write about Wordpress. WordPress Tutorials	4	138116
http://www.ezaroorat.com/		Blog premalink is DoFollow	SEO, web designing and internet marketing..	4	183055

Ctrl Alt Del on Remote Desktop

How to send Ctrl Alt Del key combination to rdp (remote desktop)?

Answer:

On remote desktop right combination is CTRL + ALT + END. This key combination on remote desktop has same result as CTRL + ALT + DEL on ordinary Windows.

Ctrl Alt Del key combination work on Windows, and no other application is allowed to intercept it. This is very important for security reasons. So when user click Ctrl Alt Del he is sure that he see real logon screen.

How to send CTRL ALT DEL combination on VMWare

Answer is: Ctrl Alt Ins

CTRL ALT DEL combination on Virtual PC

[Host Key]-Del (the host key is Right-Alt by default)

Change text to UPPERCASE with jQuery

How to convert text to uppercase with jQuery? It is very easy, just follow steps in this brief tutorial. To make things easy this article will provide two demo examples with jQuery code.

jQuery uppercase - change text to uppercase in messagebox

Demo:

Click here to uppercase

In this demo text "To uppercase with jquery!" is changed to uppercase "TO UPPERCASE WITH JQUERY!". When link "Click here to uppercase" is clicked changed text is showed in messagebox.

Explanation for uppercase:

jQuery have toUpperCase method which convert text to UpperCase. Here is a sample code:

<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js" type="text/javascript"></script>

<div id="target">
  Click here for uppercase
</div>

<script>
    $('#target').click(function () {
        var strVal = 'To uppercase with jquery!'
        alert(strVal.toUpperCase());
    });
</script>

First line is reference on jQuery library which every page using jQuery must have.

Then we have "Click here for uppercase" link with id target.

Inside script tag we have function which is fired when item with id "target" is clicked. Variable strVal is changed to uppercase with method toUpperCase() and showed in messagebox.

Change text in input textbox to uppercase jQuery

Change to uppercase

 

Above is a link "Change to uppercase" which change text in input text box to uppercase.

Code:

 <div id="Change">
  Change to uppercase
 </div>
<input value="to uppercase" type="text" id="inpChng" />

<script>
    $('#Change').click(function () {
        var strVal = $("#inpChng").val();
        $("#inpChng").val(strVal.toUpperCase());
    });
</script>

In the code above when link in div with id "Change is clicked" value from input text control is taken and changed to uppercase.

Fixed row in excel

How to fix row or column in Excel so when you scroll up or down this row remain locked? In this short tutorial you will find an answer. Usually users need to fixing top row in excel.

Fixed row in Excel 2010

• Select row in Excel which you want to be first non fixed row (row 2 in example, because we want to freeze row 1)











• Click View tab, then click Freeze panes icon and choose Freeze panes
  
  
  








• That's it, now you have fixed (locked) top row in excel!


• For top row you can just use Freeze Top Row option

Fix row in earlier versions of Excel

To get a fixed row, highlight the row where you wish all rows before the selected row to be fixed or locked, go to Window>"Freeze Panes" and you will see a line appear across your worksheet. Everything above the line is fixed and will remain viewable till you scroll down your worksheet.

Find more followers for Google plus circle

How to increase number of your followers on Google plus one network?. More followers more social power, new social network appeared: Google plus one (some call it just "g+"). And battle for followers is started. This article will discuss about few methods to extend your google circles. How to convince people to step in your google circle?

Make your profile noticable

Profile picture

Ask yourself what possible G+ follower first see when he come in touch with your Google plus profile?

First thing G+ member will see is your Google profile photo. So, you must find a photo that will grab G+ user attention. Someone once said that one picture is more powerful than thousand words, let's see example.

Take a quick look on picture above and say who is most popular. In my opinion most of the people will first notice picture of Seth Godin. And yes, he is very popular and have most followers (not just on Google plus network). One of reasons of his popularity is his appearance, he is standing out. Standing put is a key of success on various social networks.

Conclusion is to choose profile picture wisely.

Posts

Posts are very important when someone make decision does he will follow your Google plus profile. If your posts cover Google plus member interests then you have good chance to get one more Google plus follower. Try to make smart and (or) funny posts and follower will come one by one.

When you have some really good post use extended circles. Extended cicrcles mean that you will share your post with everyone in your circles plus all the people in their circles (only first level).

About section and subtitle bar

Fill About section. There people watch when they want to learn some basic information about you. For example I always take a look at Introduction line under About section.

Under your user name there is one subtitle line where you can write short line of text. My advice is to use it.

Follow people with many followers

This is a rule for any social network. If you follow some person bigger chance is that this person will follow you. If that person is influential you will get more followers. Very simple, in language of numbers it is better to have follower who have 10000 followers than follower who have 15 followers.

To find Google plus influential people like celebrities and hottest Google plus posts in last 24 hours visit: Google + Statistics.

Invite people you already know

Google plus offer you to get in circles people who are in your gmail contacts. Also, under Find people there are options for invite Yahoo contacts, Hotmail contacts and option for upload address book. So, you can add all your contacts (or maybe not all) in Google circles and hope they will add you to their circles.

You can try to establish connection with your connections in other Social networks (like Twitter, Digg...) but you must find them by their gmail address or their name.

Add Google plus profile button

If you have web site or blog you can add Google plus profile button on your site. In case your site or blog have good traffic there are good chance to get some more Google plus follower.

This is how G+ profile button look like:

Guide to add Google plus profile button

• Go to Google profile button page


• enter your Google plus profile URL - you can find your profile URL in URL bar when your Google profile page is opened


• Chose Google profile button size


• Copy Google + button code and paste it on your site or blog

Try to find new Google plus followers using various groups

With time there will be various places on web where you could take an opportunity to get more Google plus followers like forums, facebook pages, internet sites, social networks...

For example take a look at this facebook page: Google Plus Add List - Get More Followers and Bigger Circles.

Add Google Plus One Button to Blogspot (blogger)

This is short step by step guide how to add Google +1(plus one) share social button to every blogger post. To implement Google plus one button on blogger you need to copy Google code for button and paste copied code inside HTML Layout section in blogger interface.

This is how Google Plus one social link looks like:

To add Google plus one button to blogspot (blogger) first copy this Google plus one code:

<!-- Google  1 button Start -->
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<p></p>
<div style='float:left;padding:10px;'>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<g:plusone expr:href="data:post.url" size="standard" count="true"></g:plusone>
</div>
</b:if>
<!-- Google  1 button End -->

You can replace value of attribute size (on example is standard) with one listed of values depending on appearance you want to get:

Button size (with count)	Value
	small
	medium
	standard
	tall

To add Google +1 (plus one) button on the beginning of every post or on the bottom of every post follow this steps. In HTML layout search for <data:post.body/> and paste the code just before if you want to have Google +1 button on the top of the post or after it for Google plus one button on the bottom of the post.

Here are steps:

• Go to Layout in your blogspot blog


• Click on Layout --> Edit HTML


• it is recommended to backup template on local hard disk before doing any change in edit template box


• check on Expand Widget Template checkbox


• find <data:post.body/>


• for Google +1 button counter on the top of post add Google plus one button code (for code check previous section of this article) before <data:post.body/>
  
  

  ...
  
  [GOOGLE +1 BUTTON CODE]
  <data:post.body/>
  ...
  



• or you can want Google plus one button on the end of your posts, add Retweet button code just after the <data:post.body/>
  
  

  ...
  <data:post.body/>
  [GOOGLE +1 BUTTON CODE]
  ...
  

There is one problem. On my blog main page when more than one post appear, google plus one button is showed only on first post. When one post per page is showed everything is OK. I didn't find solution for this problem on the web. On the other side this problem is not so serious.

Windows taskbar showing only one item per IE instance (not one per tab)

After I installed IE9 on Windows Server 2008, found that in Windows taskbar for Internet explorer are showed items for each open IE tab. If you are get used to showing only IE browser instances in Windows taskbar like me then you just found easy guide how to conifgure your IE to show only one item in Windows taskbar per instance.

So, you have many tabs opened in Internet Explorer, and widnow taskbar display many previews, one for each opened tab. On image below, two instances of IE are opened, first instance have two opened tabs and another IE instance have one opened tab.

And you think it would be better if only one preview per instance of IE will be visible. In our example we want to have two previews (imagine what a mess will be if you have dozen of open tabs) for each IE instance one without tabs:

Solution:

• Click the Tools option at the top right corner of your Internet Explorer browser window and then click on Internet Options
  
  
  




















• Internet Options --> General --> Tabs --> Settings
  
  
  




















• uncheck option "show previews for individual tabs in the taskbar *", click OK and restart your Internet Explorer.

Now you configured your IE to show previews in Winodws taskbar only for each instance not for tabs.

jQuery picture zoom

How to make jQuery picture zoom effect in a simple way. This jQuery image zoom effect you can easy add to your web or maybe to blogger's post. On this blog you can find more useful jscript effect tutorials.

Let's first take a look how jQuery picture zoom look like:

So when visitor hover a mouse over small picture zoom portion of that image appeared on right side with help of jQuery. On mouseover, image is zoomed! I believe that this is one of the simplest implementation of picture zoom effect you can find on Internet.

To accomplish picture zoom with jQuery like in demo you need to add this code on your web page:

<script src="[PathToJqueryFile]" type="text/javascript"></script>

<script src="[PathTojqzoomFile]" type='text/javascript'></script>

<script type="text/javascript">

    $(function () {
        var options =
{
    zoomWidth: 275,
    zoomHeight: 275
}
        $(".jqzoom").jqzoom(options);

        var options2 =
{
    zoomWidth: 275,
    zoomHeight: 275,
    zoomType: 'reverse'
}

        $(".jqzoom2").jqzoom(options2);

    });
</script>
<!--JQZOOM-STOPS-HELP@-http://bloggerstop.net-->

<a href="[PathToBiggerImage]" class="jqzoom" style="" title="Paris">

  <img src="[PathToSmallerImage]"  title="kawasakigreen" style="border: 1px solid #666;"><br />
</a>

You can copy code above and replace green words with real values:

• [PathToJqueryFile] - path to jquery-1.3.2.min.js file. You must have this file to implement any jQuery functionality on your web site. You can download this file here.


• [PathTojqzoomFile] - path to jquery.jqzoom1.0.1.js file. This file is needed for zoom functionality. You can download this file here.


• [PathToBiggerImage] - path to image that will be displayed as a zoomed part of picture (in example it is zoomed portion of image which appear on the right side of the screen)


• [PathToSmallerImage] - path to image that will be displayed as a image that you can move cursor over it (in example this is left picture)

In the end, here is some real code that works but please use it just for testing purpose. If you want to implement jquery picture zoom fuctionallity on you page, please, do not use paths you find on demo code below but download jqury files and upload them somewhere.

<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="http://nikofer.opendrive.com/files/54142960_wVVW5/jquery.jqzoom1.0.1.js" type='text/javascript'></script>

<script type="text/javascript">

    $(function () {
        var options =
{
    zoomWidth: 275,
    zoomHeight: 275
}
        $(".jqzoom").jqzoom(options);

        var options2 =
{
    zoomWidth: 275,
    zoomHeight: 275,
    zoomType: 'reverse'
}

        $(".jqzoom2").jqzoom(options2);

    });
</script>
<!--JQZOOM-STOPS-HELP@-http://bloggerstop.net-->

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS8KHDSFc9LUf7Z8GIo920lA6j_EjMvQOCvQcT5puVzZoH3-i_MYjha2w4Siej9wd2utJSwagutC5UHGDvYZcV2dgGq0kI8dn5GsF1PPpYakYosgenP59zW69JohD-Ai3e-Zws-w46YYE/s800/SealSmall.jpg" class="jqzoom" style="" title="Paris">

  <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2KDEWmLwz2Mx5wo-3cBnjNn-4e_HPYx6xzeMAikXolzag2JN7SJcO21oMpe-R_k9pW_wIusC1YjgnrLHPn74FHrspa1DpeSs-QKgF4nKkRli8dMH7V-mxipLbY95SMVgcIeXqJng0Tnk/s144/SealBig2.JPG"  title="kawasakigreen" style="border: 1px solid #666;"><br />
</a>