<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>TinyWall InfoMedia</title>
	<atom:link href="http://tinywall.info/feed/" rel="self" type="application/rss+xml" />
	<link>http://tinywall.info</link>
	<description>Technology &#38; Programming Blog &#124; Web Development and Designing</description>
	<lastBuildDate>Wed, 30 Jan 2013 19:49:08 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.5</generator>
		<item>
		<title>Create automatic mysql database backup using cronjob, gzip and shell script in linux</title>
		<link>http://tinywall.info/2013/01/31/create-automatic-mysql-database-backup-using-cronjob-gzip-and-shell-script-in-linux/</link>
		<comments>http://tinywall.info/2013/01/31/create-automatic-mysql-database-backup-using-cronjob-gzip-and-shell-script-in-linux/#comments</comments>
		<pubDate>Wed, 30 Jan 2013 19:49:08 +0000</pubDate>
		<dc:creator>smartmohi</dc:creator>
				<category><![CDATA[LAMP]]></category>
		<category><![CDATA[Linux]]></category>

		<guid isPermaLink="false">http://tinywall.info/?p=436</guid>
		<description><![CDATA[MySQL which is the most popular and widely used opensource database. Many web applications are developed using the MySQL database. It&#8217;s always a best practice to backup the your CMS or any custom developed web application database daily. The three easy steps to configure the automatic backup in Linux is as follows, STEP 1: Creating a Shell [...]]]></description>
				<content:encoded><![CDATA[<p>MySQL which is the most popular and widely used opensource database. Many web applications are developed using the MySQL database. It&#8217;s always a best practice to backup the your CMS or any custom developed web application database daily.</p>
<p>The three easy steps to configure the automatic backup in Linux is as follows,</p>
<p><strong>STEP 1: Creating a Shell Script using VIM editor</strong></p>
<pre class="brush: bash; title: ; notranslate">
vi db_backup.sh
</pre>
<p>in VIM: press &#8220;i&#8221; to start inserting below &#8220;db_backup.sh&#8221; shell script<br />
in VIM: press &#8220;Esc&#8221; then &#8220;:wq&#8221;</p>
<p><strong>db_backup.sh</strong></p>
<pre class="brush: bash; title: ; notranslate">
FILENAME=&quot;$(date +&quot;%Y%m%d&quot;_db_bak.sql.gz)&quot;
DATABASENAME=&quot;database_name&quot;
DATABASEUSER=&quot;database_username&quot;
DBPASSWORD=&quot;database_password&quot;

mysqldump -u $DATABASEUSER -p$DBPASSWORD -B $DATABASENAME | gzip &gt; /path/to/$FILENAME
</pre>
<p><strong>STEP 2: Create and activate CRON job</strong><br />
List active CRON jobs</p>
<pre class="brush: bash; title: ; notranslate">
root@example.com:~$ crontab -l
</pre>
<p>Edit CRON jobs list</p>
<pre class="brush: bash; title: ; notranslate">
root@example.com:~$ crontab -e
</pre>
<p><em style="line-height: 1.714285714; font-size: 1rem;"><strong>m h dom mon dow command</strong></em></p>
<ul>
<li><em><strong>m</strong></em> - Minutes</li>
<li><em><strong>h</strong></em> - Hours (24 time)</li>
<li><em><strong>dom</strong></em> - Day of the Month</li>
<li><em><strong>mon</strong></em> - Month</li>
<li><em><strong>dow</strong></em> - Day of the week</li>
<li><em><strong>command</strong></em> - The command you want to run. This can contain spaces or point to a bash script.</li>
</ul>
<pre class="brush: bash; title: ; notranslate">
1 3 * * * sh /path/to/db_backup.sh
</pre>
<p><strong>STEP 3: Change folder permission</strong></p>
<p>See the Shell script using</p>
<pre class="brush: bash; title: ; notranslate">
cat db_backup.sh
</pre>
<p>Check if the Shell script is working</p>
<pre class="brush: bash; title: ; notranslate">
sh db_backup.sh
</pre>
<p>go to the /path/to/ and see if the file is created</p>
<div id="attachment_452" class="wp-caption alignleft" style="width: 384px"><a href="http://tinywall.info/wp-content/uploads/2013/01/mysql_backup_automatic.jpg"><img class="size-full wp-image-452" alt="Automatic MySQL Backup" src="http://tinywall.info/wp-content/uploads/2013/01/mysql_backup_automatic.jpg" width="374" height="96" /></a><p class="wp-caption-text">Automatic MySQL Backup</p></div>
<p>If the file is NOT created apply the 775 folder permission to the folder /path/to/</p>
<pre class="brush: bash; title: ; notranslate">
chmod -R 775 /path/to/*
</pre>
]]></content:encoded>
			<wfw:commentRss>http://tinywall.info/2013/01/31/create-automatic-mysql-database-backup-using-cronjob-gzip-and-shell-script-in-linux/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Multilanguage support &amp; Internationalization (i18n) in Java Web Application</title>
		<link>http://tinywall.info/2012/07/03/internationalization-i18n-java/</link>
		<comments>http://tinywall.info/2012/07/03/internationalization-i18n-java/#comments</comments>
		<pubDate>Tue, 03 Jul 2012 05:13:20 +0000</pubDate>
		<dc:creator>kathir</dc:creator>
				<category><![CDATA[Web Development]]></category>
		<category><![CDATA[i18n]]></category>
		<category><![CDATA[internationalization]]></category>
		<category><![CDATA[j2ee]]></category>
		<category><![CDATA[java]]></category>

		<guid isPermaLink="false">http://tinywall.info/?p=381</guid>
		<description><![CDATA[1. Create a Simple dynamic web project in eclipse and name it as &#8220;Test&#8221;. 2. create a package &#8220;com.example.test and place the property file inside the package 3. create the JSP page with name “index.jsp” and place the code below in that page. 4 create the JSP page with name “tt.jsp” and place the below [...]]]></description>
				<content:encoded><![CDATA[<p>1. Create a Simple dynamic web project in eclipse and name it as &#8220;Test&#8221;.</p>
<p>2. create a package &#8220;com.example.test and place the property file inside the package</p>
<p><a href="http://tinywall.info/wp-content/uploads/2012/06/tt.png"><img class="aligncenter size-full wp-image-382" src="http://tinywall.info/wp-content/uploads/2012/06/tt.png" alt="" width="269" height="456" /></a></p>
<p>3. create the JSP page with name “index.jsp” and place the code below in that page.</p>
<pre class="brush: xml; title: ; notranslate">
&lt;%@ page language=&quot;java&quot; contentType=&quot;text/html; charset=ISO-8859-1&quot;
pageEncoding=&quot;ISO-8859-1&quot;%&gt;
&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot; &quot;http://www.w3.org/TR/html4/loose.dtd&quot;&gt;
&lt;html&gt;
&lt;head&gt;
&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=ISO-8859-1&quot;&gt;
&lt;title&gt;Insert title here&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;form action=&quot;tt.jsp&quot; method=&quot;post&quot;&gt;
English:
&lt;input type=&quot;radio&quot; checked=&quot;checked&quot;
name=&quot;lang&quot; value=&quot;en&quot;&gt;
&lt;br&gt;
French:
&lt;input type=&quot;radio&quot;
name=&quot;lang&quot; value=&quot;fr&quot;&gt;
&lt;input type=&quot;submit&quot; name =&quot;Submit&quot; value=&quot;Submit&quot;&gt;&lt;/input&gt;
&lt;/form&gt;
&lt;/body&gt;
&lt;/html&gt;
</pre>
<p>4 create the JSP page with name “tt.jsp” and place the below code inside that page.</p>
<pre class="brush: xml; title: ; notranslate">
&lt;%@ page language=&quot;java&quot; contentType=&quot;text/html; charset=ISO-8859-1&quot;
pageEncoding=&quot;ISO-8859-1&quot;%&gt;
&lt;%@ page import=&quot;java.util.*&quot;%&gt;
&lt;%@ page import=&quot;com.example.*&quot; %&gt;
&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot; &quot;http://www.w3.org/TR/html4/loose.dtd&quot;&gt;
&lt;html&gt;
&lt;head&gt;
&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=ISO-8859-1&quot;&gt;
&lt;title&gt;Insert title here&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;%
String l1=null;
l1=request.getParameter(&quot;lang&quot;);
Locale lc;
ResourceBundle rb;
if(l1!=null){
lc = new Locale(l1);
rb = ResourceBundle.getBundle(&quot;com.example.test.resources&quot;, lc);
}
else{
lc = new Locale(&quot;en&quot;);
rb = ResourceBundle.getBundle(&quot;com.example.test.resources&quot;, lc);
}
%&gt;
&lt;%=rb.getString(&quot;helloworld&quot;)%&gt;
&lt;/body&gt;
&lt;/html&gt;
</pre>
<p style="text-align: left;">5. To implement internationalization (i18n), create a property file for each language and place all those property file in one package as shown in the image above.</p>
<p>      5.1    create the property file in the name of “resources_en.properties”</p>
<p>5.2  Place the below code inside the “resources_en.properties”</p>
<blockquote><p>helloworld=Hello world</p></blockquote>
<p>5.3      create the property file in the name of “resources_fr.properties”</p>
<p>5.4  Place the below code inside the “resources_fr.properties”</p>
<blockquote><p>helloworld=Bonjour tout le monde</p></blockquote>
<p>6. Now just run the index.jsp  file, the code will works.</p>
<p>Thank you for read this blog</p>
]]></content:encoded>
			<wfw:commentRss>http://tinywall.info/2012/07/03/internationalization-i18n-java/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Export, Install and Run the Android Application in Mobile from Eclipse Project using the APK file</title>
		<link>http://tinywall.info/2012/06/08/deploy-android-application-from-eclipse/</link>
		<comments>http://tinywall.info/2012/06/08/deploy-android-application-from-eclipse/#comments</comments>
		<pubDate>Fri, 08 Jun 2012 04:52:21 +0000</pubDate>
		<dc:creator>kathir</dc:creator>
				<category><![CDATA[Android]]></category>
		<category><![CDATA[Moblie Dev]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[android apk]]></category>
		<category><![CDATA[android apk eclipse]]></category>
		<category><![CDATA[android development]]></category>
		<category><![CDATA[deploy apk]]></category>
		<category><![CDATA[eclipse apk]]></category>
		<category><![CDATA[export android apk]]></category>
		<category><![CDATA[export android eclipse]]></category>
		<category><![CDATA[export apk eclipse]]></category>

		<guid isPermaLink="false">http://tinywall.info/?p=293</guid>
		<description><![CDATA[In this post, I&#8217;m gonna tell u how to Deploy android app fron Eclipse 1. Go to File-&#62;Export, then window will arise as shown below 2. Choose Android Application then Click Next, then Select your Project from your local computer as shown below 3. Then you need to Enter the Path to Keystore, choose Existing [...]]]></description>
				<content:encoded><![CDATA[<p>In this post, I&#8217;m gonna tell u how to Deploy android app fron Eclipse</p>
<p>1. Go to File-&gt;Export, then window will arise as shown below</p>
<p><a href="http://tinywall.info/wp-content/uploads/2011/11/i1.png"><img class="size-full wp-image-294 alignnone" src="http://tinywall.info/wp-content/uploads/2011/11/i1.png" alt="" width="574" height="635" /></a></p>
<p>2. Choose Android Application then Click Next, then Select your Project from your local computer as shown below</p>
<p style="text-align: center"><a href="http://tinywall.info/wp-content/uploads/2011/11/i2.png"><img class="size-full wp-image-295 aligncenter" src="http://tinywall.info/wp-content/uploads/2011/11/i2.png" alt="" width="537" height="568" /></a></p>
<p>3. Then you need to Enter the Path to Keystore, choose Existing Keystore, and mostly the Keystore location will be as</p>
<p>C:/users/admin_account_name/.android/debug.keystore and the password should be as &#8220;android&#8221; and then click next.</p>
<p style="text-align: center"><a href="http://tinywall.info/wp-content/uploads/2011/11/i3.png"><img class="size-full wp-image-296 aligncenter" src="http://tinywall.info/wp-content/uploads/2011/11/i3.png" alt="" width="374" height="390" /></a></p>
<p>4. After selecting the Keystore and Password as &#8220;android&#8221;, Click Next, Then the window will arise as shown</p>
<p style="text-align: center"><a href="http://tinywall.info/wp-content/uploads/2011/11/i61.png"><img class="size-full wp-image-298 aligncenter" src="http://tinywall.info/wp-content/uploads/2011/11/i61.png" alt="" width="633" height="516" /></a></p>
<p>5. Then you need to give location for the storing the apk file of the project.</p>
<p style="text-align: center"><a href="http://tinywall.info/wp-content/uploads/2011/11/i7.png"><img class="size-full wp-image-299 aligncenter" src="http://tinywall.info/wp-content/uploads/2011/11/i7.png" alt="" width="531" height="557" /></a></p>
<p>6. Click Finish, your project apk file is ready, just install it ii the android mobile. It will works.</p>
<p>Thank you</p>
]]></content:encoded>
			<wfw:commentRss>http://tinywall.info/2012/06/08/deploy-android-application-from-eclipse/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Fancy search box form design using CSS, HTML, CSS3</title>
		<link>http://tinywall.info/2012/05/01/fancy-search-box-form-using-css-html-css3/</link>
		<comments>http://tinywall.info/2012/05/01/fancy-search-box-form-using-css-html-css3/#comments</comments>
		<pubDate>Tue, 01 May 2012 02:45:12 +0000</pubDate>
		<dc:creator>arundavid</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[Designing]]></category>
		<category><![CDATA[HTML]]></category>

		<guid isPermaLink="false">http://tinywall.info/?p=358</guid>
		<description><![CDATA[When you are implementing a search box form for your web application, you may wonder how fancy those are in some websites. It&#8217;s just a simple CSS does the trick and CSS3 adds a little more beauty to the search form. Consider a HTML search form created using the following code snippet, At first it [...]]]></description>
				<content:encoded><![CDATA[<p>When you are implementing a search box form for your web application, you may wonder how fancy those are in some websites. It&#8217;s just a simple CSS does the trick and CSS3 adds a little more beauty to the search form.</p>
<p>Consider a HTML search form created using the following code snippet,</p>
<pre class="brush: xml; title: ; notranslate">
&lt;form id="tw-form" action="" method="post"&gt;
&lt;input id="tw-input-text" type="text" name="query" value="search" /&gt;
&lt;input id="tw-input-submit" type="submit" value="" /&gt;
&lt;/form&gt;
</pre>
<p>At first it just looks like a basic HTML form. To make it a beautiful search form design, add the following CSS code snippet either in a external CSS file (or) in the same HTML page within the &#8216;&lt;style&gt;&#8230;&lt;/style&gt;&#8217; tag,</p>
<pre class="brush: css; title: ; notranslate">
#tw-form{
font-family: Tahoma, Geneva, sans-serif;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: #aaa 1px solid;
background: #DDDDDD;
background: -moz-linear-gradient(top, #C4C4C4 0%, #EAEAEA 0%, #D3D3D3 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C4C4C4), color-stop(0%,#EAEAEA), color-stop(100%,#D3D3D3)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C4C4C4', endColorstr='#D3D3D3',GradientType=0 ); /* ie */
width: 175px;
float: left;
padding: 0 4px;
border-top-left-radius: 4px 4px;
border-top-right-radius: 4px 4px;
border-bottom-right-radius: 4px 4px;
border-bottom-left-radius: 4px 4px;
}
#tw-form #tw-input-text{
width: 145px;
float: left;
border: 0;
background: #DDDDDD;
background: -moz-linear-gradient(top, #C4C4C4 0%, #EAEAEA 0%, #D3D3D3 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C4C4C4), color-stop(0%,#EAEAEA), color-stop(100%,#D3D3D3)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C4C4C4', endColorstr='#D3D3D3',GradientType=0 ); /* ie */
color: #777;
line-height: 100%;
font-size: 12px;
font-family: Tahoma, Geneva, sans-serif;
margin-top:3px;margin-bottom:3px;
height:20px;
}
#tw-form #tw-input-text:focus{
outline:none;
color:#333;
}
#tw-form #tw-input-submit{
background: url(search-zoom-icon.png) no-repeat 8px 5px;
border: 0;
float: left;
width: 22px;
z-index: 100;
cursor: pointer;
}
</pre>
<p>As we have used some CSS3 property also, the design will look different based on the browser support for CSS3.</p>
<p><a href="http://tinywall.info/wp-content/uploads/2012/04/fancy-search-box-css3-browser-support.jpg"><img class="aligncenter size-full wp-image-360" title="fancy search box css3 browser support" alt="" src="http://tinywall.info/wp-content/uploads/2012/04/fancy-search-box-css3-browser-support.jpg" width="580" height="200" /></a></p>
<p>Anyway the design look different based on CSS3 support, the CSS is written in the way that both the designs looks pretty.</p>
<p><span style="font-size: 20px;"><a href="http://tinywall.info/demos/fancy-search-box-form-html-css-css3/index.html" target="_blank">Live Demo</a> | <a href="http://tinywall.info/downloads/fancy-search-box-form-html-css-css3.zip" target="_blank">Download Code</a></span></p>
]]></content:encoded>
			<wfw:commentRss>http://tinywall.info/2012/05/01/fancy-search-box-form-using-css-html-css3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Change browser url without page reloading with ajax request using JavaScript, HTML5 history API, jQuery, PHP like Facebook, Github navigation menu</title>
		<link>http://tinywall.info/2012/02/22/change-browser-url-without-page-reload-refresh-with-ajax-request-using-javascript-html5-history-api-php-jquery-like-facebook-github-navigation-menu/</link>
		<comments>http://tinywall.info/2012/02/22/change-browser-url-without-page-reload-refresh-with-ajax-request-using-javascript-html5-history-api-php-jquery-like-facebook-github-navigation-menu/#comments</comments>
		<pubDate>Wed, 22 Feb 2012 12:08:00 +0000</pubDate>
		<dc:creator>arundavid</dc:creator>
				<category><![CDATA[API]]></category>
		<category><![CDATA[Clone Scripts]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[api]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[github]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[url]]></category>

		<guid isPermaLink="false">http://tinywall.info/?p=309</guid>
		<description><![CDATA[When you are working with ajax, the problem is that after you have loaded some content using ajax, you can&#8217;t change the URL of the browser according to the content. Because of this, reloading the page causes the new ajax content to disappear and it shows the previous page. Although you can resolve this problem [...]]]></description>
				<content:encoded><![CDATA[<p>When you are working with ajax, the problem is that after you have loaded some content using ajax, you can&#8217;t change the URL of the browser according to the content. Because of this, <strong>reloading the page causes the new ajax content to disappear</strong> and it shows the previous page. Although you can resolve this problem with having some hash tag in the URL, but <strong>having hash tag in the url for navigation won&#8217;t be SEO friendly</strong>.</p>
<p>Do you ever wonder when you are working <strong>Facebook or Github</strong> in a HTML5 supported browser, when you click on the links, the <strong>content is loaded into the page using ajax and at the same time the URL changes in the browser</strong> according to the specific page but without hash tag in the URL.</p>
<p>This makes use of the <strong>HTML5 History API</strong> to change the browser URL without refreshing the page.</p>
<p>Consider a page that has the following links to three menu items and a div to display the ajax content.</p>
<pre class="brush: xml; title: ; notranslate">
&lt;div id=&quot;menu&quot;&gt;
 &lt;a href=&quot;menu1.php&quot; rel=&quot;tab&quot;&gt;menu1&lt;/a&gt; |
 &lt;a href=&quot;menu2.php&quot; rel=&quot;tab&quot;&gt;menu2&lt;/a&gt; |
 &lt;a href=&quot;menu3.php&quot; rel=&quot;tab&quot;&gt;menu3&lt;/a&gt;
&lt;/div&gt;
</pre>
<p>To override the default action for the link(anchor tag), use the following jQuery code snippet.</p>
<pre class="brush: jscript; title: ; notranslate">
$(function(){
	$(&quot;a[rel='tab']&quot;).click(function(e){
		//code for the link action
		return false;
	});
});
</pre>
<p>Now to get the ajax content and display it and change the browser URL to the specific location without refresh use the following code.</p>
<pre class="brush: jscript; title: ; notranslate">
$(function(){
	$(&quot;a[rel='tab']&quot;).click(function(e){
		//e.preventDefault();
		/*
		if uncomment the above line, html5 nonsupported browers won't change the url but will display the ajax content;
		if commented, html5 nonsupported browers will reload the page to the specified link.
		*/

		//get the link location that was clicked
		pageurl = $(this).attr('href');

		//to get the ajax content and display in div with id 'content'
		$.ajax({url:pageurl+'?rel=tab',success: function(data){
			$('#content').html(data);
		}});

		//to change the browser URL to the given link location
		if(pageurl!=window.location){
			window.history.pushState({path:pageurl},'',pageurl);
		}
		//stop refreshing to the page given in
		return false;
	});
});
</pre>
<p>For this HTML5 History API, the back button functionality won&#8217;t work as normal. So we need to override back button to get the ajax content without reloading the page.<br />
To do this add the following code snippet in the page.</p>
<pre class="brush: jscript; title: ; notranslate">
/* the below code is to override back button to get the ajax content without page reload*/
$(window).bind('popstate', function() {
	$.ajax({url:location.pathname+'?rel=tab',success: function(data){
		$('#content').html(data);
	}});
});
</pre>
<p>For the HTML5 History API non supported browsers, those links will reload the page to the specific location. But if its supported, you are lucky; it will get only the required content using ajax and display it without reloading the entire page.<br />
<br />
<span style="font-size:20px;"><a href="http://tinywall.info/demos/html5-history-api/menu1.php" target="_blank">Live Demo</a> | <a href="http://tinywall.info/downloads/html5-history-api.zip" target="_blank">Download Code</a></span></p>
]]></content:encoded>
			<wfw:commentRss>http://tinywall.info/2012/02/22/change-browser-url-without-page-reload-refresh-with-ajax-request-using-javascript-html5-history-api-php-jquery-like-facebook-github-navigation-menu/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Create Free SMS app using PHP, JSON API, cURL and txtWeb</title>
		<link>http://tinywall.info/2011/11/01/creating-a-free-sms-app-with-phpjsoncurl-and-txtweb/</link>
		<comments>http://tinywall.info/2011/11/01/creating-a-free-sms-app-with-phpjsoncurl-and-txtweb/#comments</comments>
		<pubDate>Mon, 31 Oct 2011 22:18:31 +0000</pubDate>
		<dc:creator>smartmohi</dc:creator>
				<category><![CDATA[API]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Programming]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://tinywall.info/?p=252</guid>
		<description><![CDATA[The current period is SMS era. Where in just 140 character made twitter dominate the social media. We are used to have everything right now as &#8220;Short and Sweet&#8221;. &#160; In India Short Messaging Service is one of the most important mode of communication today, which gave birth to lot of Start ups concentrate on [...]]]></description>
				<content:encoded><![CDATA[<p>The current period is SMS era. Where in just 140 character made <a title="Facebook, Twitter like JSON feeds with PHP, JavaScript, Ajax, jQuery, MySQL" href="http://tinywall.info/2011/10/19/facebook-twitter-like-json-feeds-with-php-javascript-ajax-jquery-mysql/">twitter</a> dominate the social media. We are used to have everything right now as &#8220;Short and Sweet&#8221;.</p>
<p>&nbsp;</p>
<p>In India Short Messaging Service is one of the most important mode of communication today, which gave birth to lot of Start ups concentrate on SMS based solutions. <a title="txtWeb.com" href="http://txtweb.com" target="_blank">txtWeb.com</a> is one such website which provide more than 1000+ apps to choose for free of cost in India, USA &amp; Canada.<br />
Just type keyword for the service you are looking for and SMS it to 92433 42000 in India and 650.385.8882 in US and Canada.</p>
<p>The eagerness to make an SMS App drive me crazy so i felt it would help you too from this tutorial.<br />
<strong>Step 1</strong></p>
<p>Register at <a title="txtWeb Registration" href="https://www.txtweb.com/registration" target="_blank">http://txtweb.com</a></p>
<div id="attachment_254" class="wp-caption aligncenter" style="width: 535px"><a href="http://tinywall.info/wp-content/uploads/2011/11/txtWeb-Registration-txtWeb.jpeg"><img class="size-full wp-image-254" title="txtWeb - Registration - txtWeb" alt="" src="http://tinywall.info/wp-content/uploads/2011/11/txtWeb-Registration-txtWeb.jpeg" width="525" height="527" /></a><p class="wp-caption-text">txtWeb &#8211; Registration</p></div>
<p><strong>Step 2</strong></p>
<div id="attachment_255" class="wp-caption aligncenter" style="width: 440px"><a href="http://tinywall.info/wp-content/uploads/2011/11/txtWeb-Welcome-txtWeb.jpeg"><img class="size-full wp-image-255" title="txtWeb - Welcome" alt="txtWeb - Welcome" src="http://tinywall.info/wp-content/uploads/2011/11/txtWeb-Welcome-txtWeb.jpeg" width="430" height="125" /></a><p class="wp-caption-text">txtWeb &#8211; Welcome</p></div>
<p><strong>Step 3</strong><br />
Verify the email inbox to activate your txtWeb.com developer account</p>
<div id="attachment_256" class="wp-caption aligncenter" style="width: 730px"><a href="http://tinywall.info/wp-content/uploads/2011/11/txtWeb-activation.jpeg"><img class="size-full wp-image-256" title="txtWeb-activation" alt="txtWeb-activation" src="http://tinywall.info/wp-content/uploads/2011/11/txtWeb-activation.jpeg" width="720" height="255" /></a><p class="wp-caption-text">txtWeb-activation</p></div>
<p><strong>Step 4</strong><br />
There are two ways of creating SMS App here, in order to answer the dynamic input as SMS choose &#8220;Create txtApp&#8221;</p>
<div id="attachment_257" class="wp-caption aligncenter" style="width: 651px"><a href="http://tinywall.info/wp-content/uploads/2011/11/txtWeb-createApp.jpeg"><img class="size-full wp-image-257" title="txtWeb-createApp" alt="txtWeb-createApp" src="http://tinywall.info/wp-content/uploads/2011/11/txtWeb-createApp-e1320096479170.jpeg" width="641" height="224" /></a><p class="wp-caption-text">txtWeb-createApp</p></div>
<p><strong>Step 5</strong><br />
Enter the details of your FREE SMS application, the path is your web space where the below php script is to be uploaded via FTP.</p>
<div id="attachment_258" class="wp-caption aligncenter" style="width: 640px"><a href="http://tinywall.info/wp-content/uploads/2011/11/txtWeb-details.jpeg"><img class="size-full wp-image-258" title="txtWeb-details" alt="txtWeb-details" src="http://tinywall.info/wp-content/uploads/2011/11/txtWeb-details.jpeg" width="630" height="498" /></a><p class="wp-caption-text">txtWeb-details</p></div>
<p><strong>Step 6</strong><br />
Test the SMS APP before publishing. We may make use of Emulator provided by them or our mobile phone</p>
<div id="attachment_259" class="wp-caption aligncenter" style="width: 330px"><a href="http://tinywall.info/wp-content/uploads/2011/11/txtWeb-test-app.jpeg"><img class="size-full wp-image-259" title="txtWeb-test-app" alt="txtWeb-test-app" src="http://tinywall.info/wp-content/uploads/2011/11/txtWeb-test-app.jpeg" width="320" height="350" /></a><p class="wp-caption-text">txtWeb-test-app</p></div>
<p>Click on <strong>Edit</strong> to get the Application Key</p>
<p><strong>Step 7</strong><br />
Get the Application key and use it in the code where every needed<br />
<a href="http://tinywall.info/wp-content/uploads/2011/11/txtWeb-key.jpeg"><img class="size-full wp-image-260" title="txtWeb-key" alt="" src="http://tinywall.info/wp-content/uploads/2011/11/txtWeb-key.jpeg" width="440" height="249" /></a></p>
<p><strong>Step 8</strong><br />
Get the API KEY from http://ipinfodb.com with the help of our previous post &#8220;finding the <a title="Find Real IP address and location details of visitor" href="http://tinywall.info/2011/10/06/find-real-ip-address-and-location-details-of-visitor/">Real IP address details</a>&#8221;</p>
<pre class="brush: php; title: ; notranslate">
&lt; ?php
/**
* GetIpDetails
* Author : S.MohanKumar smartmohi@gmail.com
* IP API from ipinfodb.com
* SMS from txtWeb.com
* Date : 1/Nov/2011 4:00AM IST
**/
echo "&lt;html&gt;
&lt;head&gt;
&lt;meta name=\"txtweb-appkey\" content=\"txtWEB.com-ApplicationKey-From-STEP-7\"&gt;
&lt;/meta&gt;&lt;/head&gt;
&lt;body&gt;";
$realIp='';
if(isset($_GET['txtweb-message'])) $realIp = $_GET['txtweb-message'];
if(filter_var($realIp, FILTER_VALIDATE_IP, FILTER_FLAG_IPV4)) {
$ipDetails_json =GetIpDetails($realIp);
$obj = json_decode($ipDetails_json);
echo "IPaddress : ".$obj-&gt;{'ipAddress'}."&lt;br /&gt;"; // IpAddress
echo "Country name : ".$obj-&gt;{'countryName'}."&lt;br /&gt;"; // countryName
echo "State name : ".$obj-&gt;{'regionName'}."&lt;br /&gt;"; // regionName
echo "City name : ".$obj-&gt;{'cityName'}."&lt;br /&gt;"; // cityName
echo "Latitude : ".$obj-&gt;{'latitude'}."&lt;br /&gt;"; // latitude
echo "Longitude : ".$obj-&gt;{'longitude'}."&lt;br /&gt;"; // longitude
echo "Time zone : ".$obj-&gt;{'timeZone'}."&lt;br /&gt;"; // timeZone
return;
}
else {
echo "Sorry Invalid IP address! Try again&lt;br /&gt;@IpInfo Valid-IP";
}
function GetIpDetails($realIp){
//check if you have curl loaded
if(!function_exists("curl_init")) die("cURL extension is not installed");
// create a new cURL resource
$ch = curl_init();
//ipinfodb.com API Key
$ipinfodbApiKey='ipInfoDB.com-API-KEY';
// set URL and other appropriate options
$url="http://api.ipinfodb.com/v3/ip-city/?key=".$ipinfodbApiKey."&amp;format=json&amp;ip=".$realIp;
curl_setopt($ch, CURLOPT_RETURNTRANSFER, TRUE);
curl_setopt($ch, CURLOPT_URL,$url);
curl_setopt($ch, CURLOPT_HEADER, false);
// grab URL and pass it to the browser
$ipDetails_json=curl_exec($ch);
// close cURL resource, and free up system resources
curl_close($ch);
return $ipDetails_json;
}
echo "&lt;/body&gt;
";
?&gt; </pre>
<p>Copy this code and upload into the web server path stated in Step 5 in input field &#8220;I want to enter an AppSite URL&#8221;</p>
<p><strong>Step 9</strong><br />
Now Test the Application with Emulator provided by txtWeb.com</p>
<div id="attachment_267" class="wp-caption aligncenter" style="width: 534px"><a href="http://tinywall.info/wp-content/uploads/2011/11/txtWeb-Test-emulator.jpeg"><img class="size-full wp-image-267" title="txtWeb-Test-emulator" alt="txtWeb-Test-emulator" src="http://tinywall.info/wp-content/uploads/2011/11/txtWeb-Test-emulator.jpeg" width="524" height="43" /></a><p class="wp-caption-text">txtWeb-Test-emulator</p></div>
<p><strong>Step 10</strong><br />
Enter inside the emulator as</p>
<blockquote><p><strong>@ipinfo 59.164.102.xxx</strong></p></blockquote>
<p>The Output Will be like this.<br />
<a href="http://tinywall.info/wp-content/uploads/2011/11/Emulator.jpeg"><img class="size-full wp-image-268" title="Emulator" alt="" src="http://tinywall.info/wp-content/uploads/2011/11/Emulator.jpeg" width="348" height="264" /></a></p>
<blockquote><p>SMS to 9243342000 (from India)<br />
@IpInfo ValidIpaddress<br />
Eg. @IPInfo 127.0.0.1</p></blockquote>
<p><strong>LIVE DEMO </strong> FREE SMS APP <a title="IpInfo SMS Application on txtWeb.com" href="http://www.txtweb.com/user/apps/ipinfo" target="_blank">http://www.txtweb.com/user/apps/ipinfo</a></p>
]]></content:encoded>
			<wfw:commentRss>http://tinywall.info/2011/11/01/creating-a-free-sms-app-with-phpjsoncurl-and-txtweb/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Android Getting Started</title>
		<link>http://tinywall.info/2011/10/26/getting-started-with-android-mobile-application-developmen/</link>
		<comments>http://tinywall.info/2011/10/26/getting-started-with-android-mobile-application-developmen/#comments</comments>
		<pubDate>Wed, 26 Oct 2011 12:20:44 +0000</pubDate>
		<dc:creator>kathir</dc:creator>
				<category><![CDATA[Android]]></category>
		<category><![CDATA[Moblie Dev]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[android]]></category>
		<category><![CDATA[android development]]></category>
		<category><![CDATA[getting started]]></category>
		<category><![CDATA[mobile development]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://tinywall.info/?p=216</guid>
		<description><![CDATA[I hope this post will help everyone those who want to start with Android applications. To develop Android applications you should have a Android SDK  to run the dveloped application through the Virtual Emulator and Eclipse to develop the application. 1 .   To start with android, you need two main tools 1.1     [...]]]></description>
				<content:encoded><![CDATA[<p>I hope this post will help everyone those who want to start with Android applications.</p>
<p>To develop Android applications you should have a <strong>Android SDK  </strong>to run the dveloped application through the Virtual Emulator and <strong>Eclipse </strong>to develop the application.</p>
<p><strong>1 .  </strong> To start with android, you need two main tools</p>
<p>1.1     <strong>Eclipse</strong>, you can download the <strong>eclipse</strong> as per the OS and hardware at <span style="text-decoration: underline;"><a title="http://www.eclipse.org/downloads/" href="http://www.eclipse.org/downloads/" target="_blank">here</a></span>.</p>
<p>1.2     <strong>Android SDK</strong> , you can download it from <span style="text-decoration: underline;"><a title="http://developer.android.com/sdk" href="http://developer.android.com/sdk" target="_blank">here</a></span>.</p>
<p><strong>2 .  </strong>After downloading and installing it, you need to update the Android SDK to the required patform like Android 1.6,  Android              2.2 as  per  your want.</p>
<p><a href="http://tinywall.info/wp-content/uploads/2011/10/img12.png"><img class="aligncenter size-full wp-image-230" alt="" src="http://tinywall.info/wp-content/uploads/2011/10/img12.png" width="580" height="557" /></a></p>
<p><strong>3 .  <span class="Apple-style-span" style="font-size: 15px;">Downloading the ADT Plugin</span></strong></p>
<p>Use the Update Manager feature of your Eclipse installation to install the latest revision of ADT on your                                        development    computer.</p>
<ol>
<li>    Start Eclipse, then select <strong>Help</strong> &gt; <strong>Install New Software&#8230;</strong>.</li>
<li>    Click <strong>Add</strong>, in the top-right corner.</li>
<li>    In the Add Repository dialog that appears, enter &#8220;ADT Plugin&#8221; for the <em>Name</em> and the following URL for                              the <em>Location</em>:
<pre>    https://dl-ssl.google.com/android/eclipse/</pre>
</li>
<li>    Click <strong>OK</strong>     Note: If you have trouble acquiring the plugin, try using &#8220;http&#8221; in the Location URL, instead of &#8220;https&#8221;        (https is               preferred for security reasons).</li>
<li>    In the Available Software dialog, select the checkbox next to Developer Tools and click <strong>Next</strong>.</li>
<li>    In the next window, you&#8217;ll see a list of the tools to be downloaded. Click <strong>Next</strong>.</li>
<li>    Read and accept the license agreements, then click <strong>Finish</strong>.Note: If you get a security warning saying that                      the authenticity or validity of the software can&#8217;t be established, click <strong>OK</strong>.</li>
<li>    When the installation completes, restart Eclipse.</li>
</ol>
<h3 id="configuring"> 4. Configuring the ADT Plugin</h3>
<p>After you&#8217;ve successfully downloaded the ADT as described above, the next step is to modify your ADT preferences               in Eclipse to point to the Android SDK directory:</p>
<ol>
<li>Select <strong>Window</strong> &gt; <strong>Preferences&#8230;</strong> to open the Preferences panel (Mac OS X: <strong>Eclipse</strong> &gt; <strong>Preferences</strong>).</li>
<li>Select <strong>Android</strong> from the left panel.</li>
</ol>
<p>You may see a dialog asking whether you want to send usage statistics to Google. If so, make your choice and                               click <strong>Proceed</strong>. You cannot continue with this procedure until you click <strong>Proceed</strong>.</p>
<ol>
<li>  For the <em>SDK Location</em> in the main panel, click <strong>Browse&#8230;</strong> and locate your downloaded SDK directory.</li>
<li>   Click <strong>Apply</strong>, then <strong>OK</strong>.</li>
</ol>
<p><strong>5 .   Creating new Virtual Emulator on Android SDK</strong></p>
<p>5.1    In Eclipse, Click <strong>Windows-&gt;Android SDK and AVD Manager</strong></p>
<p><a href="http://tinywall.info/wp-content/uploads/2011/10/img31.png"><img class="aligncenter size-full wp-image-231" alt="" src="http://tinywall.info/wp-content/uploads/2011/10/img31.png" width="580" height="508" /></a></p>
<p>5.2      Click the <strong>New </strong>button to create the new Virtual Emulator</p>
<p><a href="http://tinywall.info/wp-content/uploads/2011/10/img41.png"><img class="aligncenter size-full wp-image-232" alt="" src="http://tinywall.info/wp-content/uploads/2011/10/img41.png" width="406" height="629" /></a></p>
<p>and fill the Text box as shown in the figure above, then you will successfully create your Virtual Emulator.</p>
<p>6 .  <strong>Creating  &#8220;Hello world&#8221; application on android.</strong></p>
<p>6.1.  In <strong>Eclipse  </strong>Go to <strong>File-&gt;New-&gt;Android Project, </strong> then a Window will arise as shown below</p>
<p><a href="http://tinywall.info/wp-content/uploads/2011/10/img52.png"><img class="aligncenter size-full wp-image-233" alt="" src="http://tinywall.info/wp-content/uploads/2011/10/img52.png" width="529" height="767" /></a></p>
<p>6.2  Then your created Trial Package Consist of following files as shown below</p>
<p><a href="http://tinywall.info/wp-content/uploads/2011/10/img6.png"><img class="aligncenter size-medium wp-image-224" alt="" src="http://tinywall.info/wp-content/uploads/2011/10/img6-201x300.png" width="201" height="300" /></a>6.3 Paste the following Code in <strong>Trail-&gt;res-&gt;Layout-&gt;main.xml</strong></p>
<blockquote><p>&lt;?xml version=&#8221;1.0&#8243; encoding=&#8221;utf-8&#8243;?&gt;<br />
&lt;LinearLayout<br />
xmlns:android=&#8221;http://schemas.android.com/apk/res/android&#8221;<br />
android:orientation=&#8221;vertical&#8221;<br />
android:layout_width=&#8221;fill_parent&#8221;<br />
android:layout_height=&#8221;fill_parent&#8221;<br />
&gt;<br />
&lt;RelativeLayout<br />
android:id=&#8221;@+id/relativeLayout1&#8243;<br />
android:layout_width=&#8221;fill_parent&#8221;<br />
android:layout_height=&#8221;fill_parent&#8221;&gt;<br />
&lt;EditText android:id=&#8221;@+id/helloBox&#8221;<br />
android:layout_height=&#8221;wrap_content&#8221;<br />
android:layout_width=&#8221;wrap_content&#8221;<br />
android:inputType=&#8221;textPersonName&#8221;<br />
android:layout_alignParentTop=&#8221;true&#8221;<br />
android:layout_marginTop=&#8221;60dp&#8221;<br />
android:layout_alignParentRight=&#8221;true&#8221;<br />
android:layout_alignParentLeft=&#8221;true&#8221;&gt;<br />
&lt;/EditText&gt;<br />
&lt;Button android:id=&#8221;@+id/helloButton&#8221;<br />
android:text=&#8221;Button&#8221;<br />
android:layout_height=&#8221;wrap_content&#8221;<br />
android:layout_width=&#8221;wrap_content&#8221;<br />
android:layout_below=&#8221;@+id/helloBox&#8221;<br />
android:layout_centerHorizontal=&#8221;true&#8221;<br />
android:layout_marginTop=&#8221;28dp&#8221;&gt;<br />
&lt;/Button&gt;<br />
&lt;/RelativeLayout&gt;<br />
&lt;/LinearLayout&gt;</p></blockquote>
<p>The above code just create the <strong>Layout</strong> and it consist of one <strong>TextBox</strong> and <strong>Button</strong></p>
<p>6.4 Paste the following code at <strong>Trail-&gt;src-&gt;com.example.trail-&gt;TrailActivity.java</strong></p>
<blockquote><p>package com.example.trail;<br />
import android.app.Activity;<br />
import android.os.Bundle;<br />
import android.view.View;<br />
import android.widget.Button;<br />
import android.widget.EditText;</p>
<p>public class TrialActivity extends Activity {<br />
/** Called when the activity is first created. */<br />
@Override<br />
public void onCreate(Bundle savedInstanceState) {<br />
super.onCreate(savedInstanceState);<br />
setContentView(R.layout.main);</p>
<p>/*find the textbox created at the main.xml and create the object as helloBox */<br />
final EditText helloBox=(EditText)findViewById(R.id.helloBox);</p>
<p>/*find the button created at main.xml and create the object as helloButton */<br />
Button helloButton=(Button)findViewById(R.id.helloButton);</p>
<p>/*Set an OnClickListner(Which works when the Button is clicked) for the Button*/<br />
helloButton.setOnClickListener(new View.OnClickListener(){<br />
public void onClick(View v) {</p>
<p>/*Insert the Text when the button is clicked.*/<br />
helloBox.setText(&#8220;Hello World&#8221;);</p>
<p>}<br />
});<br />
}<br />
}</p></blockquote>
<p>6.5 Save it and <strong>Run </strong>the application by <strong>Run-&gt;Run or CTRL+F11,</strong> then your application<br />
starts running and the output is shown below<br />
<a href="http://tinywall.info/wp-content/uploads/2011/10/img91.png"><img class="aligncenter size-full wp-image-234" alt="" src="http://tinywall.info/wp-content/uploads/2011/10/img91.png" width="580" height="533" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://tinywall.info/2011/10/26/getting-started-with-android-mobile-application-developmen/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How to get New Facebook Profile Timeline with header banner image</title>
		<link>http://tinywall.info/2011/10/23/how-to-get-facebook-new-profile-timeline-with-header-banner-image/</link>
		<comments>http://tinywall.info/2011/10/23/how-to-get-facebook-new-profile-timeline-with-header-banner-image/#comments</comments>
		<pubDate>Sun, 23 Oct 2011 09:22:28 +0000</pubDate>
		<dc:creator>arundavid</dc:creator>
				<category><![CDATA[Tricks & Tips]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[layout]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[tricks]]></category>

		<guid isPermaLink="false">http://tinywall.info/?p=181</guid>
		<description><![CDATA[Facebook has introduced a new profile layout called &#8216;Timeline&#8217; where you can put your own image as header banner image and also the status feeds will be in the grid layout. Now this feature is only opened for developers. To get the new profile, login to Facebook and follow the given steps&#8230; Step 1: open [...]]]></description>
				<content:encoded><![CDATA[<p>Facebook has introduced a new profile layout called &#8216;Timeline&#8217; where you can put your own image as header banner image and also the status feeds will be in the grid layout. Now this feature is only opened for developers. To get the new profile, login to Facebook and follow the given steps&#8230;</p>
<p><strong>Step 1:</strong> open <a title="http://www.facebook.com/developers" href="http://www.facebook.com/developers" target="_blank">http://www.facebook.com/developers</a> in your browser.</p>
<p><a href="http://tinywall.info/wp-content/uploads/2011/10/1.png"><img class="aligncenter size-full wp-image-184" title="new facebook profile timeline" alt="new facebook profile timeline" src="http://tinywall.info/wp-content/uploads/2011/10/1.png" width="580" height="73" /></a></p>
<p><strong>Step 2: </strong>Click &#8216;Allow&#8217; in the given Request for Permission.</p>
<p><a href="http://tinywall.info/wp-content/uploads/2011/10/21.png"><img class="aligncenter size-full wp-image-199" title="facebook profile timeline" alt="facebook profile timeline" src="http://tinywall.info/wp-content/uploads/2011/10/21.png" width="580" height="344" /></a></p>
<p><strong>Step 3:</strong> Click &#8216;Create New App&#8217; on the top-right corner of the page.</p>
<p style="text-align: left;"><a href="http://tinywall.info/wp-content/uploads/2011/10/3.png"><img class="aligncenter size-full wp-image-186" title="new facebook profile timeline" alt="new facebook profile timeline" src="http://tinywall.info/wp-content/uploads/2011/10/3.png" width="580" height="344" /></a><strong>Step 4: </strong>Give any valid &#8216;App Display Name&#8217; and a available &#8216;App Namespace&#8217;</p>
<p style="text-align: center;"><a href="http://tinywall.info/wp-content/uploads/2011/10/4.png"><img class="aligncenter size-full wp-image-187" title="new facebook profile timeline" alt="new facebook profile timeline" src="http://tinywall.info/wp-content/uploads/2011/10/4.png" width="580" height="213" /></a></p>
<p style="text-align: left;"><strong>Step 5: </strong>Do the Human verification check and click &#8216;Submit&#8217;</p>
<p style="text-align: left;"><a href="http://tinywall.info/wp-content/uploads/2011/10/5.png"><img class="aligncenter size-full wp-image-188" title="new facebook profile timeline" alt="new facebook profile timeline" src="http://tinywall.info/wp-content/uploads/2011/10/5.png" width="580" height="241" /></a></p>
<p style="text-align: left;"><strong>Step 6: </strong>Click on the &#8216;Open Graph&#8217; menu item in the left sidebar.</p>
<p style="text-align: left;"><a href="http://tinywall.info/wp-content/uploads/2011/10/6.png"><img class="aligncenter size-full wp-image-189" title="new facebook profile timeline" alt="new facebook profile timeline" src="http://tinywall.info/wp-content/uploads/2011/10/6.png" width="580" height="352" /></a></p>
<p><strong>Step 7: </strong>Give any valid &#8216;action&#8217; and &#8216;object&#8217; in the given textbox and click &#8216;Get Started&#8217;<a href="http://tinywall.info/wp-content/uploads/2011/10/7.png"><img class="aligncenter size-full wp-image-190" title="new facebook profile timeline" alt="new facebook profile timeline" src="http://tinywall.info/wp-content/uploads/2011/10/7.png" width="580" height="352" /></a><br />
<strong>Step 8: </strong>Click &#8216;Save Changes and Next&#8217; in the bottom of the page.</p>
<p style="text-align: center;"><a href="http://tinywall.info/wp-content/uploads/2011/10/8.png"><img class="aligncenter size-full wp-image-191" title="new facebook profile timeline" alt="new facebook profile timeline" src="http://tinywall.info/wp-content/uploads/2011/10/8.png" width="580" height="327" /></a></p>
<p style="text-align: left;"><strong>Step 9: </strong>Click &#8216;Save and Finish&#8217; in the bottom of the page.</p>
<p style="text-align: center;"><a href="http://tinywall.info/wp-content/uploads/2011/10/9.png"><img class="aligncenter size-full wp-image-192" title="new facebook profile timeline" alt="new facebook profile timeline" src="http://tinywall.info/wp-content/uploads/2011/10/9.png" width="580" height="327" /></a></p>
<p style="text-align: left;"><strong>Step 10: </strong>If you get a page like bellow, you are ready to go&#8230;</p>
<p style="text-align: center;"><a href="http://tinywall.info/wp-content/uploads/2011/10/10.png"><img class="aligncenter size-full wp-image-193" title="new facebook profile timeline" alt="new facebook profile timeline" src="http://tinywall.info/wp-content/uploads/2011/10/10.png" width="580" height="361" /></a></p>
<p style="text-align: left;"><strong>Step 11: </strong>Open <a title="http://www.facebook.com" href="http://www.facebook.com" target="_blank">http://www.facebook.com</a> in your browser. You will see a prompt to get &#8216;Timeline&#8217;. Click on &#8216;Get It Now&#8217; and open your profile.</p>
<p style="text-align: center;"><a href="http://tinywall.info/wp-content/uploads/2011/10/11.png"><img class="aligncenter size-full wp-image-194" title="new facebook profile timeline" alt="new facebook profile timeline" src="http://tinywall.info/wp-content/uploads/2011/10/11.png" width="580" height="263" /></a></p>
<p style="text-align: left;"><strong>Step 12: </strong>Click &#8216;Publish Now&#8217; when you see a prompt like this.</p>
<p style="text-align: center;"><a href="http://tinywall.info/wp-content/uploads/2011/10/12.png"><img class="aligncenter size-full wp-image-195" title="new facebook profile timeline" alt="new facebook profile timeline" src="http://tinywall.info/wp-content/uploads/2011/10/12.png" width="580" height="263" /></a></p>
<p style="text-align: left;"><strong>Step 13: </strong>Click &#8216;Add a Cover&#8217; given right side of the header and Upload a banner image for your profile.</p>
<p style="text-align: center;"><a href="http://tinywall.info/wp-content/uploads/2011/10/13.png"><img class="aligncenter size-full wp-image-196" title="new facebook profile timeline" alt="new facebook profile timeline" src="http://tinywall.info/wp-content/uploads/2011/10/13.png" width="580" height="263" /></a></p>
<p style="text-align: left;"><strong>Step 14: </strong>Then reposition the banner image by dragging the image and click &#8216;Save Changes&#8217;.</p>
<p style="text-align: center;"><a href="http://tinywall.info/wp-content/uploads/2011/10/14.png"><img class="aligncenter size-full wp-image-197" title="new facebook profile timeline" alt="new facebook profile timeline" src="http://tinywall.info/wp-content/uploads/2011/10/14.png" width="580" height="263" /></a></p>
<p style="text-align: left;">That&#8217;s it. Your new Facebook profile timeline is live now&#8230;</p>
<p style="text-align: center;"><a href="http://tinywall.info/wp-content/uploads/2011/10/15.png"><img class="aligncenter size-full wp-image-198" title="new facebook profile timeline" alt="new facebook profile timeline" src="http://tinywall.info/wp-content/uploads/2011/10/15.png" width="580" height="263" /></a></p>
<p style="text-align: left;"><strong>Author:</strong></p>
<div class="tw-miniprof-outer">
<div class="tw-miniprof-left"><a href="http://www.twitter.com/arunmdavid" target="_blank"><img alt="" src="http://tinywall.info/wp-content/uploads/2011/10/arundavid.jpg" /></a></div>
<div class="tw-miniprof-right">
<div class="tw-miniprof-name"><a href="http://www.twitter.com/arunmdavid" target="_blank">Arun David</a></div>
<div class="tw-miniprof-info">22 / M / Hyderabad, India</div>
<div class="tw-miniprof-info">arundavid.info [at] gmail.com</div>
<div class="tw-miniprof-action"><a href="http://www.twitter.com/arunmdavid" target="_blank">Twitter</a><a href="http://www.facebook.com/arunmdavid">Facebook</a></div>
</div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://tinywall.info/2011/10/23/how-to-get-facebook-new-profile-timeline-with-header-banner-image/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Facebook, Twitter like JSON feeds with PHP, JavaScript, Ajax, jQuery, MySQL</title>
		<link>http://tinywall.info/2011/10/19/facebook-twitter-like-json-feeds-with-php-javascript-ajax-jquery-mysql/</link>
		<comments>http://tinywall.info/2011/10/19/facebook-twitter-like-json-feeds-with-php-javascript-ajax-jquery-mysql/#comments</comments>
		<pubDate>Wed, 19 Oct 2011 04:22:19 +0000</pubDate>
		<dc:creator>arundavid</dc:creator>
				<category><![CDATA[Clone Scripts]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[json]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://tinywall.info/?p=153</guid>
		<description><![CDATA[When you go to Facebook or Twitter, The first thing you notice is that the page is loaded and within seconds the status feeds will be displayed. That is because the page is loaded first and after that it sends an ajax request to another page and gets back the feeds in the JSON format [...]]]></description>
				<content:encoded><![CDATA[<p>When you go to Facebook or Twitter, The first thing you notice is that the page is loaded and within seconds the status feeds will be displayed. That is because the page is loaded first and after that it sends an ajax request to another page and gets back the feeds in the JSON format and display it using JavaScript &amp; jQuery.</p>
<p>We will demonstrate this with a simple posts from mysql table using PHP and JavaScript&#8230;</p>
<p><strong>1 )</strong> Create a mysql database and table &#8216;posts&#8217; with the following schema.</p>
<p><a href="http://tinywall.info/wp-content/uploads/2011/10/db.png"><img class="aligncenter size-full wp-image-162" title="db" alt="" src="http://tinywall.info/wp-content/uploads/2011/10/db.png" width="617" height="125" /></a></p>
<blockquote><p>CREATE TABLE IF NOT EXISTS `posts` (<br />
`post_id` int(5) NOT NULL AUTO_INCREMENT,<br />
`user_id` int(5) NOT NULL,<br />
`user_name` varchar(50) NOT NULL,<br />
`post` varchar(500) NOT NULL,<br />
`time` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP,<br />
PRIMARY KEY (`post_id`)<br />
)</p></blockquote>
<p>And insert some rows in the table &#8216;posts&#8217;</p>
<p><a href="http://tinywall.info/wp-content/uploads/2011/10/db-data.png"><img class="aligncenter size-full wp-image-163" title="db-data" alt="" src="http://tinywall.info/wp-content/uploads/2011/10/db-data.png" width="616" height="94" /></a></p>
<p><strong>2 )</strong> create a php page &#8216;json-posts.php&#8217; that fetches data from database and display it in the JSON format.</p>
<p><span style="text-decoration: underline;">json-posts.php</span></p>
<blockquote><p>&lt;?php<br />
//database connection<br />
$dbHost=&#8217;localhost&#8217;;<br />
$dbUserName=&#8217;root&#8217;;<br />
$dbPassWord=&#8221;;<br />
$dbName = &#8216;twinfo_demos&#8217;;<br />
$dbLinkConnection = mysql_connect($dbHost,$dbUserName,$dbPassWord) or die(&#8220;Couldn&#8217;t make connection.&#8221;);<br />
$dbSelected = mysql_select_db($dbName, $dbLinkConnection) or die(&#8220;Couldn&#8217;t select database&#8221;);</p>
<p>//select posts from database<br />
$query=&#8221;select * from posts order by post_id desc&#8221;;<br />
$result=mysql_query($query) or die(&#8220;couldn&#8217;t select data from table&#8221;);</p>
<p>//create json format text from posts<br />
$json=array();<br />
while($row=mysql_fetch_array($result)){<br />
$from=array(&#8216;id&#8217;=&gt;$row['user_id'],&#8217;name&#8217;=&gt;$row['user_name']);<br />
$post=array(&#8216;post_id&#8217;=&gt;$row['post_id'],&#8217;from&#8217;=&gt;$from,&#8217;post&#8217;=&gt;$row['post'],&#8217;time&#8217;=&gt;$row['time']);<br />
array_push($json,$post);<br />
}</p>
<p>//display it to the user<br />
header(&#8216;Content-type: application/json&#8217;);<br />
echo &#8220;{\&#8221;posts\&#8221;:&#8221;.json_encode($json).&#8221;}&#8221;;<br />
?&gt;</p></blockquote>
<p>The above code will fetch the data from database and gives it in the following JSON format&#8230;</p>
<blockquote><p>{<br />
&#8220;posts&#8221;:[<br />
{<br />
"post_id":"3",<br />
"from":{<br />
"id":"103",<br />
"name":"AshokRaj"<br />
},<br />
"post":"Third Post. Third Post. Third Post.",<br />
"time":"2011-10-18 08:37:53"<br />
},<br />
{<br />
"post_id":"2",<br />
"from":{<br />
"id":"102",<br />
"name":"MohanKumar"<br />
},<br />
"post":"Second Post. Second Post. Second Post.",<br />
"time":"2011-10-18 08:37:23"<br />
},<br />
{<br />
"post_id":"1",<br />
"from":{<br />
"id":"101",<br />
"name":"ArunDavid"<br />
},<br />
"post":"First Post. First Post. First Post.",<br />
"time":"2011-10-18 08:37:23"<br />
}<br />
]<br />
}</p></blockquote>
<p><strong>3 )</strong> create anothe page &#8216;posts.php&#8217; to fetch the posts in JSON format and display it to the user. In that page add the following code to send the ajax request for json data using jquery and display the posts for the user.</p>
<blockquote><p>&lt;html&gt;<br />
&lt;head&gt;<br />
&lt;script language=&#8221;javascript&#8221; src=&#8221;jquery-1.4.4.min.js&#8221;&gt;&lt;/script&gt;<br />
&lt;script&gt;<br />
$(document).ready(function(){<br />
$.getJSON(&#8216;json-posts.php&#8217;, function(json) {//to send a ajax request for json data<br />
var output=&#8221;";<br />
for(var i=0;i&lt;json.posts.length;i++){//for each posts in the json response<br />
output+=&#8221;&lt;div&gt;&#8221;;<br />
output+=&#8221;&lt;b&gt;&#8221;+json.posts[i].from.name+&#8221;&lt;/b&gt;&lt;br/&gt;&#8221;;<br />
output+=json.posts[i].post+&#8221;&lt;br/&gt;&#8221;;<br />
output+=&#8221;&lt;small&gt;posted on &#8220;+json.posts[i].time+&#8221;&lt;/small&gt;&#8221;;<br />
output+=&#8221;&lt;/div&gt;&#8221;;<br />
}<br />
$(&#8216;#posts&#8217;).html(output);<br />
});<br />
});<br />
&lt;/script&gt;<br />
&lt;/head&gt;<br />
&lt;body&gt;<br />
&lt;div id=&#8221;posts&#8221;&gt;&lt;/div&gt;<br />
&lt;/body&gt;<br />
&lt;/html&gt;</p></blockquote>
<p>This will display the json posts in user readable format and also useful for giving API to others through JSON. Make use of my <strong><a title="GMT UTC to friendly time line" href="http://tinywall.info/2011/10/09/facebook-like-friendly-time-with-gmt-and-utc-in-web-application-with-php-javascript/" target="_blank">previous post</a></strong> to display the time in friendly readable format.</p>
<p><strong><a title="Live Demo" href="http://www.tinywall.info/demos/json/posts.php" target="_blank">Live Demo</a></strong> | <strong><a title="Download Code" href="http://www.tinywall.info/downloads/json-feeds.rar" target="_blank">Download Code</a></strong></p>
]]></content:encoded>
			<wfw:commentRss>http://tinywall.info/2011/10/19/facebook-twitter-like-json-feeds-with-php-javascript-ajax-jquery-mysql/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>How to find TLD information?</title>
		<link>http://tinywall.info/2011/10/15/how-to-find-tld-information/</link>
		<comments>http://tinywall.info/2011/10/15/how-to-find-tld-information/#comments</comments>
		<pubDate>Fri, 14 Oct 2011 20:54:00 +0000</pubDate>
		<dc:creator>smartmohi</dc:creator>
				<category><![CDATA[Tricks & Tips]]></category>
		<category><![CDATA[domainname]]></category>
		<category><![CDATA[tld]]></category>
		<category><![CDATA[top level domain]]></category>

		<guid isPermaLink="false">http://tinywall.info/?p=132</guid>
		<description><![CDATA[TDL stands for Top Level Domain. Every domain has four parts in it&#8217;s name. 1. http:// or https:// Protocol to access the port 2. www &#8211; (World Wide Web) root folder to deliver content on server. 3. tinywall &#8211; domain name 4. .tld &#8211; Top Level Domains On the Internet, your address is your domain [...]]]></description>
				<content:encoded><![CDATA[<p>TDL stands for Top Level Domain.</p>
<p>Every domain has four parts in it&#8217;s name.<br />
1. http:// or https:// Protocol to access the port<br />
2. www &#8211; (World Wide Web) root folder to deliver content on server.<br />
3. tinywall &#8211; domain name<br />
4. .tld &#8211; Top Level Domains</p>
<p><a href="http://tinywall.info/wp-content/uploads/2011/10/TLD-info.jpeg"><img src="http://tinywall.info/wp-content/uploads/2011/10/TLD-info.jpeg" alt="" title="TLD-info" width="608" height="101" class="alignnone size-full wp-image-135" /></a></p>
<p>On the Internet, your address is your domain name; the part of an Internet address that comes after the www. With the unparalleled growth of the Internet, dot com domain names continue to sell like hotcakes. Currently, there are more than 80 million dot com domains, and over 100 million total domains registered worldwide. Industry experts forecast that more than 500 million domains will be registered in the next ten years. So, countries come forward to own their TLD. Mostly every country has it&#8217;s own TLD now. </p>
<p><a href="http://tinywall.info/wp-content/uploads/2011/10/tld_io.jpeg"><img src="http://tinywall.info/wp-content/uploads/2011/10/tld_io.jpeg" alt="" title="tld_io" width="505" height="397" class="alignleft size-full wp-image-138" /></a><br />
In order to find the details about any country TLD make use of <a href="http://www.tld.io" title="TLD Info">www.tld.io</a></p>
<div style='clear:both'></div>
<p><b>Link :</b> <a href='tld.io' target='_blank'>www.TLD.io</a></p>
]]></content:encoded>
			<wfw:commentRss>http://tinywall.info/2011/10/15/how-to-find-tld-information/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
