<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:blogger='http://schemas.google.com/blogger/2008' xmlns:georss='http://www.georss.org/georss' xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-8894686008232476968</id><updated>2025-08-02T08:51:38.258-07:00</updated><category term="jquery"/><category term="css"/><category term="php"/><category term="ajax"/><category term="html"/><category term="javascript"/><category term="facebook"/><category term="plugin"/><category term="json"/><category term="multiple image upload"/><category term="css3"/><category term="html5"/><category term="keyup"/><category term="progress bar"/><category term="search"/><category term="video"/><category term="animation"/><category term="database"/><category term="drop_down"/><category term="form"/><category term="mysql"/><category term="youtube"/><category term="anroid"/><category term="create-jquery-plugin"/><category term="custom-confirm"/><category term="custom-fonts"/><category term="drag_and_drop"/><category term="draganddrop"/><category term="facebook_app"/><category term="fonts"/><category term="google"/><category term="hashtag"/><category term="image rotator"/><category term="instant_search"/><category term="jquery_animation"/><category term="keyboard_shortcut"/><category term="learn_jquery"/><category term="multiple"/><category term="mysqli"/><category term="php_pdo"/><category term="profilepic"/><category term="realtime"/><category term="test application"/><category term="toggle"/><category term="tumblr"/><category term="username check"/><category term="vimeo"/><title type='text'>hunklessons</title><subtitle type='html'>Learn to Programe</subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://hunklessons.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8894686008232476968/posts/default'/><link rel='alternate' type='text/html' href='http://hunklessons.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><link rel='next' type='application/atom+xml' href='http://www.blogger.com/feeds/8894686008232476968/posts/default?start-index=26&amp;max-results=25'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/03387616026861506131</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>30</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-8894686008232476968.post-7078748169922457873</id><published>2015-11-18T21:57:00.000-08:00</published><updated>2015-11-18T21:57:07.093-08:00</updated><title type='text'>PHP Database Class in PDO</title><summary type="text">


PHP Database class is a kickass class build to handle all the Database functionality. PHP database class make it super easy to handle CRUD(Create Read Update Delete) operations easily, PHP database class is build using PDO and BindParams so its SQL injection safe, IN my all projects i use PHP database class so i hope it will help you guyz build web application faster and safer. SO get Started
</summary><link rel='replies' type='application/atom+xml' href='http://hunklessons.blogspot.com/feeds/7078748169922457873/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://hunklessons.blogspot.com/2015/11/php-database-class-in-pdo.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8894686008232476968/posts/default/7078748169922457873'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8894686008232476968/posts/default/7078748169922457873'/><link rel='alternate' type='text/html' href='http://hunklessons.blogspot.com/2015/11/php-database-class-in-pdo.html' title='PHP Database Class in PDO'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/03387616026861506131</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8894686008232476968.post-2062441719964101561</id><published>2015-11-16T21:59:00.000-08:00</published><updated>2015-11-16T21:59:27.607-08:00</updated><title type='text'>Youtube like rating system in PHP and jQuery</title><summary type="text">


Youtube like rating system
Hey guyz in this tutorial we are going to learn how to create youtube like rating system in PHP and jQuery, This version is not that advance a user can post more then one time but its ok for the tutorial purpose you guyz can develop it future

Live Demo
Download


Readmore
</summary><link rel='replies' type='application/atom+xml' href='http://hunklessons.blogspot.com/feeds/2062441719964101561/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://hunklessons.blogspot.com/2015/11/youtube-like-rating-system-in-php-and.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8894686008232476968/posts/default/2062441719964101561'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8894686008232476968/posts/default/2062441719964101561'/><link rel='alternate' type='text/html' href='http://hunklessons.blogspot.com/2015/11/youtube-like-rating-system-in-php-and.html' title='Youtube like rating system in PHP and jQuery'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/03387616026861506131</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8894686008232476968.post-416357434251528164</id><published>2015-11-15T22:27:00.000-08:00</published><updated>2015-11-15T22:27:04.300-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="animation"/><category scheme="http://www.blogger.com/atom/ns#" term="css"/><category scheme="http://www.blogger.com/atom/ns#" term="css3"/><title type='text'>Image Slider Using CSS3 Key Frame Animation Without Jquery Plugins</title><summary type="text">


In this tutorial we are going to learn how to create a image slider with css3 key frame animation without using jQuery or JavaScript, So Lets Get Started

Live Demo
Download Script


Read more
</summary><link rel='replies' type='application/atom+xml' href='http://hunklessons.blogspot.com/feeds/416357434251528164/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://hunklessons.blogspot.com/2015/11/image-slider-using-css3-key-frame.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8894686008232476968/posts/default/416357434251528164'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8894686008232476968/posts/default/416357434251528164'/><link rel='alternate' type='text/html' href='http://hunklessons.blogspot.com/2015/11/image-slider-using-css3-key-frame.html' title='Image Slider Using CSS3 Key Frame Animation Without Jquery Plugins'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/03387616026861506131</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8894686008232476968.post-4431570321930068265</id><published>2015-11-11T21:46:00.000-08:00</published><updated>2015-11-11T21:46:29.683-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="anroid"/><category scheme="http://www.blogger.com/atom/ns#" term="json"/><title type='text'>Android JSON parser and populating in a listview</title><summary type="text">


In this post we are going to learn how to how to make a Android JSON Parser and populating the results in a ListView, This Post has been Created by HackerKernel Take a minute to visit their website they have a lot of tutorials on Web and Android Development. In this post we will be fetching json data from a remote server using Android JSON parser and displaying its results in a listView

