<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss 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/" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
	<title>Halal IT Blog</title>
	
	<link>http://www.halalit.net/blog</link>
	<description />
	<lastBuildDate>Sun, 25 Dec 2011 12:12:53 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/halalit" /><feedburner:info uri="halalit" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><item>
		<title>Bangla Font for Android</title>
		<link>http://feedproxy.google.com/~r/halalit/~3/BB65Ts0D84I/bangla-font-android</link>
		<comments>http://www.halalit.net/blog/archives/bangla-font-android#comments</comments>
		<pubDate>Sun, 18 Dec 2011 18:51:46 +0000</pubDate>
		<dc:creator>Muahammad Usman</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Resource]]></category>
		<category><![CDATA[android]]></category>
		<category><![CDATA[bangla]]></category>

		<guid isPermaLink="false">http://www.halalit.net/blog/?p=106</guid>
		<description><![CDATA[Overview: I have received too many requests for a Bangla Font for Android. Unfortunately Android is not so matured in handling Unicode and Complex Script and there was no way of installing new font without rooting the device, but Samsung has come up with a great way allowing installing fonts. So I have created this [...]]]></description>
			<content:encoded><![CDATA[<iframe src="http://www.facebook.com/plugins/like.php?href=http://www.halalit.net/blog/archives/bangla-font-android&amp;layout=standard&amp;show_faces=1&amp;width=450&amp;action=like&amp;colorscheme=light&amp;font=" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:25px"></iframe><p><u><strong>Overview:</strong></u></p>
<p>I have received too many requests for a Bangla Font for Android. Unfortunately Android is not so matured in handling Unicode and Complex Script and there was no way of installing new font without rooting the device, but Samsung has come up with a great way allowing installing fonts. So I have created this Bangla Font which will work on <strong>Samsung Devices</strong> or other devices with custom font support, so now you can see Bangla in Applications, but don&#8217;t get too excited,<strong> the complex script (Jukto Borno and so) may not appear correctly in some devices</strong>, also some carriers may create some problems. I have tried a lot to solve the issue but I couldn&#8217;t, well I said Android is not that matured in that way. So this Font comes without any warranty, so I haven&#8217;t published it in the Android Market.<br />
There is a proverb in Bangla:<br />
<strong>নাই মামার চেয়ে কানা মামা ভাল </strong></p>
<p>So please try to be happy at least now you can see Bangla in your apps without rooting the device <img src='http://www.halalit.net/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p><u><strong>Installation:</strong></u></p>
<ul>
<li>First of all don&#8217;t use Opera Mini browser for any of the step below, use Android&#8217;s default browser.</li>
<li>Go to your device&#8217;s Settings > Application and make sure &#8220;Unknown sources&#8221; is checked. If you see any warning click OK.</li>
<li>Download the Font file to your Phone or Tablet from this link <a href="http://j.mp/banglaf" title="Download">http://j.mp/banglaf</a> .<br />
Either go to browser and type this link http://j.mp/banglaf<br />
Or Scan the QR Code below with your Barcode Scanner app and go to the link (by tapping &#8220;Open browser&#8221; button) <br/><br />
<img src="http://qrcode.kaywa.com/img.php?s=8&#038;d=http%3A%2F%2Fj.mp%2Fbanglaf" alt="qrcode"  /> <br/><br />
Or Download the file in your PC and transfer to Phone <a href="http://j.mp/banglaf" title="Download font on your PC">http://j.mp/banglaf</a>
        </li>
<li>Open the downloaded file by tapping, in your device and Install</li>
<li>Go to Settings > Display > Font style and Select BanglaFont, tap OK then tap &#8220;Restart now&#8221;.</li>
</ul>
<p>That&#8217;s it. Now start your device&#8217;s browser and visit the link http://j.mp/bangladroid if you see the idiom (nai mama) above then it&#8217;s okay.</p>
<p>If you like this please click the Facebook Like below or share this with your friends. You can also revert to the old font if you wish.</p>
<img src="http://feeds.feedburner.com/~r/halalit/~4/BB65Ts0D84I" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.halalit.net/blog/archives/bangla-font-android/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		<feedburner:origLink>http://www.halalit.net/blog/archives/bangla-font-android</feedburner:origLink></item>
		<item>
		<title>Phonetic Bangla – Write Painless Bangla Across the Web</title>
		<link>http://feedproxy.google.com/~r/halalit/~3/aIIdx6xVXIA/phonetic-bangla-write-painless-bangla-across-the-web</link>
		<comments>http://www.halalit.net/blog/archives/phonetic-bangla-write-painless-bangla-across-the-web#comments</comments>
		<pubDate>Tue, 29 Nov 2011 07:16:18 +0000</pubDate>
		<dc:creator>Muahammad Usman</dc:creator>
				<category><![CDATA[Project]]></category>
		<category><![CDATA[Resource]]></category>
		<category><![CDATA[bangla]]></category>
		<category><![CDATA[chrome extension]]></category>

		<guid isPermaLink="false">http://www.halalit.net/blog/?p=103</guid>
		<description><![CDATA[Now you can Write cross platform Phonetic Bangla accross the web. No matter what the Operating System is, you can write phonetic Bangla in Facebook, Google, Yahoo or any other website with Google Chrome. You do NOT need any other software to be installed in order to use this. Rich text editors are not working [...]]]></description>
			<content:encoded><![CDATA[<iframe src="http://www.facebook.com/plugins/like.php?href=http://www.halalit.net/blog/archives/phonetic-bangla-write-painless-bangla-across-the-web&amp;layout=standard&amp;show_faces=1&amp;width=450&amp;action=like&amp;colorscheme=light&amp;font=" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:25px"></iframe><p>Now you can Write cross platform Phonetic Bangla accross the web. No matter what the Operating System is, you can write phonetic Bangla in Facebook, Google, Yahoo or any other website with Google Chrome. You do NOT need any other software to be installed in order to use this. Rich text editors are not working with Bangla yet, we are working on it.</p>
<p><a href="https://chrome.google.com/webstore/detail/phhfplkjmdnjlencafghobppiglhhfcf" title="Download" target="_blank"><strong>Download the Extension from Chrome Web Store.</strong></a></p>
<p><a target="_blank" href="https://chrome.google.com/webstore/detail/phhfplkjmdnjlencafghobppiglhhfcf"><img src="http://usman.it/wp-content/uploads/2011/11/phonetic-bangla-promo.png" alt="Download from Chrome Web Store" title="Download from Chrome Web Store" width="440" height="280" class="aligncenter size-full wp-image-131" /></a></p>
<p>Press CTRL + Q to switch between Bangla and English.</p>
<p>Just type and press Space and or Enter and it will be converted to Bangla.</p>
<p>Its powered by Avro, thank you Avro Team.</p>
<p>Enjoy <img src='http://www.halalit.net/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<img src="http://feeds.feedburner.com/~r/halalit/~4/aIIdx6xVXIA" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.halalit.net/blog/archives/phonetic-bangla-write-painless-bangla-across-the-web/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		<feedburner:origLink>http://www.halalit.net/blog/archives/phonetic-bangla-write-painless-bangla-across-the-web</feedburner:origLink></item>
		<item>
		<title>Camouflage –  A Premium Quality WordPress Theme for FREE (beta)</title>
		<link>http://feedproxy.google.com/~r/halalit/~3/1rwKhuHnrzI/camouflage-premium-quality-wordpress-theme-free</link>
		<comments>http://www.halalit.net/blog/archives/camouflage-premium-quality-wordpress-theme-free#comments</comments>
		<pubDate>Sun, 30 Oct 2011 19:07:23 +0000</pubDate>
		<dc:creator>Usman</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Lab Tools]]></category>
		<category><![CDATA[Project]]></category>
		<category><![CDATA[theme]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://usman.it/?p=97</guid>
		<description><![CDATA[This time I have a Gift for you. Its Stunning, Multiple Skin WordPress Theme allowing you full customization. Here are some of the features to rock you: Great Eye-catching Look. Multiple Skins &#8211; which will change the look of your site, you can develop your own skins. Fully Configurable Slideshow &#8211; show or hide it [...]]]></description>
			<content:encoded><![CDATA[<iframe src="http://www.facebook.com/plugins/like.php?href=http://www.halalit.net/blog/archives/camouflage-premium-quality-wordpress-theme-free&amp;layout=standard&amp;show_faces=1&amp;width=450&amp;action=like&amp;colorscheme=light&amp;font=" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:25px"></iframe><p>This time I have a Gift for you. Its Stunning, Multiple Skin <a href="http://www.wordpress.org" target="_blank">WordPress</a> Theme allowing you full customization. Here are some of the features to rock you:</p>
<ul>
<li>Great Eye-catching Look.</li>
<li>Multiple Skins &#8211; which will change the look of your site, you can develop your own skins.</li>
<li>Fully Configurable Slideshow &#8211; show or hide it wherever you want.</li>
<li>Unlimited Submenus &#8211; adjust automatically with screen edge</li>
<li>Hybrid Look &#8211; you can use it on a blog site or a simple website or in a combination.</li>
<li>Built-in Social Media + Widget</li>
<li>Featured Post Widget</li>
<li>Google Analytics Integration</li>
<li>Custom Blog Menu</li>
<li>WordPress 3.x.x Menus</li>
<li>Pleasing Menu Animation</li>
<li>More than 40 Formatting Styles with Shortcodes</li>
<li>And lot more &#8230;</li>
</ul>
<p>Its an open source project which is in beta stage, you can contribute to the project at <a href="https://github.com/usmanhalalit/camouflage" target="_blank">github</a>. Its released under BSD License and I don&#8217;t expect you to use it in ill tasks.</p>
<p><a href="http://usman.it/?theme=Camouflage&#038;passkey=10070873074eaf0754e9fbc" target="_blank"><strong>See a live DEMO of this site</strong></a>  (after 5 mins it will be on original look)</p>
<p><a href="http://usman.it/resources/camouflage.zip"><strong>Download from Here</strong></a><br />
if you don&#8217;t know how to install WordPress themes then <a href="http://codex.wordpress.org/Using_Themes" target="_blank">read this tutorial</a>.</p>
<p><a href="http://usman.it/resources/camouflage.zip"><img src="http://usman.it/wp-content/uploads/2011/10/camouflage-wordpress-theme1-e1320002837687.png" alt="Camouflage WordPress Theme" title="Camouflage WordPress Theme" width="600" height="292" class="aligncenter size-full wp-image-107" /></a></p>
<p><strong>Here is a list of shorcodes, apply these in your posts and see the magic.</strong></p>
<p><a href="http://codex.wordpress.org/Gallery_Shortcode" target="_blank">Learn how to use shortcodes</a>.</p>
<p><strong>Lines</strong></p>
<p>Example of line. You can omit type, in that case there will be no back to top link.</p>
<p>[line type="back" /]</p>
<p><strong>Columns</strong></p>
<p>Example of Columns </p>
<p>[one_third]</p>
<p>This is an example of one_third column. List of available columns:</p>
<p>one_half, one_third, two_third, three_fourth, one_fourth, one_fifth, two_fifth, three_fifth, four_fifth, one_sixth, five_sixth</p>
<p>[/one_third]</p>
<p><strong>Icons</strong></p>
<p>[icon type="smyle" /]</p>
<p>There are many icon types for you, here is a list:</p>
<p>arrowdown, arrowleft, arrowright, arrowup, callout, circle, dollar, email, equal, exclamanation, handdown, handup, hadright, handleft, handpointer, happy, info, ok, plus, power, question, quote, right, rotate, smyle, wrong and www</p>
<p><strong>Boxes</strong></p>
<p>[box color="lightgray" border_color="blue"]</p>
<p>Example of box, you can omit color and/or border_color for default setting.</p>
<p>[/box]</p>
<p>It requires WordPress 3.0.0 or higher.<br />
Enjoy the the free stuff and don&#8217;t forget to share the awesomeness with your friends. Stay tuned for more amazingly free stuffs.</p>
<img src="http://feeds.feedburner.com/~r/halalit/~4/1rwKhuHnrzI" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.halalit.net/blog/archives/camouflage-premium-quality-wordpress-theme-free/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.halalit.net/blog/archives/camouflage-premium-quality-wordpress-theme-free</feedburner:origLink></item>
		<item>
		<title>WordPress like Option feature for your CodeIgniter application</title>
		<link>http://feedproxy.google.com/~r/halalit/~3/P6Ok67NuZ9k/wordpress-like-option-feature-for-your-codeigniter-application</link>
		<comments>http://www.halalit.net/blog/archives/wordpress-like-option-feature-for-your-codeigniter-application#comments</comments>
		<pubDate>Sun, 30 Oct 2011 18:25:34 +0000</pubDate>
		<dc:creator>Usman</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Lab Tools]]></category>
		<category><![CDATA[Project]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[CodeIgniter]]></category>
		<category><![CDATA[PHP]]></category>

		<guid isPermaLink="false">http://usman.it/?p=17</guid>
		<description><![CDATA[If you have developed a large application you may have faced this problem, in some cases we have some settings or options to save in the database but the data is not so large to create a db table for it, also it may do not require many rows. In that case we should have [...]]]></description>
			<content:encoded><![CDATA[<iframe src="http://www.facebook.com/plugins/like.php?href=http://www.halalit.net/blog/archives/wordpress-like-option-feature-for-your-codeigniter-application&amp;layout=standard&amp;show_faces=1&amp;width=450&amp;action=like&amp;colorscheme=light&amp;font=" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:25px"></iframe><p>If you have developed a large application you may have faced this problem, in some cases we have some settings or options to save in the database but the data is not so large to create a db table for it, also it may do not require many rows. In that case we should have a table for settings, where we can store all our settings or options with a key then retrieve it. Our option can be a text value or an array or an object. <a href="http://wordpress.org/" target="_blank">WordPress</a> has a really good feature for such cases its the <a href="http://codex.wordpress.org/Option_Reference" target="_blank">Option Mechanism</a>. By using the appropriate function, options can be <a title="Function Reference/add option" href="http://codex.wordpress.org/Function_Reference/add_option">added</a>, <a href="http://codex.wordpress.org/Function_Reference/update_option" target="_blank">changed</a>, <a href="http://codex.wordpress.org/Function_Reference/delete_option" target="_blank">removed</a>, and <a href="http://codex.wordpress.org/Function_Reference/get_option" target="_blank">retrieved</a>.</p>
<p>I loved this feature too much that I added such feature in my <a href="http://codeigniter.com" target="_blank">CodeIgniter</a> applications, because I don&#8217;t always use WordPress. Now I want to share my code with you which may help you in various tasks. Its not the exact same as WordPress. I have used 4 functions for it add_option, update_option, get_option and delete_option. The good part is you can store a PHP array, object or a string value (including number) with add_option(&#8216;name_of_option&#8217;,'value&#8217;) or with update_option(&#8216;name_of_option&#8217;,'value&#8217;) and whenever you retrieve your data with get_option(&#8216;name_of_option&#8217;) it returns the data with the same format.<br />
(Sorry, if you have used it in WordPress you may already know it and some info below, but its for those who haven&#8217;t used).</p>
<p>You may download the code from <a href="https://github.com/usmanhalalit/option_helper" target="_blank">github</a>, also any contribution is highly appreciated.</p>
<p><strong>Functions:</strong></p>
<p>add_option(&#8216;name_of_option&#8217;,'value&#8217;) will store data in the db with &#8216;name_of_option&#8217; if the &#8216;name_of_option&#8217; is already used it will return false, use add_option if you want to store a data for the first time such as installing an app.</p>
<p>update_option(&#8216;name_of_option&#8217;,'value&#8217;) will update the &#8217;name_of_option&#8217; if it is already used. If &#8217;name_of_option&#8217; is not found it will add &#8217;name_of_option&#8217;. So use update_option in general case.</p>
<p>get_option(&#8216;name_of_option&#8217;) will return the value of &#8217;name_of_option&#8217; in original data type. Will return false if option is not found.</p>
<p>get_option(&#8216;name_of_option&#8217;) will return the value of &#8217;name_of_option&#8217; in original data type. Will return false if option is not found.</p>
<p><strong>Usage Example:</strong></p>
<p>Below is the usage for CodeIgniter controller, I have made it as a CodeIgniter Helper. You will find instructions below on how to implement this Helper. I assume you have database set up in application/config/database.php</p>
<pre class="brush: php; title: ; notranslate">
public function index()
{
	//load our helper,
	//better to autoload it by editing application/config/autoload.php
	$this-&gt;load-&gt;helper('option_helper');

	//text value example
	update_option('username','Usman');
	echo get_option('username');
	//array example
	$user_info=array(
		'username'		=&gt;	'Usman',
		'profession'	=&gt;	'Developer',
		'location'		=&gt;	'Sylhet, Bangladesh',
	);
	update_option('user_info',$user_info);
	$return_value=get_option('user_info');
	print_r($return_value);
	echo $return_value['location'];

	//delete example

	delete_option('username');
	//delete_option('user_info');
}
</pre>
<p><strong>Implementation:</strong></p>
<p><strong>1</strong>. Create a table in your database like below (of course its MySQL) :</p>
<pre class="brush: sql; title: ; notranslate">

CREATE TABLE IF NOT EXISTS `tbl_option` (

`option_id` bigint(20) NOT NULL AUTO_INCREMENT,

`option_name` varchar(50) COLLATE utf8_unicode_ci NOT NULL,

`option_value` longtext COLLATE utf8_unicode_ci NOT NULL,

`option_type` varchar(20) COLLATE utf8_unicode_ci NOT NULL,

PRIMARY KEY (`option_id`),

UNIQUE KEY `option_name` (`option_name`)

) ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci AUTO_INCREMENT=59 ;
</pre>
<p><strong>2</strong>. As I have made a CodeIgniter Helper for this, keep the code in application/helpers folder (in most cases) and name it option_helper.php. I haven&#8217;t used any model for simplicity.</p>
<p><strong>3</strong>. Copy the code below and paste it to your option_helper.php, that&#8217;s it.</p>
<pre class="brush: php; title: ; notranslate">

&lt;?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');
function add_option($name,$value)
{
      $CI =&amp; get_instance();
      $CI-&gt;load-&gt;database();
	$query=$CI-&gt;db-&gt;select('*')-&gt;from('tbl_option')-&gt;where('option_name',$name)-&gt;get();

	//option already exists
	if($query-&gt;num_rows() &gt; 0)
		return false;

	$data_type='text';
	if(is_array($value))
	{
		$data_type='array';
		$value=serialize($value);
	}
	elseif(is_object($value))
	{
		$data_type='object';
		$value=serialize($value);
	}

	$data=array(
		'option_name'=&gt;$name,
		'option_value'=&gt;$value,
		'option_type'=&gt;$data_type,
	);
	$CI-&gt;db-&gt;insert('tbl_option',$data);
}

function update_option($name,$value)
{
	$CI =&amp; get_instance();
	$CI-&gt;load-&gt;database();

	$data_type='text';
	if(is_array($value))
	{
		$data_type='array';
		$value=serialize($value);
	}
	elseif(is_object($value))
	{
		$data_type='object';
		$value=serialize($value);
	}

	$data=array(
		'option_name'=&gt;$name,
		'option_value'=&gt;$value,
		'option_type'=&gt;$data_type,
	);
	$query=$CI-&gt;db-&gt;select('*')-&gt;from('tbl_option')-&gt;where('option_name',$name)-&gt;get();

	//if option already exists then update else insert new
	if($query-&gt;num_rows() &lt; 1) return $CI-&gt;db-&gt;insert('tbl_option',$data);
	else		  return $CI-&gt;db-&gt;update('tbl_option',$data,array('option_name'=&gt;$name));
}

function get_option($name)
{
	$CI =&amp; get_instance();
	$CI-&gt;load-&gt;database();
	$query=$CI-&gt;db-&gt;select('*')-&gt;from('tbl_option')-&gt;where('option_name',$name)-&gt;get();
	//option not found
	if($query-&gt;num_rows() &lt; 1) return false; 	 	$option=$query-&gt;row();

	if('text'==$option-&gt;option_type)
		$value=$option-&gt;option_value;
	elseif('array'==$option-&gt;option_type || 'object'==$option-&gt;option_type)
		$value=unserialize($option-&gt;option_value);

	return $value;
}

function delete_option($name)
{
	$CI =&amp; get_instance();
	$CI-&gt;load-&gt;database();
	return $CI-&gt;db-&gt;delete('tbl_option',array('option_name'=&gt;$name));
}
</pre>
<p>If you have found it useful, please comment below. Any bug report or suggestions are most welcome.</p>
<img src="http://feeds.feedburner.com/~r/halalit/~4/P6Ok67NuZ9k" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.halalit.net/blog/archives/wordpress-like-option-feature-for-your-codeigniter-application/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.halalit.net/blog/archives/wordpress-like-option-feature-for-your-codeigniter-application</feedburner:origLink></item>
		<item>
		<title>English to Bangla Dictionary for Android</title>
		<link>http://feedproxy.google.com/~r/halalit/~3/VD7ggWmG6g8/english-bangla-dictionary-android</link>
		<comments>http://www.halalit.net/blog/archives/english-bangla-dictionary-android#comments</comments>
		<pubDate>Sun, 30 Oct 2011 10:13:59 +0000</pubDate>
		<dc:creator>Usman</dc:creator>
				<category><![CDATA[Project]]></category>
		<category><![CDATA[android]]></category>
		<category><![CDATA[bangla]]></category>
		<category><![CDATA[dictionary]]></category>

		<guid isPermaLink="false">http://usman.it/?p=83</guid>
		<description><![CDATA[Its being a long time since we planned to develop a Bangla language related application for Android. After a long discussion we decided to create a Bangla Dictionary based on Google Dictionary. The main-pain was the font, Android is not yet matured enough to handle Unicode. After some challenges we successfully integrated universal Bangla font [...]]]></description>
			<content:encoded><![CDATA[<iframe src="http://www.facebook.com/plugins/like.php?href=http://www.halalit.net/blog/archives/english-bangla-dictionary-android&amp;layout=standard&amp;show_faces=1&amp;width=450&amp;action=like&amp;colorscheme=light&amp;font=" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:25px"></iframe><p>Its being a long time since we planned to develop a Bangla language related application for Android. After a long discussion we decided to create a Bangla Dictionary based on Google Dictionary. The main-pain was the font, Android is not yet matured enough to handle Unicode. After some challenges we successfully integrated universal Bangla font with our new Android app. We have published the app in the <a href="https://market.android.com/details?id=net.halalit.bangladict" target="_blank">Android Market</a>. The day we published the app totally amazed us with an overwhelming response, we never expected our app will be loved by so many people. Few days ago the total downloads exceeded 5000 with 30 ratings averaging 4.6 / 5 . The number may not be that high for an international audience focusing app, but its real high for Bengali people focusing app. <a href="https://market.android.com/details?id=net.halalit.bangladict" target="_blank"><strong>Download the app from the market by clicking here</strong></a>.</p>
<p><a href="https://market.android.com/details?id=net.halalit.bangladict" target="_blank"><img src="http://usman.it/wp-content/uploads/2011/10/feature_graphic1-e1320003049198.png" alt="Bangla Dictionary for Android" title="Bangla Dictionary for Android" width="598" height="292" class="aligncenter size-full wp-image-109" /></a></p>
<p></a>Works fine with most devices, some Android devices with less or no complex script(most of these are called Jukto Borno in Bangla) support may show some Bangla words (with Jukto Borno) broken. Devices with complex script support show everything perfectly.</p>
<img src="http://feeds.feedburner.com/~r/halalit/~4/VD7ggWmG6g8" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.halalit.net/blog/archives/english-bangla-dictionary-android/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		<feedburner:origLink>http://www.halalit.net/blog/archives/english-bangla-dictionary-android</feedburner:origLink></item>
		<item>
		<title>Creating a simple Facebook Application</title>
		<link>http://feedproxy.google.com/~r/halalit/~3/LCRh35iXwZ4/creating-a-simple-facebook-application</link>
		<comments>http://www.halalit.net/blog/archives/creating-a-simple-facebook-application#comments</comments>
		<pubDate>Wed, 26 Oct 2011 17:45:21 +0000</pubDate>
		<dc:creator>Usman</dc:creator>
				<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[PHP]]></category>

		<guid isPermaLink="false">http://usman.it/?p=15</guid>
		<description><![CDATA[Facebook Applications are getting much popular these days, its good, but the bad is Facebook frequently changes its API, which causes the resource and tutorials on this subject to be obsolete. That&#8217;s why I decided to write a up to date post on how to create an IFrame based Facebook Application using PHP. I am [...]]]></description>
			<content:encoded><![CDATA[<iframe src="http://www.facebook.com/plugins/like.php?href=http://www.halalit.net/blog/archives/creating-a-simple-facebook-application&amp;layout=standard&amp;show_faces=1&amp;width=450&amp;action=like&amp;colorscheme=light&amp;font=" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:25px"></iframe><p>Facebook Applications are getting much popular these days, its good, but the bad is Facebook frequently changes its API, which causes the resource and tutorials on this subject to be obsolete. That&#8217;s why I decided to write a up to date post on how to create an IFrame based Facebook Application using PHP. I am using <a href="https://github.com/facebook/php-sdk" target="_blank">PHP SDK</a> (3.1) and Graph API, you have to download PHP SDK from <a href="https://github.com/facebook/php-sdk" target="_blank">here</a>. Well, I am covering the coding part here and not going through how to create and setup a Facebook Application, if you don&#8217;t know how then <a href="http://net.tutsplus.com/tutorials/javascript-ajax/design-and-code-an-integrated-facebook-app/" target="_blank">this article</a> might be a good read.</p>
<p>I will create an app which will show all friends&#8217; name. So we will learn, how to &#8230;<br />
-Include PHP SDK<br />
-Authenticate the user<br />
-Set scope or permission<br />
-Get friend list<br />
-Print friends&#8217; names</p>
<p>I am using an index.php file and a folder named fb_sdk which will contain facebook.php and base_facebook.php obtained from <a href="https://github.com/facebook/php-sdk" target="_blank">Facebook PHP SDK</a> (path_to_php_sdk/src/).  Now we will start writing code in index.php</p>
<p>First we will include the PHP SDK file like below:</p>
<pre class="brush: php; title: ; notranslate">
require 'fb_sdk/facebook.php';
</pre>
<p>Now we will instantiate the PHP SDK, here we will provide the Application Id (appId) and Application Secret (secret) obtained from our App settings in Facebook.</p>
<pre class="brush: php; title: ; notranslate">
$facebook = new Facebook(array(
  'appId'  =&gt; 'your_app_id',
  'secret' =&gt; 'your_app_secret',
));
</pre>
<p>Now we will get user info from Facebook to check if the user is authenticated or not</p>
<pre class="brush: php; title: ; notranslate">
$user = $facebook-&gt;getUser();

// We may or may not have this data based on whether the user is logged in.
//
// If we have a $user id here, it means we know the user is logged into
// Facebook, but we don't know if the access token is valid. An access
// token is invalid if the user logged out of Facebook.

if ($user) {
  try {
    // Proceed knowing you have a logged in user who's authenticated.
    $user_profile = $facebook-&gt;api('/me');

  } catch (FacebookApiException $e) {
    error_log($e);
    $user = null;
  }
}
</pre>
<p>Now if the user is not authenticated or user has not allowed our app to access certain info then we will redirect user to a URL called loginUrl to allow our app to access his info. As we need user&#8217;s friend list only we are asking for read_friendlists permission only. You can ask for additional permissions if you need, a list permissions can be found <a href="https://developers.facebook.com/docs/reference/api/permissions/" target="_blank">here</a>.</p>
<pre class="brush: php; title: ; notranslate">
// Login or logout url will be needed depending on current user state.
if ($user) {
  $logoutUrl = $facebook-&gt;getLogoutUrl();

} else {
  $loginUrl = $facebook-&gt;getLoginUrl(array(
            'scope' =&gt; 'read_friendlists', //you can add more permissions here separated by commas
			'redirect_uri'=&gt;'https://apps.facebook.com/usman_test_app/' //give your app's canvas URL here, its just example
            )
       );
    //redirect user to loginUrl
    echo &quot;&lt;script type='text/javascript'&gt;top.location.href = '$loginUrl';&lt;/script&gt;&quot;;
    exit;
}
</pre>
<p>Now we have permission to access user&#8217;s friend list. So we have to get the friend list using the api() function. The returned value will be an array, then we will loop through the array and print the friend&#8217;s name.</p>
<pre class="brush: php; title: ; notranslate">

?&gt;
&lt;!doctype html&gt;
&lt;html xmlns:fb=&quot;http://www.facebook.com/2008/fbml&quot;&gt;
  &lt;head&gt;
    &lt;title&gt;Facebook App Example&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;?php if ($user){
			//lets get the friend list
			$friends   = $facebook-&gt;api('/me/friends');
			//check if we have a valid list
			if(!is_array($friends))
				exit(&quot;Unable to get friend list.&quot;);

			//now we will print friend name from array
			foreach($friends['data'] as $friend)
			{
				echo $friend['name'].'&lt;br/&gt;';
			}
	?&gt;

    &lt;?php } ?&gt;

  &lt;/body&gt;
&lt;/html&gt;
</pre>
<p>Well we are done now. You have to put index.php and the fb_sdk folder in the root of your app folder. You can access the app by visiting your Canvas URL If you like the post please share it and comment below. Also you can comment if you have any problem or relevant question.</p>
<img src="http://feeds.feedburner.com/~r/halalit/~4/LCRh35iXwZ4" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.halalit.net/blog/archives/creating-a-simple-facebook-application/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		<feedburner:origLink>http://www.halalit.net/blog/archives/creating-a-simple-facebook-application</feedburner:origLink></item>
		<item>
		<title>10 useful jQuery Plugins</title>
		<link>http://feedproxy.google.com/~r/halalit/~3/dwn5aNkf10o/10-useful-jquery-plugins</link>
		<comments>http://www.halalit.net/blog/archives/10-useful-jquery-plugins#comments</comments>
		<pubDate>Fri, 14 Jan 2011 15:34:54 +0000</pubDate>
		<dc:creator>Usman</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://www.halalit.net/blog/?p=90</guid>
		<description><![CDATA[jQuery, a micro JavaScript framework with a lightweight footprint as well, is loved by developers of the generation. It provides scalability for developers by introducing plugin development. Thousands of jQuery plugins overwhelm the web, of which I have selected a few to introduce in this article. Hope these will help you build better web. 1 [...]]]></description>
			<content:encoded><![CDATA[<iframe src="http://www.facebook.com/plugins/like.php?href=http://www.halalit.net/blog/archives/10-useful-jquery-plugins&amp;layout=standard&amp;show_faces=1&amp;width=450&amp;action=like&amp;colorscheme=light&amp;font=" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:25px"></iframe><p><a href="http://jquery.com" target="_blank">jQuery</a>, a micro JavaScript framework with a lightweight footprint as well, is loved by developers of the generation. It provides scalability for developers by introducing plugin development. Thousands of jQuery plugins overwhelm the web, of which I have selected a few to introduce in this article. Hope these will help you build better web.</p>
<p><br/></p>
<p><strong>1 ) wijmo</strong></p>
<p>wijmo is a collection of awesome jQuery UI Plugins, which are enough to make impressions on users mind, a must check.</p>
<p><a href="http://wijmo.com/demos/" target="_blank"><strong>View Demo or Download Plugins</strong></a></p>
<p><br/></p>
<p><strong>2 </strong><strong>) jQuery Cycle Plugin</strong></p>
<p>The jQuery Cycle Plugin is a slideshow plugin that supports many different types of transition effects. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and much more. It also supports, but does not require, the <a href="http://plugins.jquery.com/project/metadata">Metadata Plugin</a> and the <a href="http://gsgd.co.uk/sandbox/jquery.easing.php">Easing Plugin</a>.</p>
<p><a href="http://jquery.malsup.com/cycle/" target="_blank"><strong>View Demo</strong></a><strong> </strong><a href="http://jquery.malsup.com/cycle/release/jquery.cycle.zip?v2.94" target="_blank"><strong>Download Plugin</strong></a></p>
<p><br/></p>
<p><strong><strong>3 ) zLayer</strong></strong></p>
<p>zLayers is a jQuery plugin that allows you to orientate an element based on the position of your mouse to the page’s window, or element’s parent.</p>
<p><a href="http://www.devinrolsen.com/jquery-zlayers-plugin/" target="_blank"><strong>View Demo</strong></a><strong> </strong><a href="http://www.devinrolsen.com/wp-content/themes/dolsen/demos/jquery/zlayer/js/jquery.zlayer.min.js" target="_blank"><strong>Download Plugin</strong></a></p>
<p><br/></p>
<p><strong>4 ) jQTouch</strong></p>
<p>A jQuery plugin for mobile web development on the iPhone, iPod Touch, and other forward-thinking devices</p>
<p><a href="http://www.jqtouch.com/?sms_ss=twitter&amp;at_xt=4d120a874a067e34,0" target="_blank"><strong>View Demo or Download Plugin</strong></a></p>
<p><br/></p>
<p><strong>5 ) jQuery Face Detection</strong></p>
<p>An excellent plugin which detects face from photo, almost like Facebook Tagging.</p>
<p><a href="https://github.com/jaysalvat/jquery.facedetection" target="_blank"><strong>View</strong></a></p>
<p><br/></p>
<p><strong>6 ) MOUSE OVER ANIMATION FOR TEXT MOATEXT</strong></p>
<p>You can use this jQuery plugin for adding flavor to your web site. By this plugin, text messages on your site are animated on mouse over. jQuery animate function is called for each character of text. You can see very interesting effects so many characters animate at the same time.</p>
<p><a href="http://labs.bitmeister.jp/moamoa/demo.html" target="_blank"><strong>View Demo</strong></a><strong> </strong><a href="http://sourceforge.jp/projects/moatext/downloads/43583/jquery.moatext-1.1.0.zip/" target="_blank"><strong>Download Plugin</strong></a></p>
<p><br/></p>
<p><strong>7 ) FULL 3D JQUERY AND FLASH COMBO CAROUSEL</strong></p>
<p>It will turn an list of images into a full 3D carousel based on the dimensions of the div surrounding the list. jQuery plugin takes the list and embeds the images from the HTML into a dynamically rendered Flash SWF file. Employs Flash 10 for the rendering in full 3D.</p>
<p><a href="http://bugsoftware.co.uk/jQuery/Flash3DCarousel/" target="_blank"><strong>View Demo</strong></a><strong> </strong><a href="http://plugins.jquery.com/files/Flash3DCarousel_3.zip" target="_blank"><strong>Download Plugin</strong></a></p>
<p><br/></p>
<p><strong>8 ) ANIMATION SLIDER ROTATION</strong></p>
<p>Tiny Circleslider is a circular slider / carousel. That was built to provide webdevelopers with a cool but subtle alternative to all those standard carousels. Tiny Circleslider can blend in on any webpage.</p>
<p><a href="http://www.htmldrive.net/items/demo/779/Lightweight-Circle-slideshow" target="_blank"><strong>View Demo</strong></a><strong> </strong><a href="http://www.htmldrive.net/items/download/779" target="_blank"><strong>Download Plugin</strong></a></p>
<p><br/></p>
<p><strong>9 ) POPULAR-ON-TWITTER WIDGET</strong></p>
<p>Another Topsy-enabled jQuery plugin to list the most popular posts on your website, from your Twitter timeline or for some keyword within a selected period of time. Links are displayed with number of tweets and score -which is calculated by the influence of the people talking about them and affects on sorting those links.</p>
<p><a href="http://www.moretechtips.net/2009/12/popular-on-twitter-widget-topsy-enabled.html" target="_blank"><strong>View Demo</strong></a><strong> </strong><a href="http://popular-on-twitter.googlecode.com/files/jquery.popular-on-twitter-1.0.min.js" target="_blank"><strong>Download Plugin</strong></a></p>
<p><br/></p>
<p><strong><strong>10 ) zWeatherFeed – Yahoo! Weather Plugin</strong></strong></p>
<p>This plugin will read the current weather for a location using Yahoo! Weather. It produces structured HTML with in-built CSS classes for styling. Simple and easy to use.</p>
<p><strong><a href="http://www.zazar.net/developers/zweatherfeed/default.html#demo" target="_blank">View Demo</a> <a href="http://www.zazar.net/developers/zweatherfeed/zweatherfeed-102.zip" target="_blank">Download Plugin</a></strong></p>
<p><br/></p>
<h3><strong>We will be releasing some really cool jQuery Plugins soon, <a href="http://twitter.com/#!/halalit_usman" target="_blank">follow us on Twitter</a></strong><strong> to stay updated.</strong></h3>
<p><br/></p>
<img src="http://feeds.feedburner.com/~r/halalit/~4/dwn5aNkf10o" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.halalit.net/blog/archives/10-useful-jquery-plugins/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		<feedburner:origLink>http://www.halalit.net/blog/archives/10-useful-jquery-plugins</feedburner:origLink></item>
		<item>
		<title>How to create your own, custom WordPress Theme</title>
		<link>http://feedproxy.google.com/~r/halalit/~3/Z_6fQ7tllYg/creating-my-own-custom-wordpress-theme</link>
		<comments>http://www.halalit.net/blog/archives/creating-my-own-custom-wordpress-theme#comments</comments>
		<pubDate>Tue, 07 Sep 2010 12:00:15 +0000</pubDate>
		<dc:creator>Halal IT Team</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.halalit.net/blog/?p=65</guid>
		<description><![CDATA[Download all codes (/full theme) here. WordPress is one of the most successful blogging platforms/CMSs (Content Management Systems) on the internet. It is user friendly and customizable. Developers can customize it using it’s built-in functions and APIs without changing the core WordPress, such as making plugins, themes etc. This tutorial is about making your own [...]]]></description>
			<content:encoded><![CDATA[<iframe src="http://www.facebook.com/plugins/like.php?href=http://www.halalit.net/blog/archives/creating-my-own-custom-wordpress-theme&amp;layout=standard&amp;show_faces=1&amp;width=450&amp;action=like&amp;colorscheme=light&amp;font=" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:25px"></iframe><div style="clear: both; width: 100%; border: solid blue 1px; background-color: #fbfb99; color: black; font-weight: bold; text-align: center;"><a href="http://www.halalit.net/blog/wp-content/uploads/2010/09/mytheme.zip">Download all codes (/full theme) here.</a></div>
<p>WordPress is one of the most successful blogging platforms/CMSs (Content Management Systems) on the internet. It is user friendly and customizable. Developers can customize it using it’s built-in functions and APIs without changing the core WordPress, such as making plugins, themes etc.</p>
<p>This tutorial is about making your own WordPress theme, through this I’ll only explain how you can make a WordPress theme. Before you start keep one thing in mind that, this tutorial is going to teach you the very  basic, the core part of  WordPress theming, which means if you read this article you will not become a WordPress geek but you can design/create a unique theme for yourself or for public use. So lets start&#8230;</p>
<p><strong>What is a WordPress theme: </strong>Basically WordPress theme is the user interface of a WordPress bloging site, it defines the look of the site.</p>
<p><strong>Requirements for this tutorial:</strong></p>
<ol>
<li>You 	need to know PHP, HTML and CSS and basic use of WordPress.</li>
<li>A 	text editor.</li>
<li>Several 	web browsers.</li>
<li>A 	server, local or remote.</li>
</ol>
<p><strong>Note</strong>: Every browser does not produce/show the same output, specially the positioning is a little complicated in Internet Explorer series browsres. So it is very important to test your theme in more than one browsers. I basically test in IE 6,7,8 and Google Chrome.</p>
<p><strong>How WordPress theme works:</strong></p>
<p><strong><a href="http://www.halalit.net/blog/wp-content/uploads/2010/09/structure.png"><img class="aligncenter size-full wp-image-75" title="structure" src="http://www.halalit.net/blog/wp-content/uploads/2010/09/structure.png" alt="" width="200" height="225" /></a><br />
</strong></p>
<ol>
<li><strong>index.php:</strong> WordPress uses index.php file for front page, e.g. when you write 	your site url on the browser’s address bar WordPress loads 	index.php and shows it on the browser screen. This file has four 	parts. Header, Sidebar, Content and Footer.</li>
<li><strong>style.css: </strong>The 	style.css file is the style sheet file of the theme. This file is 	responsible for the look of your theme.</li>
<li><strong>header.php: </strong>It 	generates the look of header 	in index.php file.</li>
<li><strong>sidebar.php: </strong>This 	is the sidebar look. This will be used as a navigation bar in your 	theme and also widgets will be shown here.</li>
<li><strong>footer.php:</strong> This is the footer look.</li>
</ol>
<p><strong>Content </strong>is the part of your index.php file, like other template files content does not require an individual template file.</p>
<p><strong>** </strong><strong>Important: </strong>We have discussed about index.php, style.css, header.php, sidebar.php and footer.php files. These files are main files of the WordPress theme. To make a theme these files have to be created first and it is possible to make a theme only using these files but it will be a very basic theme or not a perfect theme at all. So, what makes your theme perfect ? The answer is that, you have to create some more template files. These are:</p>
<ul>
<li>archive.php</li>
<li>single.php</li>
<li>page.php</li>
<li>comments.php</li>
<li>search.php</li>
<li>searchform.php 	etc.</li>
</ul>
<p>There are more but for this tutorial it’s enough, because this is a fundamental tutorial, just a begnning.</p>
<p>I will discuss about these (mentioned above) files  later on this tutorial.</p>
<p><strong>**</strong> Now we will go step by step and every step is important for this tutorial, so don’t ommit any part of this article, otherwise you wont be able understand it.</p>
<p><strong>Step-1: </strong>First of all create a new folder in your <strong>wordpresswp-contentthemes </strong>folder and give a name related to your theme. WordPress themes are stored in <strong>thames</strong> folder. So if you want to name your theme “Myblog”,  you should create this folder inside the <strong>wp-contentthemes, </strong>so WordPress can recognize your theme as <strong>Myblog.</strong></p>
<p><strong>Step-2:</strong> Copy the style.css file came with demo.zip and paste it in your theme e.g. <strong>Myblog</strong> folder and create an html file and name it <strong>index.php </strong>in the same folder<strong>.</strong></p>
<p><strong>Step-3: </strong>Now copy and paste the header.php, sidebar.php, searchform.php, comments.php and footer.php files from Mytheme folder to your new theme folder (Myblog).</p>
<p><strong>Understanding the header.php file:</strong></p>
<p><strong><br />
</strong></p>
<pre class="brush: xml; title: ; wrap-lines: true; notranslate">

&lt;title&gt;&lt;?php bloginfo('name'); ?&gt;&lt;/title&gt;

&lt;-- Gets the title of your WordPress blog. --&gt;

&lt;link rel=&quot;stylesheet&quot; href=&quot;&lt;?php bloginfo('stylesheet_url'); ?&gt;&quot; type=&quot;text/css&quot; /&gt;

&lt;!-- Returns the style.css file’s link with full path/url and name. --&gt;

&lt;link rel=&quot;alternate&quot; type=&quot;application/rss+xml&quot; title=&quot;RSS 2.0&quot; href=&quot;&lt;?php bloginfo('rss2_url'); ?&gt;&quot; /&gt;

&lt;link rel=&quot;alternate&quot; type=&quot;text/xml&quot; title=&quot;RSS .92&quot; href=&quot;&lt;?php bloginfo('rss_url'); ?&gt;&quot; /&gt;

&lt;link rel=&quot;alternate&quot; type=&quot;application/atom+xml&quot; title=&quot;Atom 0.3&quot; href=&quot;&lt;?php bloginfo('atom_url'); ?&gt;&quot; /&gt;

&lt;link rel=&quot;pingback&quot; href=&quot;&lt;?php bloginfo('pingback_url'); ?&gt;&quot; /&gt;
</pre>
<p><span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; line-height: 19px; white-space: normal; font-size: 13px;">Above lines are Standard <strong>HEAD </strong> for WordPress.</span></p>
<pre class="brush: xml; title: ; notranslate">

&lt;span class = &quot;blog_title&quot;&gt;

&lt;a href=&quot;&lt;?php bloginfo('url'); ?&gt;&quot; title=&quot;Blog Home&quot;&gt;&lt;?php bloginfo('name'); ?&gt;&lt;/a&gt;

&lt;!-- Returns the blog name. --&gt;

&lt;/span&gt;

&lt;br /&gt;

&lt;span class=&quot;blog_description&quot;&gt;&lt;?php bloginfo('description'); ?&gt;&lt;/span&gt;

&lt;!-- Returns the blog descripton if have any. --&gt;

&lt;?php bloginfo('url'); ?&gt;

&lt;!-- This will link to the homepage of your blog. --&gt;
</pre>
<p><strong>Understanding the sidebar.php file:</strong></p>
<pre class="brush: xml; title: ; notranslate">

&lt;?php include(TEMPLATEPATH . '/searchform.php'); ?&gt;

&lt;!-- Includes the search form. --&gt;

&lt;?php get_calendar(); ?&gt;

&lt;!-- Adds the calender inside the sidebar. --&gt;

&lt;?php wp_list_cats('show_count=1&amp;title_li='); ?&gt;

&lt;!-- Adds all post cetegories inside the sidebar. --&gt;

&lt;?php wp_get_archives('type=monthly'); ?&gt;

&lt;!-- Lists all monthly archives and shows them inside the sidebar. --&gt;
</pre>
<p><strong>**</strong> Sidebar is the main navigation of your site. Administrator can add widgets in the sidebar from admin panel by drag and drop. If any widget has been added by the administrator to the sidebar then manually (By php codes) added stuff will be gone (php codes will not work), otherwise codes will add items in the sidebar.</p>
<p><strong>Understanding the footer.php file:</strong></p>
<p>This file will only contain the footer content which is common for every page like the copyright.</p>
<p>In my example I have used the php function to show copyright date and added the link of Halal IT Site. Don&#8217;t forget to add &lt;?php wp_footer(); ?&gt; in your footer.php else many WordPress plugins don&#8217;t work properly.</p>
<p><strong>Step-4:</strong> Now open the index.php file you have created before and write the following codes:</p>
<pre class="brush: xml; title: ; notranslate">

&lt;?php get_header(); ?&gt;

&lt;!-- Includes the header.php file. --&gt;

&lt;div id=&quot;container&quot;&gt;

&lt;!-- The container div,  all contents will come here. --&gt;

&lt;!-- The WordPress loop goes here --&gt;

&lt;/div&gt;

&lt;?php get_sidebar(); ?&gt;

&lt;!-- Includes the sidebar.php file. --&gt;

&lt;?php get_footer(); ?&gt;

&lt;!-- Includes the footer.php file. --&gt;
</pre>
<p><strong>** </strong>You have just created the index.php file for the theme. The codes above inside the php tags are WordPress’ built-in functions which includes header, sidebar and footer inside the index.php file. These functions work like include() function of php. The WordPress loop is the main part of the theme. This loop fetches the data from WordPress database and fills the container div with posts. Here it is:</p>
<pre class="brush: xml; title: ; notranslate">

&lt;?php if (have_posts()) : ?&gt;

&lt;!-- If any post exists in database. --&gt;

&lt;?php while (have_posts()) : the_post(); ?&gt;

&lt;!-- fetches them till posts are finished. --&gt;

&lt;div class=&quot;post&quot;&gt;
&lt;?php the_content() ?&gt;
&lt;!-- Fills posts with post date, post category, post title, post body (the_content() function returns post text) etc and adds comments link. --&gt;

&lt;/div&gt;

&lt;?php endwhile; ?&gt;

&lt;!-- Ends the loop. --&gt;

&lt;?php else : ?&gt;

&lt;!-- If post does not exist then Show “Not Found”. --&gt;

&lt;h2&gt;Not Found&lt;/h2&gt;

&lt;?php endif; ?&gt;

&lt;!-- Closes if condition. --&gt;
</pre>
<p><strong>**</strong> This is it.</p>
<p lang="en-US">
<p><strong>** </strong>Here is the list of the Theme files recognized by WordPress. Of course, your Theme can contain any other stylesheets, images, or files. Just keep in mind that the following have special meaning to WordPress.</p>
<p lang="en-US">
<p lang="en-US">
<p><strong>archive.php</strong></p>
<p>The archive template. Used when a category, author, or date is queried. Note that this template will be overridden by category.php, author.php, and date.php for their respective query types.</p>
<p><strong>search.php</strong></p>
<p>The search results template. Used when a search is performed.</p>
<p lang="en-US">
<p><strong>single.php</strong></p>
<p>The single post template. Used when a single post is queried. For this and all other query templates, index.php is used if the query template is not present.</p>
<p lang="en-US">
<p><strong>page.php</strong></p>
<p>The page template. Used when an individual page is queried.</p>
<p lang="en-US">
<p><strong>comments.php</strong></p>
<p>The comments template</p>
<p lang="en-US">
<p><strong>** </strong>Archive.php, Search.php, Single.php and Page.php files are all most similar. Only the loop (container div) has been changed a little. But everything is possible by index.php file. But you should use the advantage of WordPress by using those template files in your theme, so copy and paste all the other files from Mytheme folder to your new theme folder (Myblog)  and see the difference.</p>
<p lang="en-US">
<p><strong>** Things to remember: </strong></p>
<p lang="en-US">
<p>Don’t remove following lines from style.css file. These are useful to WordPress to know certain information about your theme. Every line is self descriptive. You are free to change. WordPress will show these information in the admin panel.</p>
<p lang="en-US">
<p lang="en-US">Theme Name: My Blog Theme</p>
<p lang="en-US">
<p lang="en-US">Theme URI: http://www.halalit.net/blog/wp-content/themes/Mytheme</p>
<p lang="en-US">
<p lang="en-US">Description: This is my first WordPress theme.</p>
<p lang="en-US">
<p lang="en-US">Version: 1.0</p>
<p lang="en-US">
<p lang="en-US">Author: Heera</p>
<p lang="en-US">
<p>Author URI: <span style="text-decoration: underline;"><a href="http://www.halalit.net/about">http://www.halalit.net/about</a></span></p>
<p lang="en-US">
<p><strong>** Screenshot.png file:</strong><strong> </strong>WordPress uses this file to show a preview of your theme in admin panel, so take a screenshot of your theme and save it in the theme folder with png or jpg extension.</p>
<p lang="en-US">
<p lang="en-US">
<p lang="en-US">This is a very basic of WordPress theme design recipe. You can a extend it and play through it as you wish.</p>
<p lang="en-US">
<p><strong>** </strong>You will find more advanced information at <span style="text-decoration: underline;"><a href="http://codex.wordpress.org/Theme_Development">http://codex.wordpress.org/Theme_Development</a></span>.</p>
<img src="http://feeds.feedburner.com/~r/halalit/~4/Z_6fQ7tllYg" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.halalit.net/blog/archives/creating-my-own-custom-wordpress-theme/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		<feedburner:origLink>http://www.halalit.net/blog/archives/creating-my-own-custom-wordpress-theme</feedburner:origLink></item>
		<item>
		<title>Agreement with Social Networking Company</title>
		<link>http://feedproxy.google.com/~r/halalit/~3/cAIZnHKpv18/agreement-with-social-networking-company</link>
		<comments>http://www.halalit.net/blog/archives/agreement-with-social-networking-company#comments</comments>
		<pubDate>Sat, 15 May 2010 15:25:15 +0000</pubDate>
		<dc:creator>Usman</dc:creator>
				<category><![CDATA[New Projects]]></category>
		<category><![CDATA[News]]></category>

		<guid isPermaLink="false">http://www.halalit.net/blog/?p=41</guid>
		<description><![CDATA[We have recently come on agreement with Turkish Social Networking Company to build their website and to take the maintenance. Its an offshore web development project. We are really excited to take all the challenges that comes during the website development. Despite it is an offshore web development project we are having great communication with [...]]]></description>
			<content:encoded><![CDATA[<iframe src="http://www.facebook.com/plugins/like.php?href=http://www.halalit.net/blog/archives/agreement-with-social-networking-company&amp;layout=standard&amp;show_faces=1&amp;width=450&amp;action=like&amp;colorscheme=light&amp;font=" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:25px"></iframe><p>We have recently come on agreement with Turkish Social Networking Company to build their website and to take the maintenance. Its an offshore web development project. We are really excited to take all the challenges that comes during the website development. Despite it is an offshore web development project we are having great communication with the blessings of technology.</p>
<img src="http://feeds.feedburner.com/~r/halalit/~4/cAIZnHKpv18" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.halalit.net/blog/archives/agreement-with-social-networking-company/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		<feedburner:origLink>http://www.halalit.net/blog/archives/agreement-with-social-networking-company</feedburner:origLink></item>
		<item>
		<title>jQuery Uplift Plugin</title>
		<link>http://feedproxy.google.com/~r/halalit/~3/KAQaRho3wTg/jquery-uplift-plugin</link>
		<comments>http://www.halalit.net/blog/archives/jquery-uplift-plugin#comments</comments>
		<pubDate>Sun, 18 Apr 2010 11:28:27 +0000</pubDate>
		<dc:creator>Usman</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Lab Tools]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Uplift jQuery Plugin]]></category>

		<guid isPermaLink="false">http://www.halalit.net/blog/?p=15</guid>
		<description><![CDATA[We have developed a jQuery Effect Plugin for our site to show our testimonials.  This is a rocking plugin which lifts the last element of a parent element to top and slowly takes other elements down. See a demo at our homepage http://www.halalit.net (see the testimonials section). You can download this plugin from here. Usage:- The [...]]]></description>
			<content:encoded><![CDATA[<iframe src="http://www.facebook.com/plugins/like.php?href=http://www.halalit.net/blog/archives/jquery-uplift-plugin&amp;layout=standard&amp;show_faces=1&amp;width=450&amp;action=like&amp;colorscheme=light&amp;font=" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:25px"></iframe><p>We have developed a jQuery Effect Plugin for our site to show our testimonials.  This is a rocking plugin which lifts the last element of a parent element to top and slowly takes other elements down. See a demo at our homepage <a title="Demo" href="http://www.halalit.net" target="_blank">http://www.halalit.net</a> (see the testimonials section). You can download this plugin from <a title="Download" href="http://plugins.jquery.com/files/jquery.uplift.zip" target="_self"><strong><span style="color: #ff0000;">here</span></strong></a>.</p>
<div style="width: 100%;"><a href="http://www.halalit.net/blog/wp-content/uploads/2010/04/uplift-preview.jpg"><img class="size-full wp-image-16 alignleft" title="uplift-preview" src="http://www.halalit.net/blog/wp-content/uploads/2010/04/uplift-preview.jpg" alt="Preview" width="228" height="152" /></a></div>
<p><span style="text-decoration: underline;"><strong>Usage:-</strong></span></p>
<div>
<p><strong>The Html</strong></p>
<p>Add <a title="Download jQuery Core from here" href="http://jquery.com/" target="_blank">jQuery Core</a> file to your head section and also this plugin.</p>
<pre>Add this to your body section
<pre class="brush: xml; title: ; notranslate">

&lt;div id=&quot;testimonials&quot;&gt;
&lt;div&gt;
Your 1st text or image.
&lt;/div&gt;

&lt;div&gt;
Your 2nd text or image.
&lt;/div&gt;
&lt;div&gt;
Your 3rd text or image.
&lt;/div&gt;
&lt;!-- You can add as many as you wish--&gt;

&lt;/div&gt;
</pre>
<p> <strong>Javascript</strong>
<pre class="brush: jscript; title: ; notranslate">

$(&quot;#testimonials&quot;).uplift({

timeout: 7000, //after how much time the effect starts

speed: 2000,//after starting how quickly effect finishes

show: 3,//how many elements to be visible all the time

easing: 'easeOutBounce'//the jQuery easing effect (requires easing plugin)
});
</pre>
<p> <strong><span style="font-weight: normal;">That's all, you are done. You can configure it from above as comments suggest.</span></strong><br />
 <strong><span style="font-weight: normal;">Enjoy the plugin with islamic open source license<br/> (not to be used in non-islamic purpose).</span></strong> <br />
<strong><span style="font-weight: normal;">Allah(/God) is the source of power.</span></strong><br />
<strong><span style="font-weight: normal;">If anyone wants to contribute to the development, just comment here.</span></strong><strong><span style="font-weight: normal;"> </span></strong><strong><span style="font-weight: normal;"><br />
</span></strong> <br />
<strong><span style="font-weight: normal;">Supports all major browsers except Internet Explorer.</span></strong><strong></p>
<h2><span style="color: #000000;"><span style="text-decoration: none;">-<a href="http://plugins.jquery.com/files/jquery.uplift.zip" target="_self">Download the plugin.</a></span></span></h2>
<h2>-<a href="http://plugins.jquery.com/project/uplift" target="_blank">Visit the jQuery Plugin page.</a></h2>
<h2><span style="color: #000000;"><span style="text-decoration: none;">-<a href="http://jquery.com" target="_blank">Visit jQuery Site.</a></span></span></h2>
<p></strong></pre>
</div>
<img src="http://feeds.feedburner.com/~r/halalit/~4/KAQaRho3wTg" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.halalit.net/blog/archives/jquery-uplift-plugin/feed</wfw:commentRss>
		<slash:comments>10</slash:comments>
		<feedburner:origLink>http://www.halalit.net/blog/archives/jquery-uplift-plugin</feedburner:origLink></item>
	</channel>
</rss>

