Tuesday, October 25, 2011

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.


Wednesday, October 19, 2011

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

  • Google Chrome - find a hyperlink





  • highligh hyperlink

  • click right mouse button and choose Inspect element

  • Right click mouse on highlighted link and chose 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
  • Inspect element box with link HTML code




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"
  • Find if link is DoFollow in Firefox by using 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

  • Menu bar - Tool - NoDoFollow checkbox















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

  • DoFollow add-on for Firefox in action

Thursday, October 13, 2011

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

Dynamic view sidebar

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

Saturday, October 8, 2011

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.

Does Google PageRank work?

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.


Monday, October 3, 2011

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.


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.