</summary><link rel='replies' type='application/atom+xml' href='http://hunklessons.blogspot.com/feeds/4431570321930068265/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://hunklessons.blogspot.com/2015/11/android-json-parser-and-populating-in.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8894686008232476968/posts/default/4431570321930068265'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8894686008232476968/posts/default/4431570321930068265'/><link rel='alternate' type='text/html' href='http://hunklessons.blogspot.com/2015/11/android-json-parser-and-populating-in.html' title='Android JSON parser and populating in a listview'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/03387616026861506131</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://img.youtube.com/vi/SUPWKqhuhjQ/default.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8894686008232476968.post-7532165270241388461</id><published>2015-11-10T23:11:00.001-08:00</published><updated>2015-11-10T23:12:39.163-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="jquery"/><category scheme="http://www.blogger.com/atom/ns#" term="mysqli"/><category scheme="http://www.blogger.com/atom/ns#" term="php"/><category scheme="http://www.blogger.com/atom/ns#" term="test application"/><title type='text'>MCQ test application in php</title><summary type="text">



First of all Thank you very very much For your love and support we have reached 1k Like on FB PAGE so on this occasion i am releasing my new project “TestiFY” an online MCQ test application in php. This MCQ test application has good amount of feature. For this MCQ test application i have used Dirty PHP so that it will be easy for me to explain stuff to you guyz.


Live Demo
Download Script


</summary><link rel='replies' type='application/atom+xml' href='http://hunklessons.blogspot.com/feeds/7532165270241388461/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://hunklessons.blogspot.com/2015/11/mcq-test-application-in-php.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8894686008232476968/posts/default/7532165270241388461'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8894686008232476968/posts/default/7532165270241388461'/><link rel='alternate' type='text/html' href='http://hunklessons.blogspot.com/2015/11/mcq-test-application-in-php.html' title='MCQ test application in php'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/03387616026861506131</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8894686008232476968.post-6303344307750074133</id><published>2014-05-28T09:03:00.003-07:00</published><updated>2014-06-23T03:37:18.213-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="jquery"/><category scheme="http://www.blogger.com/atom/ns#" term="learn_jquery"/><category scheme="http://www.blogger.com/atom/ns#" term="video"/><title type='text'>Learn jQuery in 30 Days (Became jQuery Beginner to a Pro)</title><summary type="text">

Hey guyz this post will be pretty long and this post is a request from my user in this post i am going to post 30 jQuery video and u can watch that videos and learn to programme jQuery. I doesn&#39;t matter if u r a jQuery beginner or a pro this videos will help u So Get started to (Became jQuery Beginner to a Pro).



jQuery part 1 - Introduction to jQuery


In this video i will make your </summary><link rel='replies' type='application/atom+xml' href='http://hunklessons.blogspot.com/feeds/6303344307750074133/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://hunklessons.blogspot.com/2014/05/learn-jquery-in-30-days-became-jquery.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8894686008232476968/posts/default/6303344307750074133'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8894686008232476968/posts/default/6303344307750074133'/><link rel='alternate' type='text/html' href='http://hunklessons.blogspot.com/2014/05/learn-jquery-in-30-days-became-jquery.html' title='Learn jQuery in 30 Days (Became jQuery Beginner to a Pro)'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/03387616026861506131</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8894686008232476968.post-3470237617968572920</id><published>2014-05-16T09:25:00.005-07:00</published><updated>2015-11-11T21:49:11.743-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="ajax"/><category scheme="http://www.blogger.com/atom/ns#" term="database"/><category scheme="http://www.blogger.com/atom/ns#" term="google"/><category scheme="http://www.blogger.com/atom/ns#" term="instant_search"/><category scheme="http://www.blogger.com/atom/ns#" term="json"/><category scheme="http://www.blogger.com/atom/ns#" term="php_pdo"/><category scheme="http://www.blogger.com/atom/ns#" term="realtime"/><category scheme="http://www.blogger.com/atom/ns#" term="search"/><title type='text'>Google like instant search with ajax, JSON &amp; php PDO</title><summary type="text">
Hello Guyz in this post i am going to teach &amp;nbsp;your how to create a google like instant seach with ajax JSON and php PDO. The idea of creating a google like instant search was came from my Gym trainer Aamir bhai Who said me that &quot;Google Search is the best&quot;, that word blink at my mind and i decided to create a google like search. I have used php PDO&amp;nbsp;for this post because it was a request </summary><link rel='replies' type='application/atom+xml' href='http://hunklessons.blogspot.com/feeds/3470237617968572920/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://hunklessons.blogspot.com/2014/05/google-like-instant-search-with-ajax.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8894686008232476968/posts/default/3470237617968572920'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8894686008232476968/posts/default/3470237617968572920'/><link rel='alternate' type='text/html' href='http://hunklessons.blogspot.com/2014/05/google-like-instant-search-with-ajax.html' title='Google like instant search with ajax, JSON &amp; php PDO'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/03387616026861506131</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlbj57hxLHtcsiGOqHz1Ixt7wVRr2YfK17YiAMGnH18oRRJKiu-K9STqZCI5UucKjdinMNmhqqzhzoCGFk6jM0vPlZFyX5CmEHAMhHI0nqV7BLqiDTOSVLdhO8gAeUp0okEGMNmaq6ZYbr/s72-c/google-like-search.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8894686008232476968.post-6027430307350820486</id><published>2014-05-09T01:40:00.001-07:00</published><updated>2014-05-09T01:40:43.094-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="ajax"/><category scheme="http://www.blogger.com/atom/ns#" term="html"/><category scheme="http://www.blogger.com/atom/ns#" term="javascript"/><category scheme="http://www.blogger.com/atom/ns#" term="multiple image upload"/><category scheme="http://www.blogger.com/atom/ns#" term="php"/><category scheme="http://www.blogger.com/atom/ns#" term="progress bar"/><title type='text'>Multiple File upload with Ajax</title><summary type="text">

