Articles Tagged 'Internet'


BlogBabel Rank: not intrusive

Update: Blogbabel closed - all services, widgets and plugins are no longer active

This thing does not refer to the unobtrusive JavaScript to particular techniques, indeed! Always to compatibility issues (thank you again Gioxx for testing and feedback), here is another method to install the antipixel of BlogBabel also on the blog that intercept loads of scripts and everything else:

1
2
3
<! - BlogBabel Rank ->
"BlogBabel Rank - by undolog.com" src = "http://www.undolog.com/bbrank/[blog]" / > < img alt = "BlogBabel Rank - by undolog.com" src = "http://www.undolog.com/bbrank/ [blog]" />
<! - BlogBabel Rank ->

Coming

BlogBabel Rank

If you want you can also prepend the link to BlogBabel or your complete statistics:

1
2
3
4
5
<! - BlogBabel Rank ->
"_blank" href = "http://it.blogbabel.com/metrics/[blog]" > < a target = "_blank" href = "http://it.blogbabel.com/metrics/ [blog]">
"0" alt = "BlogBabel Rank - by undolog.com" src = "http://www.undolog.com/bbrank/[blog]" / > < img border = "0" alt = "BlogBabel Rank - by undolog.com" src = "http://www.undolog.com/bbrank/ [blog]" />
</ a >
<! - BlogBabel Rank ->

Or more simply:

1
2
3
4
5
<! - BlogBabel Rank ->
"_blank" href = "http://it.blogbabel.com" > < a target = "_blank" href = "http://it.blogbabel.com">
"0" alt = "BlogBabel Rank - by undolog.com" src = "http://www.undolog.com/bbrank/[blog]" / > < img border = "0" alt = "BlogBabel Rank - by undolog.com" src = "http://www.undolog.com/bbrank/ [blog]" />
</ a >
<! - BlogBabel Rank ->

This technique makes the antipixel of BlogBabel entirely similar to the method used by Feedburner ... ;)

More ...

BlogBabel Rank: image without script

Update: Blogbabel closed - all services, widgets and plugins are no longer active

Further improvement thanks to a mail exchange with Gioxx to eliminate also the use of a script. With this simple code and thanks to the service provided by tools.blogflux.com you can see the rank BlogBabel directly from a link to an image! This should solve the major incompatibilities between the various bloggers:

1
2
3
<! - BlogBabel Rank ->
"BlogBabel Rank - by undolog.com" src = "http://www.undolog.com/services/bbroimage.php?blog=[blog]" / > < img alt = "BlogBabel Rank - by undolog.com" src = "http://www.undolog.com/services/bbroimage.php?blog = [blog]" />
<! - BlogBabel Rank ->

To determine your code to replace the [blog] see here

More ...

Rank BlogBabel image version

Update: Blogbabel closed - all services, widgets and plugins are no longer active

I realized for the antipixel BlogBabel in image version! Thanks to one of the services offered by tools.blogflux.com can now display your rank BlogBabel in GIF. The code to be used is the following:

1
2
3
<! - Start BlogBabel Rank ->

<! - End BlogBabel Rank ->

As always substituted for [blog] your code. This version does NOT require Flash! However, it allows the background display red or green depending on the improvement of rank. Obviously the context menu is not available as in Flash version. The choice is yours and all good antipixel ;)

More ...

BlogBabel patch Rank: W3C compatibility and Internet Explorer

Update: Blogbabel closed - all services, widgets and plugins are no longer active

To resolve the activation and control of Internet Explorer to improve the W3C validation have changed - and made ​​it easier - installation dell'antipixel BlogBabel Rank. The new code is used:

1
2
3
<! - Start BlogBabel Rank ->

<! - End BlogBabel Rank ->

Replace [blog] with the usual code metrics provided in BlogBabel .

More ...

BlogBabel Rank 1.2

Update: Blogbabel closed - all services, widgets and plugins are no longer active

  • Correct label "Blogbael" in "Blogbabel" - thanks Alex for letting me know
  • Adding visualization Present Value, Maximum Value and Minimum Value, these correspond to the list shown on the general classification, type:

To answer Tessarolo Thomas who wrote:

Why do not you also do one for the other 2 antipixel ranking category and no one without the other for commercial blogs. The ideal is to have a comprehensive antipixel 4: General, non-commercial, no category + trend (up or down) the style of those shiny stats

Unfortunately, currently on BlogBabel you can not immediately view a blog in a particular category. Basically if you go on the site BlogBabel and select such as "Only the blog without category ", what you get is a list of Blog-paged, from the first penny, without having the opportunity to ask the system to" show me undolog in that position results in this category "... while you can skim standard metrics for blogs, for others you only get paged lists. In practice only persons who are among the top 100 would be detectable, but for the hundred and one blog on, you should search for all pages ... it is much too "convoluted"!

