ajibanda++

The Wi-Fi Battle Lines are Being Drawn

The Federal Communications Commission wants to broaden national Wi-Fi networks, allowing consumers to call, text and go online without paying a monthly fee to a cell phone service provider. The plan has divided the tech world into two camps.

Internet providers understand that unrestricted Wi-Fi access would prompt an avalanche of innovation and new devices that would benefit consumers, especially the poor and those in rural areas. Cloud computing could expand exponentially because wireless reliability and performance must be the linchpin of any cloud service.

Flickr phot by °Florian

The Wireless Lobby

On the other hand, the $178 billion wireless industry is ferociously and frantically lobbying to toss the idea. Companies like AT&T, Verizon, Cisco and others claim that unused white-space spectrum would be more functional if it were licensed rather than made available to the public without any regulation. Others argue that no universal Wi-Fi network exists yet and there is no guarantee that such a network would be functional, particularly in densely populated areas.

Free Market Approach

The FCC mandate would create Wi-Fi zones so vast and far-reaching that they could essentially allow a self-driving car to "talk" to another vehicle a mile away, or connect a hospital with a patient's heart monitor a dozen or more miles away. FCC Chairman Julius Genachowski says making unlicensed spectrum available is a "vibrantly free-market approach" that would allow innovators to develop new technologies for the direct benefit of consumers.

But no specific proposal for universal Wi-Fi is advancing because of the noisy debate between technology giants like Google and Microsoft — who support open access — and wireless carriers that are committed to protecting their turf. The battle is already playing out in communities in Texas and Georgia, notes InternetProviders.com.

Consequently, because the white-space spectrum will not be opened to the public anytime in the near future, consumers will remain chained to their wireless carriers. People of limited means will continue to live on the margins of the digital world, with no or with limited access to wireless service. For those who use the Internet casually, there will be no opportunity to find a free path online. The wireless industry's ongoing iron grip on Wi-Fi availability is a major loss for individual wireless customers.

Business Community Split

The implications for businesses are murkier, depending on which side of the debate a particular industry is on. Businesses that support and partner with the wireless industry, would, of course, benefit from the lack of universal Wi-Fi implementation.

But businesses that rely on partnerships or alliances with Internet providers, like health care companies, scientific and research enterprises, software developers and hardware providers, could have a huge impact on society through universal Wi-Fi. British wireless expert Richard Thankl points out that the "Internet of things" has the potential to generate up to $870 billion in economic value in the year 2020.

Guest Author

Patricia Tucker - Pat is a tech writer from Toledo, Ohio.

Transform your Texts To Twitter Like Format Using JQuery

This tutorial is just for design and fun. What we aim here is to transform your texts to Twitter looking style and make it tweetable with a single click of a button.

Transform your Text To Twitter Looking Design Using JQuery

The Code

HTML

<pre class="tweetQuote">
 Place Adsense Ads Within Your Posts http://fb.me/NjqXLCYR @ajibanda_pp #Blogger #AdSense
</pre>

CSS

.tweetQuote { display: block;
              font-family: Georgia,"Times New Roman",Palatino,serif;
              border-style: solid;
     background-color: #F8F7F7;
              border-width: 1px;
              border-color: #EEE #DDD #BBB;
              max-width: 99%;
              min-width: 220px;
              border-top-left-radius: 5px;
              border-top-right-radius: 5px;
              border-bottom-right-radius: 5px;
              border-bottom-left-radius: 5px;
              box-shadow: rgba(0, 0, 0, 0.14902) 0px 1px 3px;
              padding: 20px;
              width: 50%;
              word-wrap: break-word;
              font-weight: bold;
              color: #5A5252;
              margin: auto;
              margin-bottom: 10px;
              margin-top: 10px;
            }
.tweetQuote a { text-decoration: none;
                color: #0084B4;
              }
.tweetFooter { text-align: right;
               font-size: 12px;
               font-family: Calibri;
             }
hr.tweetHr { height: 0.00025em;
             background-color: #FFF;
             border-color: #FFF;
           }

JQuery

WARNING: Take note that we will be using JQuery library for this script. Make sure that you have added JQuery on your web page