Sry Guyz for the late post. I was out of station thats why and my gf my computer was not with me but now I Am Back. In this post we i will show how to create a awsm Multiple File upload with percentage and results with ajax. So get Started.




Live Demo
Watch Video Tutorial
Download Script

html

markup for this is very simple we are just using a &amp;lt;form&amp;gt; with &amp;lt;input type=&quot;file&quot;&amp;gt; and</summary><link rel='replies' type='application/atom+xml' href='http://hunklessons.blogspot.com/feeds/6027430307350820486/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://hunklessons.blogspot.com/2014/05/multiple-file-upload-with-ajax.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8894686008232476968/posts/default/6027430307350820486'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8894686008232476968/posts/default/6027430307350820486'/><link rel='alternate' type='text/html' href='http://hunklessons.blogspot.com/2014/05/multiple-file-upload-with-ajax.html' title='Multiple File upload with Ajax'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/03387616026861506131</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrAPGBQgmtKM7XWXnCkO5YLbA1_gc3Qd9we8wz4SHmHSae5Jghm4rh-gOswPW_NDrZTqO0LU31ezV8mMvpssFGOrcgslk2qrU67LIRtcIEohtZKGPDDJM4npHJrJfUL5ob1VK64na7f_Iu/s72-c/upload-file-with-ajax.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8894686008232476968.post-242521789674063704</id><published>2014-04-27T04:20:00.000-07:00</published><updated>2014-04-27T04:20:42.321-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="animation"/><category scheme="http://www.blogger.com/atom/ns#" term="css"/><category scheme="http://www.blogger.com/atom/ns#" term="javascript"/><category scheme="http://www.blogger.com/atom/ns#" term="jquery"/><category scheme="http://www.blogger.com/atom/ns#" term="jquery_animation"/><title type='text'>Create jQuery like fadeIn animation with javascript</title><summary type="text">

Hi Guyz in this tutorial i am going to teach u how to create a jQuery like fadeIn() animation with javascript




live Demo
Download Script
Watch Video Tutuorial





html

html is Super easy in this we have a div and a button. And when we click the button div is fadeIn()
&amp;lt;button id=&quot;button&quot;&amp;gt;Click me&amp;lt;/button&amp;gt;
&amp;lt;div id=&quot;div&quot;&amp;gt;a&amp;lt;/div&amp;gt;


css

In css we are styling the div so </summary><link rel='replies' type='application/atom+xml' href='http://hunklessons.blogspot.com/feeds/242521789674063704/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://hunklessons.blogspot.com/2014/04/create-jquery-like-fadein-animation.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8894686008232476968/posts/default/242521789674063704'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8894686008232476968/posts/default/242521789674063704'/><link rel='alternate' type='text/html' href='http://hunklessons.blogspot.com/2014/04/create-jquery-like-fadein-animation.html' title='Create jQuery like fadeIn animation with javascript'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/03387616026861506131</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtpSF4lHYevMTYSMkrJzsgdh6C0pK28EbIt2admUnYaZi-wGd42RUF8q99-T4BbjM_s4kFLouXyONr91JeVqNj-6R4bo9X_kKGBxMfgFpo0fXLOSVFX7GJAAUzFIqjDTH85eyCzNlrpr3y/s72-c/jquery-like-fadein.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8894686008232476968.post-5961790090410169451</id><published>2014-04-23T04:07:00.000-07:00</published><updated>2014-04-23T04:08:59.703-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="create-jquery-plugin"/><category scheme="http://www.blogger.com/atom/ns#" term="css"/><category scheme="http://www.blogger.com/atom/ns#" term="custom-confirm"/><category scheme="http://www.blogger.com/atom/ns#" term="html"/><category scheme="http://www.blogger.com/atom/ns#" term="jquery"/><category scheme="http://www.blogger.com/atom/ns#" term="plugin"/><title type='text'>Create a custom confirm box plugin with jQuery</title><summary type="text">
Hey guyz sorry for the late post i was busy with girls hahaha but now i am back to my best girlfriend my computer. In this post i am going to show u how to create and use a confirm box plugin with jQuery so get started.




View demo
Download
Get the Latest version from GitHub


Markup of confirm box

markup is simple we have a &amp;lt;section&amp;gt; with class of .confirm-container inside we have 3 &amp;</summary><link rel='replies' type='application/atom+xml' href='http://hunklessons.blogspot.com/feeds/5961790090410169451/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://hunklessons.blogspot.com/2014/04/custom-alert-and-confirm-box-plugin-jquery.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8894686008232476968/posts/default/5961790090410169451'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8894686008232476968/posts/default/5961790090410169451'/><link rel='alternate' type='text/html' href='http://hunklessons.blogspot.com/2014/04/custom-alert-and-confirm-box-plugin-jquery.html' title='Create a custom confirm box plugin with jQuery'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/03387616026861506131</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGmntW916pwgcZceD7x_pDYb3N_UaecMf0vA0SVbxMVFiOudEwZNu9qMDHHLHhRJFmtpELqgZnBEqCDUflqr70O0L7wcxlO3XFmi5XFrkTdmcrNQppqsxakOrQmBS-b6zE-6KZzS86E5KM/s72-c/custom-confirmbox.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8894686008232476968.post-5298014504665952397</id><published>2014-04-15T01:47:00.000-07:00</published><updated>2014-04-15T01:47:04.920-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="css"/><category scheme="http://www.blogger.com/atom/ns#" term="css3"/><category scheme="http://www.blogger.com/atom/ns#" term="custom-fonts"/><category scheme="http://www.blogger.com/atom/ns#" term="fonts"/><title type='text'>Creating a custom font with css</title><summary type="text">
Hey guyz in this post i am going to teach u how to embed cool font in your webpage with css. Its very easy and u can manage your custom font with your custom and name and can host the fonts locally or not a cdn (content delivery network) like google. So let dive in code