Should I contact the makers of BlogBabel and ask for the activation of filters or special pages created specifically for antipixel ... thing in the future, however, does not mean that it is not possible ;)

More ...

BlogBabel Rank: update version 1.1

Update: Blogbabel closed - all services, widgets and plugins are no longer active

I made ​​some additions and improvements all'antipixel in Flash to display the rank of BlogBabel .


Version 1.1

First of all sull'antipixel clicking opens a new browser window - rightly - points to the site BlogBabel directly to your stats page. I added a context menu with two options: the link to undolog.com and function refresh (update) its rank.

Last grains added is the ability to remember the last rank displayed (for now not to fetch BlogBabel ) so as to show a red background in case you have lost a few positions ;)

More ...

BlogBabel Rank: antipixel in Flash

Update: Blogbabel closed - all services, widgets and plugins are no longer active

I was there I created in Flash for a antipixel BlogBabel showing the rank!

To use it copy the code below and replace the [blog]'s ID used in your blog BlogBabel . To get the ID of your blog go BlogBabel   visualiizate and your stats. The url of the page is formatted http://it.blogbabel.com/metrics/blog/ [ID] /, copy the part [ID] and replace the code below:

1
2
3
<! - Code path for Internet Explorer ->

<! - End BlogBabel Rank ->

OPTIONS AND FUNCTIONALITY '

In this version if you click sull'antipixel you can upgrade the rank.

The background color can be changed directly in the proposed code above: it is now set to # eeeeee!

Any suggested improvements ... ;)

More ...

Google Analytics: new version

Google Analytics

We are pleased to announce the new redesigned version of Google Analytics.
In the coming weeks, will migrate all existing Analytics accounts to the new Google Analytics interface. You will be notified via email once the migration of your account. For a month, you can access both the original and the new interface. During the migration, there is no interruption of service and be able to view all your data regardless of the interface used.

Google Analytics

For those already registered can access a preview of the new features really interesting. It was a bit 'that Google did not update its system of statistics and the competitors they had definitely benefited (see: Reinvigorate: measure. analyze. evolves. ). Among the most interesting, at least for me, I point out:

Custom message boards
You no longer need to go to find information in the reports. Enter all the information you need on a custom board to send to others via email.

Reports via email
Schedule or send report "ad hoc" via email that contain exactly the information you want to share.

For now only a few accounts have been migrated, my - for example - no! As indicated in the note, in fact, Google will notify users by email for a month so that you can evaluate the new version will have access to the former - probably not to get lost and to compare the two systems! As soon as I can prove will post my impressions ... ;)

More ...

Capturing the rank to BlogBabel

Update: Blogbabel closed - all services, widgets and plugins are no longer active

Not long ago he came across a blog that showed a antipixel of BlogBabel with lots of index / rank (which can often be four digits). I left a message to the owner of the blog but received no answer! So I contacted directly responsible for BlogBabel to ask if he had antipixel dynamic! I politely responded (thanks Neko) by sending the antipixel static, like this , Still in preparation.

In the meantime here's a little PHP code grabbare useful for their rank on BlogBabel :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
/ *
Bypasses the block ** fopen () php
* /
$blog = "" ) { function getContent ($ blog = "") {
curl_init ( ) ; $ Ch = curl_init ();
5 ; $ Timeout = 5;
$ch , CURLOPT_URL , AIM_URL . $blog . "/" ) ; curl_setopt ($ ch, CURLOPT_URL, AIM_URL. $ blog. "/");
$ch , CURLOPT_RETURNTRANSFER , 1 ) ; curl_setopt ($ ch, CURLOPT_RETURNTRANSFER, 1);
$ch , CURLOPT_CONNECTTIMEOUT , $timeout ) ; curl_setopt ($ ch, CURLOPT_CONNECTTIMEOUT, $ timeout);
curl_exec ( $ch ) ; $ File_contents = curl_exec ($ ch);
$ch ) ; curl_close ($ ch);
/ / Display file
$file_contents ) ; return ($ file_contents);
}