$.fn.tweetify = function () {
    console.log($(this));
    $e = $(this);
    $e.each(function () {
        t = $(this).text();
        nT = t.replace(/((ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?)/gi, '<a href="$1">$1</a>').replace(/(^|\s)#(\w+)/g, '$1<a href="http://twitter.com/search?q=%23$2">#$2</a>').replace(/(^|\s)@(\w+)/g, '$1<a href="http://twitter.com/$2">@$2</a>');

        nT += "<hr class='tweetHr' /><div class='tweetFooter'><a target='_blank' href='http://twitter.com?status=" + t.substring(0, 137) + "...'>Retweet &#8594; </a></div>"
        $(this).html(nT);
    });
}

How it Works?

First thing to do is to process the text inside the element. What we need to look for are the following:

A link that we can convert to a valid HTML link tag
A mention that starts with @ that we can link to a twitter handler
A hashtag that starts with # that we can link to twitter search handler

Upong searching on these items on the text, we need to replace them with a HTML link tag and assign a corresponding link for them.

For a link, we just simply use the text itself. It's already a link after all.
For a mention, we just need to extract the twitter handler by removing the prefix @ and replacing it with http://twitter.com/
For a hashtag, we need to replace the # symbol with http://twitter.com/search?q=%23

Another cool feature about this too is the ability to make the text tweetable. What we did is to simply add a link below and attach the following URL in it: http://twitter.com?status=INSERT-TEXT-HERE. This automatically directs you to a status box ready for clicking in Twitter.

How do I use it?

Simply add the following on you head tags:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" ></script>
<script src="https://dl.dropboxusercontent.com/u/78775250/downloads/tweetify/ajtweetify.041713.min.js" ></script>
<link rel="stylesheet" href="https://dl.dropboxusercontent.com/u/78775250/downloads/tweetify/ajtweetify.041713.css" type="text/css" media="screen" />

Then simply call the function by using:

$(".tweetQuote").tweetify();

or you can also download the file in this location:

Download Tweetify-041713.rar

Place AdSense Ads Within your Post in Blogspot

The aim of this tutorial is to place a div content inside another div content.

One interesting application for this tutorial is for Blogspot users who want to place their ads within their posts. Yup, you read it right, not just above nor below the content but within the article itself.

Place AdSense Ads Inside your Article in Blogspot

This feature is not supported by Blogspot as compared with other blogging platforms like WordPress. But thanks to scripts, you can simply re-design your layout to make those ads appear between your posts.

How does it work?

Things to consider first is to use <br /> after each paragraph. This is done by default if you use the HTML editor of Blogspot and setting auto line breaks on Enter in the options menu.

Press Enter for line break feature in blogspot

Now, what it does is simply look for the <br /> tag and place the AdSense content there.

How to Do it?

First we need to make sure that we have the JQuery set in our template. If not, you can simply place this inside your head tags.

Note that you should only place one jquery.js file in your so make sure that it is not yet added on your template. To check you can simply view the source code (in Firefox and Chrome that is Ctrl+U).
```
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" ></script>
```
After that, we need to edit our template. Open Template and click Edit HTML. Look for:

WARNING: Make sure to back up first your template before proceeding.
```
<data:post.body/>
```
Replace it with:
```
<div id="mainPostContent">
 <data:post.body/>
</div>

<div id="addThisCode">
 
</div>
```
Make sure to replace the  with your actual Google AdSense Code. Most templates might have two < data:post.body /> in their codes, so make sure to replace both.

If you have troubles finding the data:post.body using the new blogger editor, simply follow these steps:
1. Click Jump to widget and choose Blog1.
2. Open the Blog1 block and look for a block with an id of Post
3. Open the Post block and press Ctrl+F and search for data:post.body
Now look for </body> and place this script.
```
<script>
 $addThisCode = $("#addThisCode").html();
 $("#mainPostContent br:lt(1)").replaceWith("<br/>" + $addThisCode + "<br/>");
 $("#addThisCode").remove();
</script>
```
You can also place this code right after the code on step 2. The only reason we are placing it on the end is because this is the rule of thumb on placing scripts within a page.
Save and view your blog.

If you do everything correctly, you may see your AdSense being placed in between your posts.

I want a different place within my post! How should I do it?

Using the code above, it will basically move your adsense code right after the first paragraph. If you want another position, just replace the br:lt(1) part of the code on step 3 (see line 3) with br:eq(5). You can change the number inside eq() with your desired position.

The number inside the eq() represents the <br /> tag that we will be replacing. Remember also that we are using two <br /> tags after every paragraph. That means if we use 5, we will be moving the adsense code after the third paragraph.

Though, the problem with using big numbers in here is when you have short posts or articles with no paragraphs. This trick may not work and will place your adsense coed below your post.

Will I violate any AdSense Rules in here?

Well, I'm not exactly sure of it. I've checked the AdSense Program Policies set by Google and as far as I know, this trick is not violating any rules.

The section for Ad behavior states that ads should not be altered nor place in an iframe or pop-up dialog. Since we are not using iframe here and the code itself was not at any point been changed, then I guess we are safe here. What we are trying to do is to just re-position the code using jQuery.

I also checked the Ad placement part of the guidelines. Other sites have been using this technique already and the said position, within the posts, is already been in practice by most sites. So I guess we are still obeying the terms of this section.

Anyway, whether you want to do it or not, the choice is still in your hands. Should you have any queries or concerns, feel free to comment below so that we can look at your site. :)

< ajibanda++ />