Live demo
Download Script
Watch Tutorial


Css

Their is nothing special we are just using a&amp;nbsp;@font-face{} property in </summary><link rel='replies' type='application/atom+xml' href='http://hunklessons.blogspot.com/feeds/5298014504665952397/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://hunklessons.blogspot.com/2014/04/creating-custom-font-with-css.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8894686008232476968/posts/default/5298014504665952397'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8894686008232476968/posts/default/5298014504665952397'/><link rel='alternate' type='text/html' href='http://hunklessons.blogspot.com/2014/04/creating-custom-font-with-css.html' title='Creating a custom font with css'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/03387616026861506131</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1beYObTe57UQh-IW61bdk4w4NQ6m7k39dXZZVET7-oaItA86xL4B-oL4aM-lZ68Hld6kyIXOLyi3Sf3sRJJBx_LIDools1317emfKC0AfhpsqxuAy83BeJjaP7mS61jeJ0lpg6VKMRZng/s72-c/custom-fonts.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8894686008232476968.post-327560467479100514</id><published>2014-04-10T04:27:00.000-07:00</published><updated>2014-04-10T04:27:00.568-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="ajax"/><category scheme="http://www.blogger.com/atom/ns#" term="form"/><category scheme="http://www.blogger.com/atom/ns#" term="multiple image upload"/><category scheme="http://www.blogger.com/atom/ns#" term="php"/><category scheme="http://www.blogger.com/atom/ns#" term="progress bar"/><title type='text'>File Upload with Progress bar by Raw AJAX &amp; php</title><summary type="text">
Hey Guyz in the tutorial i am going to teach you how to create a file upload system with progress bar with raw ajax. This is very useful for the hosting website because it give a great feedback to the user how much their file has been uploaded. This type to project can be created easily with a code library like jQuery but its greate to create it via raw ajax it give a greate understanding that </summary><link rel='replies' type='application/atom+xml' href='http://hunklessons.blogspot.com/feeds/327560467479100514/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://hunklessons.blogspot.com/2014/04/file-upload-with-progress-bar-by-raw.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8894686008232476968/posts/default/327560467479100514'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8894686008232476968/posts/default/327560467479100514'/><link rel='alternate' type='text/html' href='http://hunklessons.blogspot.com/2014/04/file-upload-with-progress-bar-by-raw.html' title='File Upload with Progress bar by Raw AJAX &amp; php'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/03387616026861506131</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8i1AiuvNp57ozofbaHovH1yiHqFUXMfQO3l-E-dhTvYPHTXI5SMZ3Uo4H6vd01ipWToRR9pTW1RkJnMGYrb-hwKRFB2RI6BUy7Fr76wuz_GzxTU7PWYYkDrHAHj64D9g8yjsGvpfg9LjE/s72-c/Untitled-1+copy.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8894686008232476968.post-6650560109582563798</id><published>2014-04-07T02:58:00.001-07:00</published><updated>2014-04-07T02:58:33.082-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="css"/><category scheme="http://www.blogger.com/atom/ns#" term="jquery"/><category scheme="http://www.blogger.com/atom/ns#" term="multiple"/><category scheme="http://www.blogger.com/atom/ns#" term="profilepic"/><category scheme="http://www.blogger.com/atom/ns#" term="toggle"/><category scheme="http://www.blogger.com/atom/ns#" term="vimeo"/><title type='text'>Vimeo like multiple ProfilePic toggle system</title><summary type="text">


While i was finding new video sites for uploading my programming video. I found a intersting feature in vimeo.com&amp;nbsp; i called it multiple ProfilePic toggling system its awsm it allow the user to upload multiple profilepic and the viewer can toggle between them and can see the pics.




Live Demo
Download
Watch video tutorial



html
Your markup has a div with id #container and inside that </summary><link rel='replies' type='application/atom+xml' href='http://hunklessons.blogspot.com/feeds/6650560109582563798/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://hunklessons.blogspot.com/2014/04/vimeo-like-multiple-profilepic-toggle.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8894686008232476968/posts/default/6650560109582563798'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8894686008232476968/posts/default/6650560109582563798'/><link rel='alternate' type='text/html' href='http://hunklessons.blogspot.com/2014/04/vimeo-like-multiple-profilepic-toggle.html' title='Vimeo like multiple ProfilePic toggle system'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/03387616026861506131</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDP0JZ4JeJo4p-4u5MY3NiI2ZgLrW3YrOXnG9YBybMtT0QOda2G3qm5x4YORc-a6O0T2bwm6zB0qYpQfNnNMauj8iHDZBujGwhf3MpHb45Pu7of4rTTyv3TzuIFybbJiscuHmk113NwnvI/s72-c/vimeo_.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8894686008232476968.post-4541258181184341391</id><published>2014-04-02T08:41:00.000-07:00</published><updated>2014-04-02T23:10:21.117-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="css"/><category scheme="http://www.blogger.com/atom/ns#" term="drop_down"/><category scheme="http://www.blogger.com/atom/ns#" term="html"/><category scheme="http://www.blogger.com/atom/ns#" term="jquery"/><category scheme="http://www.blogger.com/atom/ns#" term="keyboard_shortcut"/><category scheme="http://www.blogger.com/atom/ns#" term="keyup"/><title type='text'>Simple DropDown Menu with Keyboard operation shortcut</title><summary type="text">
Hi Guyz in this tutorial i am going to teach u how to create a DropDown menu with Keyboard operation shortcut. U can press enter to operate the dropDown menu .&amp;nbsp;Its very easy and basic it have just few lines of code and a beatuful interface