/ *
** Name of the blog url to GET
* /
isset ( $_GET [ "blog" ] ) ) { if ( isset ($ _GET ['blog'])) {

getContent ( $_GET [ "blog" ] ) ; $ Contents = getContent ($ _GET ['blog']);

'<span id="current_rank">' ; $ S = '<span id="current_rank">';
'</span>' ; $ E = '</ span>';
strpos ( $contents , $s ) ; $ Pos = strpos ($ contents, $ s);
$pos + strlen ( $s ) ; $ F = $ pos + strlen ($ s);
substr ( $contents , $f , ( strpos ( $contents , $e , $f ) - $f ) ) ; $ Rank = substr ($ contents, $ f, ( strpos ($ contents, $ e, $ f) - $ f));

. $rank ; echo 'rank:'. $ rank;
}

, un'alternativa alla fopen() per i provider che bloccano questa funzione. The function getContent() makes use of the curl , an alternative to fopen() for providers that block this function.

This course is a "zozzata" as the jargon! But it works. In addition one can also use the library ImageMagick to generate a antipixel graph, add the function:

1
2
3
4
5
6
7
8
9
/ *
Creates an image **
* /
$rank , $blog ) { makeAntipixel function ($ rank, $ blog) {
'/usr/bin/convert' ; $ Location = '/ usr / bin / convert';
"convert -border 1 -font Arial -pointsize 10 -gravity West -size 80x15 xc:white -annotate 0x0+0+0 '" . $rank . "' " . $blog . ".gif" ; $ Command = "convert-border 1-font Arial-pointsize 10-gravity West-size 80x15 xc: white-annotate 0x0 +0 +0 '". $ Rank. "'". $ Blog.. "Gif";
$location . ' $ Convert = $ location. ' $command ; '. $ Command;
$convert ) ; exec ($ convert);
}

And then change:

1
2
3
4
5
6
7
8
9
10
11
12
13
isset ( $_GET [ "blog" ] ) ) { if ( isset ($ _GET ['blog'])) {

getContent ( $_GET [ "blog" ] ) ; $ Contents = getContent ($ _GET ['blog']);

'<span id="current_rank">' ; $ S = '<span id="current_rank">';
'</span>' ; $ E = '</ span>';
strpos ( $contents , $s ) ; $ Pos = strpos ($ contents, $ s);
$pos + strlen ( $s ) ; $ F = $ pos + strlen ($ s);
substr ( $contents , $f , ( strpos ( $contents , $e , $f ) - $f ) ) ; $ Rank = substr ($ contents, $ f, ( strpos ($ contents, $ e, $ f) - $ f));

, $_GET [ "blog" ] ) ; makeAntipixel ($ rank, $ _GET ['blog']);
; echo'';
}

To see your rank you can use the test:

http://www.undolog.com/services/blogbabelrank.php?blog = [name of your blog]

For example, to display the rank of undolog enough:

http://www.undolog.com/services/blogbabelrank.php?blog=undolog

More ...

Unobtrusive Tabstrip

Using prototype.js and Scriptaculous here is how to realize the simple-tab strip for a Web site In this version the subject is not the Tabstrip but its operation. The essential feature of this script lies in the simplicity of use and ability to maintain a page accessible even when JavaScript is disabled. In practice you can even add pages to this technique have already been completed which respect the minimum of HTML syntax shown below.

To maintain accessibility in the event of Javascript disabled HTML so let's start from the standard case, that is, when you insert the anchor within a page, in the format:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
< ul >
= "#tbs1" > Link 1 < / a >< / li > < them > < a href = "# Tbs1"> Link 1 </ a > </ trip >
= "#tbs2" > Link 2 < / a >< / li > < them > < a href = "# tbs2"> Link 2 </ a > </ trip >
= "#tbs3" > Link 3 < / a >< / li > < them > < a href = "# tbs3"> Link 3 </ a > </ trip >
</ ul >

"tbs1" >< / a > < a name = "Tbs1"> </ a >
< div >
p > < p > Content # 1 </ p >
</ div >

"tbs2" >< / a > < a name = "tbs2"> </ a >
< div >
p > < p > Content # 2 </ p >
</ div >

"tbs3" >< / a > < a name = "tbs3"> </ a >
< div >
p > < p > Content # 3 </ p >
</ div >

The HTML code above works as it does not absolutely make use of Javascript! Now to our code Unobtrusive:

1
2
3
4
5
6
7
8
9
10
11
12
13
window , 'load' , function ( ) { Event. Observe (window, 'load', function () {
) . each ( function ( element ) { $ $ ('A [href ^ = #]: not ([href = #])'). Each (function (element) {
'click' , function ( event ) { element. observe ('click', function (event) {
) . each ( function ( element ) { element. next ( ) . style . display = "none" } ) $ $ ('A [name])'). Each (function (element) {element. Next (). Style. Display = "none"})
'a[name="' + this . hash . substr ( 1 ) + '"]' ; var c = 'a [name = "' + this. hash. substr (1) + '"]';
. each ( function ( element ) { new Effect. Appear ( element. next ( ) ) } ) ; $ $ (C). Each (function (element) {new Effect. Appear (element. next ())});
event ) ; } . bindAsEventListener ( element ) ) Event. Stop (event);}. BindAsEventListener (element))
})
0 ; var i = 0;
) . each ( function ( element ) { if ( i > 0 ) element. next ( ) . style . display = "none" ; else i ++; } $ $ ('A [name])'). Each (function (element) {if (i> 0) element. Next (). Style. Display = "none"; else i + +;}
);
}
);

This code - in our place - not only transforms our Tabstrip in a bulleted list, but thanks to Scriptaculous , it also adds a nice fade effect when switching from a link-tab to another.

More ...



Stop SOPA