Live View Download
Watch Video Tutorial


html

html has nothing special special
&amp;lt;div class=&quot;Dropdown&quot;&amp;gt;
 &amp;lt;span&amp;gt;My Account &amp;lt;img src=&quot;./</summary><link rel='replies' type='application/atom+xml' href='http://hunklessons.blogspot.com/feeds/4541258181184341391/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://hunklessons.blogspot.com/2014/04/simple-dropdown-menu-with-keyboard-shortcut.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8894686008232476968/posts/default/4541258181184341391'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8894686008232476968/posts/default/4541258181184341391'/><link rel='alternate' type='text/html' href='http://hunklessons.blogspot.com/2014/04/simple-dropdown-menu-with-keyboard-shortcut.html' title='Simple DropDown Menu with Keyboard operation shortcut'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/03387616026861506131</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYAGKBfMWt984y9Oo41DXOcrHJK38OgIs07tUrLVRdWYwk3igZJS-dDqs9v8kjumsdlwrf4FI0jhYyIvSATIuyYku-vPo4Cj6nAtJHW967WAqDUed3J0v1iF716wjlJfR7dZLNzfadQr_r/s72-c/dropdownmenu.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8894686008232476968.post-1594854053054982843</id><published>2014-03-29T00:04:00.000-07:00</published><updated>2014-03-29T00:46:30.533-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="css"/><category scheme="http://www.blogger.com/atom/ns#" term="html"/><category scheme="http://www.blogger.com/atom/ns#" term="jquery"/><category scheme="http://www.blogger.com/atom/ns#" term="plugin"/><title type='text'>hunkScrollTop.js a jQuery plugin by Husain Saify</title><summary type="text">
hey guyz in this post i am going to give you a &amp;nbsp;hunkScrollTop.js jQuery plugin created by Husain Saify (hunk). Its a light weight plugin with make a dynamic ScrollTop button for your website.




View Demo Download



html

to use the hunkScrollTop.js you just need to add the jQuery &amp;amp; hunkScrollTop.js in the head
&amp;lt;script type=&quot;text/javascript&quot; src=&quot;http://code.jquery.com/</summary><link rel='replies' type='application/atom+xml' href='http://hunklessons.blogspot.com/feeds/1594854053054982843/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://hunklessons.blogspot.com/2014/03/hunkscrolltopjs-jquery-plugin-by-husain.html#comment-form' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8894686008232476968/posts/default/1594854053054982843'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8894686008232476968/posts/default/1594854053054982843'/><link rel='alternate' type='text/html' href='http://hunklessons.blogspot.com/2014/03/hunkscrolltopjs-jquery-plugin-by-husain.html' title='hunkScrollTop.js a jQuery plugin by Husain Saify'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/03387616026861506131</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghkDAAydnmTCkH7ACUDf2Ck6uVBVqXYLIjQLmXMIK3me0s9ysJG0kg791V69An8ohbE0MiT3kaEIIFM-8kSsk-TjAFHx2dMWPezuhLOmxXOhI87UDQ6Nsgzdixff-4VnXd8ay1C02oy4GU/s72-c/hunkScrollTop.png" height="72" width="72"/><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8894686008232476968.post-8034316452303071031</id><published>2014-03-25T02:33:00.002-07:00</published><updated>2014-03-26T22:44:51.117-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="css"/><category scheme="http://www.blogger.com/atom/ns#" term="drop_down"/><category scheme="http://www.blogger.com/atom/ns#" term="facebook"/><category scheme="http://www.blogger.com/atom/ns#" term="jquery"/><category scheme="http://www.blogger.com/atom/ns#" term="php"/><category scheme="http://www.blogger.com/atom/ns#" term="search"/><category scheme="http://www.blogger.com/atom/ns#" term="tumblr"/><title type='text'>Tumblr &amp; facebook like DropDown Search with jQuery &amp; php</title><summary type="text">
Hi Guyz in this post i am going to teach u how to create a tumblr like drop down search with jQuery and php. Its really simple and easy but looks very greate and give very nice user interface to the website.


Tumblr like Dropdown search with jQuery and PHP


Download
Live Demo
Watch Video 


Database

we have to create a table name `tumblr_search` were we have fields like id, name &amp;amp; pic
</summary><link rel='replies' type='application/atom+xml' href='http://hunklessons.blogspot.com/feeds/8034316452303071031/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://hunklessons.blogspot.com/2014/03/tumblr-facebook-like-dropdown-search.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8894686008232476968/posts/default/8034316452303071031'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8894686008232476968/posts/default/8034316452303071031'/><link rel='alternate' type='text/html' href='http://hunklessons.blogspot.com/2014/03/tumblr-facebook-like-dropdown-search.html' title='Tumblr &amp; facebook like DropDown Search with jQuery &amp; php'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/03387616026861506131</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyzNrTXWYcaghqz-xKEnpJHHDqZIZVs_n8xIpKs1N927E1M90kpAbo9cbfTw4YSCNS7TTU-dpo1n5Ezb9VARUSJISReaX22fAOxEm22UrXO2ru9ZW2m8kLt7zE44l3CiqCapT14y0_EMlg/s72-c/tumblr_like_dropdown_search.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8894686008232476968.post-659268212211390014</id><published>2014-03-20T04:36:00.001-07:00</published><updated>2014-03-20T04:38:37.593-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="facebook"/><category scheme="http://www.blogger.com/atom/ns#" term="facebook_app"/><category scheme="http://www.blogger.com/atom/ns#" term="html"/><title type='text'>Create a Facebook app For free with Dropbox</title><summary type="text">
Hii guyz in this post i am going to teach you how to create a facebook app for free with dropbox. As we all know facebook demand a Secure canvas url SSL https://. Hosting and SSL cost money i find a solution of &amp;nbsp;that problem which is for free.






Watch at youtube &amp;amp; Subscribe hunklesson


</summary><link rel='replies' type='application/atom+xml' href='http://hunklessons.blogspot.com/feeds/659268212211390014/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://hunklessons.blogspot.com/2014/03/create-a-facebook-app-for-free-with-dropbox.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8894686008232476968/posts/default/659268212211390014'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8894686008232476968/posts/default/659268212211390014'/><link rel='alternate' type='text/html' href='http://hunklessons.blogspot.com/2014/03/create-a-facebook-app-for-free-with-dropbox.html' title='Create a Facebook app For free with Dropbox'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/03387616026861506131</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8894686008232476968.post-3328895134543698940</id><published>2014-03-13T05:52:00.000-07:00</published><updated>2014-03-22T01:33:17.351-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="ajax"/><category scheme="http://www.blogger.com/atom/ns#" term="draganddrop"/><category scheme="http://www.blogger.com/atom/ns#" term="facebook"/><category scheme="http://www.blogger.com/atom/ns#" term="jquery"/><category scheme="http://www.blogger.com/atom/ns#" term="multiple image upload"/><category scheme="http://www.blogger.com/atom/ns#" term="php"/><category scheme="http://www.blogger.com/atom/ns#" term="plugin"/><title type='text'>Drag &amp; Drop Multiple File Upload Like Facebook</title><summary type="text">
In this post me your Dost and Host Husain Saify(hunk husain)&amp;nbsp;is going to teach you to to create a facebook like Drag and Drop Multiple file upload with jQuery &amp;amp; php. For this we are using a uploadFile plugin&amp;nbsp;&amp;nbsp;Developed by&amp;nbsp;Ravishanker Kusuma&amp;nbsp;Thanx Sir For Developing it.


Drag and Drop Multiple File Upload With jQuery and Php


Live Demo Download
jQuery File UPload </summary><link rel='replies' type='application/atom+xml' href='http://hunklessons.blogspot.com/feeds/3328895134543698940/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://hunklessons.blogspot.com/2014/03/drag-n-drop-file-upload-like-facebook.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8894686008232476968/posts/default/3328895134543698940'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8894686008232476968/posts/default/3328895134543698940'/><link rel='alternate' type='text/html' href='http://hunklessons.blogspot.com/2014/03/drag-n-drop-file-upload-like-facebook.html' title='Drag &amp; Drop Multiple File Upload Like Facebook'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/03387616026861506131</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnN9SUkFUMnVA1Yr5pTJ6L_EtQL_IPAsmmM2yIXcEzBP55URaCBVjwoCRodAJgRhcFgkF3fvF7ZlJahBatXSkGIM6Iuic07CtDtBb8J7d7PHxUuAMhaQTfOYf92x2rLqlks4mm2B8ooTMB/s72-c/dnd-fileupoload-like-fb.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8894686008232476968.post-841385859916519689</id><published>2014-03-06T21:58:00.000-08:00</published><updated>2014-03-22T01:52:01.853-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="ajax"/><category scheme="http://www.blogger.com/atom/ns#" term="database"/><category scheme="http://www.blogger.com/atom/ns#" term="facebook"/><category scheme="http://www.blogger.com/atom/ns#" term="html"/><category scheme="http://www.blogger.com/atom/ns#" term="jquery"/><category scheme="http://www.blogger.com/atom/ns#" term="mysql"/><category scheme="http://www.blogger.com/atom/ns#" term="php"/><title type='text'>Facebook like Profile Tooltip with jQuery, Ajax, Php &amp; Mysql</title><summary type="text">

In this post i am going to tell u guz how to create a facebook like profile tooltip with jQuery php &amp;amp; mysql. Probably this will be my last post till 26 march 2014 because currently my paper are going on and i get very less time for my girlfriend (computer) so we will meet after 26 march 2014 byeeeeeee



facebook like profile tooltip with jQuery and php


Live Demo
Download


Database

</summary><link rel='replies' type='application/atom+xml' href='http://hunklessons.blogspot.com/feeds/841385859916519689/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://hunklessons.blogspot.com/2014/03/facebook-like-profile-tooltip-with.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8894686008232476968/posts/default/841385859916519689'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8894686008232476968/posts/default/841385859916519689'/><link rel='alternate' type='text/html' href='http://hunklessons.blogspot.com/2014/03/facebook-like-profile-tooltip-with.html' title='Facebook like Profile Tooltip with jQuery, Ajax, Php &amp; Mysql'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/03387616026861506131</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLkh4BHx0HaY5-WoR7B3yu_0hSMtG_sfmEeYEsD982emMPxrLTJos0hy7hCYktxVBASHLZ_aJE2CFiver7XQWid3Kd9FdLr54Aj4T7dGNc_uOc2md3qdEzw3QpaBSioFojKvNhpK-mFfmD/s72-c/fb_like_profile_tooltip.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8894686008232476968.post-4464019543320276422</id><published>2014-03-03T03:06:00.001-08:00</published><updated>2014-03-22T23:54:53.126-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="ajax"/><category scheme="http://www.blogger.com/atom/ns#" term="facebook"/><category scheme="http://www.blogger.com/atom/ns#" term="hashtag"/><category scheme="http://www.blogger.com/atom/ns#" term="jquery"/><category scheme="http://www.blogger.com/atom/ns#" term="mysql"/><category scheme="http://www.blogger.com/atom/ns#" term="php"/><title type='text'>facebook like hashtag system with Php, Mysql &amp; jQuery</title><summary type="text">

Now a days hashtag is the fundamental part of a social networking site. Hashtag was first started by twitter but latter followed by every social network like tumblr, facebook, instagram etc. hashtag let you know how much people are talking about that particular topic in the world. Hashtag look like this #hashtag&amp;nbsp;if you dont know what is hashtag you&amp;nbsp;probably havent used a social </summary><link rel='replies' type='application/atom+xml' href='http://hunklessons.blogspot.com/feeds/4464019543320276422/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://hunklessons.blogspot.com/2014/03/facebook-like-hashtag-system-with-php.html#comment-form' title='5 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8894686008232476968/posts/default/4464019543320276422'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8894686008232476968/posts/default/4464019543320276422'/><link rel='alternate' type='text/html' href='http://hunklessons.blogspot.com/2014/03/facebook-like-hashtag-system-with-php.html' title='facebook like hashtag system with Php, Mysql &amp; jQuery'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/03387616026861506131</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpASL2zrwL-pplJCJvRq259hUZKZaZP5oEw54mZfybM1RKrLJZtSleisIxBvsWGGWwbvIJfiRjEKA52-4B0F2QDKuKsdyD-WlSeqRWNREeNK4g9GaZyUvgB0_u8l8RIrAVhFK-VQfuUJZA/s72-c/facebook+like+hastag+with+php+and+jquery.png" height="72" width="72"/><thr:total>5</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8894686008232476968.post-5655411922660129212</id><published>2014-02-28T02:46:00.003-08:00</published><updated>2014-03-22T01:54:48.579-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="css"/><category scheme="http://www.blogger.com/atom/ns#" term="html5"/><category scheme="http://www.blogger.com/atom/ns#" term="jquery"/><category scheme="http://www.blogger.com/atom/ns#" term="plugin"/><category scheme="http://www.blogger.com/atom/ns#" term="video"/><title type='text'>hunkPlayer.js a jQuery video plugin Created by husain saify</title><summary type="text">
hunkPlayer.js is a light weight jQuery plugin which provide a developed by Husain saify. hunkPlayer provide a custom video controls at a html5 video element across browser. hunkPlayer is developed because every browser is developing its own video player and this thing harm the webdeveloper because they want their website to be uniform accross browser and this is possible by hunkPlayer





Creat</summary><link rel='replies' type='application/atom+xml' href='http://hunklessons.blogspot.com/feeds/5655411922660129212/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://hunklessons.blogspot.com/2014/02/hunkPlayer.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8894686008232476968/posts/default/5655411922660129212'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8894686008232476968/posts/default/5655411922660129212'/><link rel='alternate' type='text/html' href='http://hunklessons.blogspot.com/2014/02/hunkPlayer.html' title='hunkPlayer.js a jQuery video plugin Created by husain saify'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/03387616026861506131</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3pa7PTySVVRKqAKOoLKZsJYMcLIfFI6oQnNRksZc55B15ue0JX4xrIwxeVd7sH_RGiZH_AKTp62lHCwfM97LeOgWGLM7nB96PfKoWz2VcioYWlWReb6hvRad3bYucqYc6E9fvhEHdct-R/s72-c/Untitled-1+copy.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8894686008232476968.post-8923477762904590708</id><published>2014-02-26T04:01:00.002-08:00</published><updated>2014-03-22T01:55:06.909-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="css"/><category scheme="http://www.blogger.com/atom/ns#" term="html"/><category scheme="http://www.blogger.com/atom/ns#" term="jquery"/><category scheme="http://www.blogger.com/atom/ns#" term="plugin"/><title type='text'>jQuery Tooltip plugin</title><summary type="text">
Today i have created my first jQuery plugin and named it&amp;nbsp;hunkTooltip&amp;nbsp;. This is a simple &amp;amp; lightweight plugin you do not need to add some more in html markup just u have to select the element with jQuery.


Tooltip plugin by husain saify

&lt;!-- live view and download start ---&gt;





Download Script

View Demo&amp;nbsp;

&lt;!-- live view and download end---&gt;



html

To use this plugin you </summary><link rel='replies' type='application/atom+xml' href='http://hunklessons.blogspot.com/feeds/8923477762904590708/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://hunklessons.blogspot.com/2014/02/jquery-tooltip-plugin.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8894686008232476968/posts/default/8923477762904590708'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8894686008232476968/posts/default/8923477762904590708'/><link rel='alternate' type='text/html' href='http://hunklessons.blogspot.com/2014/02/jquery-tooltip-plugin.html' title='jQuery Tooltip plugin'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/03387616026861506131</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoQCEXn_kj4YDDJ9F_9dE9NnhYpZWIsypVssg5zeE70LhHwZWeLxtV5_VLs-7by3bBp7zBBuGJifQgvxbaRTH62wWDsF5ncyQNzB5OYAawHFUL9KOnDZn6GAtJ0QAefgX6Y07EFaQGw3nN/s72-c/jquery-tooltip-plugin.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8894686008232476968.post-8814178647732616095</id><published>2014-02-25T22:11:00.003-08:00</published><updated>2014-03-22T01:57:18.616-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="html5"/><category scheme="http://www.blogger.com/atom/ns#" term="javascript"/><category scheme="http://www.blogger.com/atom/ns#" term="video"/><category scheme="http://www.blogger.com/atom/ns#" term="youtube"/><title type='text'>Custom html5 video player with JavaScript</title><summary type="text">

In this post we are going to create a custom html5 video player with JavaScript. at 24/2/2014 i got a mail from a reader to explain the html5 video api the funny thing is that i was knowing less about a html5 video api with javascript that why i decided to rub my hands on video api and read a article on w3school about HTML Audio/Video DOM Reference&amp;nbsp;and created a custom html5 video player </summary><link rel='replies' type='application/atom+xml' href='http://hunklessons.blogspot.com/feeds/8814178647732616095/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://hunklessons.blogspot.com/2014/02/custom-html5-video-player-with.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8894686008232476968/posts/default/8814178647732616095'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8894686008232476968/posts/default/8814178647732616095'/><link rel='alternate' type='text/html' href='http://hunklessons.blogspot.com/2014/02/custom-html5-video-player-with.html' title='Custom html5 video player with JavaScript'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/03387616026861506131</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi15cfeI8CaNZDbtNVv0rTSFfXF4qarG603hNmBySS1h1wByEnQhAcbeLtCGjWz5h-ZAS34fUPqMiLDjyRYymQitrocTGt7nRqZpNvamTVv7WhQtcVKAPGb31dlD4DqxutisNG4IOPMUFEd/s72-c/custom-html5-player-with-js.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8894686008232476968.post-7649176370827596704</id><published>2014-02-23T21:35:00.004-08:00</published><updated>2014-03-22T01:58:21.366-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="image rotator"/><category scheme="http://www.blogger.com/atom/ns#" term="javascript"/><category scheme="http://www.blogger.com/atom/ns#" term="jquery"/><category scheme="http://www.blogger.com/atom/ns#" term="json"/><title type='text'>Image Rotator with jQuery &amp; JSON</title><summary type="text">
In this post i am going to create a image rotator with jQuery and JSON for this i am using a logic less template libraries Mustache.js which get the data from the external JSON file&amp;nbsp;and a jQuery plugin cycle.js which rotate the data


Image Rotator with jQuery and JSON

&lt;!-- live view and download start ---&gt;





Download Script

View Demo&amp;nbsp;

&lt;!-- live view and download stop---&gt;



html</summary><link rel='replies' type='application/atom+xml' href='http://hunklessons.blogspot.com/feeds/7649176370827596704/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://hunklessons.blogspot.com/2014/02/image-rotator-with-jquery-json.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8894686008232476968/posts/default/7649176370827596704'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8894686008232476968/posts/default/7649176370827596704'/><link rel='alternate' type='text/html' href='http://hunklessons.blogspot.com/2014/02/image-rotator-with-jquery-json.html' title='Image Rotator with jQuery &amp; JSON'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/03387616026861506131</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi735t8DEMlOdiAryoNqbSGMTNlPx04SH_XdWZNGGYUFAFc76w503PV5nHlUsYhf2FpiE9VfcFFoCUe3pJT9vhmG-Uvx7bM9CY6bcRLU7X3P-D6j5J7FCFDfaBUF6nOuZofOLEcei2_YETH/s72-c/image-rotaor.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8894686008232476968.post-8238220353863184693</id><published>2014-02-22T03:24:00.002-08:00</published><updated>2014-03-22T02:01:12.705-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="jquery"/><category scheme="http://www.blogger.com/atom/ns#" term="json"/><category scheme="http://www.blogger.com/atom/ns#" term="keyup"/><category scheme="http://www.blogger.com/atom/ns#" term="search"/><title type='text'>Live Search with jQuery &amp; JSON</title><summary type="text">

Meanwhile I was amazed with the power of jQuery for handling the JSON files. Then i decided to make a live search with JSON &amp;amp; jQuery so thats why i am here And now stop the BUK BUK and get into the code


Live search

in live demo search for javascript, husain, hunk, youtube, jquery
&lt;!-- live view and download start ---&gt;





Download Script

View Demo&amp;nbsp;

&lt;!-- live view and download </summary><link rel='replies' type='application/atom+xml' href='http://hunklessons.blogspot.com/feeds/8238220353863184693/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://hunklessons.blogspot.com/2014/02/live-search-with-jquery-json.html#comment-form' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8894686008232476968/posts/default/8238220353863184693'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8894686008232476968/posts/default/8238220353863184693'/><link rel='alternate' type='text/html' href='http://hunklessons.blogspot.com/2014/02/live-search-with-jquery-json.html' title='Live Search with jQuery &amp; JSON'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/03387616026861506131</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyM-IReEU1JLurFmDxCQZG74eMRpf1kegt8ASGtrWnyI9GYuklpbfPSvnPh9M5l6g-RYOCUeqZ84YL_vRampsJUZOrFtX4k8IIGmxLnASoQydjTZvO9SuICFLexc7_CMUH7dj8Ug9Z5gQO/s72-c/live-search-jquery-json.png" height="72" width="72"/><thr:total>1</thr:total></entry></feed>