Tech Dilute

Facebook Chat Text Generator

noreply@blogger.com (Sawan) — Mon, 3 Jun 2013 03:15:00 -0700

Hello my friends now techdilute give you a tool by which you can generate Facebook chat text design.

Step:1 Select your desired font style.
Step:2 Write the message.
Step:3 Copy and Paste the generated code in your facebook chat.

Font Styles:

Type Your Message:

Tech Dilute Preview:

Copy & Pase Below Code In Facebook Chat:

Please Share:

Make Windows 8 machine into TouchScreen

noreply@blogger.com (Sawan) — Mon, 3 Jun 2013 01:29:00 -0700

Handmate Windows 8 Pen is specifically designed for Windows 8 PCs. It can change the normal PC screen into touch enable screens with ease. This is a revolutionary accessory made for laptops and desktop and competent enough to convert normal computer screen into touch enable screens for convenience and ease of use.

If you want to experience and enjoy the features of Windows 8 to the fullest, then Handmate would be the best choice for you. Infrared and Ultrasound technologies have been used in this innovative accessory and this accessory includes a small receiving unit and ultrasonic digital stylus. As the name suggest, the device is specifically designed for Windows 8 PCs and it can convert all non-touch laptops and desktops into touch enable screens.
Step 1: First of all Buy Handmate Windows 8 Pen
Go for buy and see the features and specification of this pen (Visit this site).

You'll get a pen and connector which one end connect with handmate pen and other end with laptop.
Step 2: Connect Handmate pen with connector
One end of connector would be connect with that pen.

Step 3: Connector Connect with laptop
Now after connecting pen you need to add connector in laptop on such port.

Step 4: PC setting in laptop
After connecting both accessories then you need to setting this in your laptop.
First of all go to control panel and then open Tablet PC Settings option.

Step 5: Calibrate that setting
When you click on Tablet PC Settings you'll see the window and select Mobile PC Display option in Display.

Step 6: All are done now

Now everything done and need to test your touchscreen experiences.

Upgrade your Hard Drive by Cloning Method

noreply@blogger.com (Sawan) — Mon, 3 Jun 2013 00:42:00 -0700

Hard Drive Clonning is one of the method that duplicates the entire hard drive along with its content in a single given process. This procedure helps save on time and even makes it easier. Usually, it is done by a sector-to-sector process and you would need the exact similar capacity hard drive and at times, even the exact same model number. We shall use a free utility called AOMEI Back-upper, which can clone hard drives irrespective of the sizes.
Follow below further step to do this :
Step 1: Download and install the AOMEI Back-upper utility
It can be found on "www.aomeitech.com". The utility is just 52MB in size and does not need any serial key or registration – and it is free of cost. Do note down the volume names and partition sizes before you begin with your drive cloning. This will ensure you don’t run into accidental data loss by selecting the wrong drives and partitions.

Check the information in "My Computer" as well as in "Disk Management" under "Computer management" by right-clicking on "My Computer" and then clicking on "Manage".

Step 2: Start the utility
Now that you have installed the utility, start it up. Click on the "Clone" button on the left. This will highlight the next option from where you can choose to clone the disk. The next screen will inform you about the existing partitions, just the way you saw it in the "Disk Management" section in Windows.

Here you will see that we have installed "Disk 2", which is a 1TB hard drive we are upgrading to. Note down the drives carefully and proceed.

Step 3: Choose the cloning method
You would upgrade to a higher capacity drive, so you need to click on the partition editor. Click it to know what more you can do with the option.

Here you will be given three choices:

Clone the entire drive with the exact partition sizes and leave the remaining free space as it is.
Fit all the existing partitions of the source disk to the destination disk with appropriate and proportional values.
Edit the partition yourself so you can choose the volume sizes as per your choice.

Step 3: Now Cloning Start
You can choose any option you want or simply select option 1 as it is the safest choice. Option 2 is also good enough, but since you want to upgrade, this is a bad choice. Editing the partitions yourself is the best choice as you have control over how much space you want in each of your drive partitions.

Once you have made your choice, move ahead and click "OK". On the next screen that appears, hit the "Start Clone" button.

Step 4: Final Step
Your cloning will begin and it should take around an hour or two. But this is entirely dependent on how fast your PC is and how much of data you have on the drive. It is suggested that before you clone the drives, close all softwares running in the background, disconnect any open network connection and disable your screensaver. Once the data cloning is done, click on the "Finish" button and shut down your PC. Disconnect all wires, disconnect the older primary hard drive and replace it with the newer one. Start your PC and you will find everything as it was, just the drive space has been increased. This utility can be safely used with PCs running Windows XP or higher.

Editable div in HTML

noreply@blogger.com (Sawan) — Mon, 3 Jun 2013 00:14:00 -0700

When we're make a user interface on our website and want to add some attractive features but some confusions occurs what would be it ?
Then don't be hesitate to use this script in which you can edit any div in html in really its DHTML.
In this tutorial give you some simple step to add this features in your website just like below image.

Demo:

Please click me!!

Apples

index.html

<html>
<head>
<script language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script language="javascript" src="http://techdilute.yzi.me/demo/editinplace.js"></script>
</head>
<body>
<div class="editme">Please click me!!</div>
<div class="selectme" id="selectme-0">Apples</div>
</body>
</html>

Download Code

In this tutorial we use a text-field and a drop box you can add more by add in javascript file.
editinplace.js

$(document).ready(function() {
//When div.edit me is clicked, run this function $("div.editme").click(function() {
//This if statement checks to see if there are
//and children of div.editme are input boxes. If so,
//we don't want to do anything and allow the user
//to continue typing
if ($(this).children('input').length == 0) {
//Create the HTML to insert into the div. Escape any " characters
var inputbox = "<input type='text' class='inputbox' value=\""+$(this).text()+"\">";
//Insert the HTML into the div
$(this).html(inputbox);
//Immediately give the input box focus. The user
//will be expecting to immediately type in the input box,
//and we need to give them that ability
$("input.inputbox").focus();
//Once the input box loses focus, we need to replace the
//input box with the current text inside of it.
$("input.inputbox").blur(function() {
var value = $(this).val();
$(".editme").text(value);
});
}
});
$("div.selectme").click(function() {
//Only place a select box in this div if there is
//not one there already
if ($(this).children('select').length == 0) {
//Since we cannot start an id with a number, we must
//place alphabetical characters in front of it, separated by a -
//We find the actual id on the right side of the - character
var id = $(this).attr('id').split("-");
var currentid = parseInt(id[1]);
var str = "";
//This is our array of select values. These could be anything you wish,
//with any number of values.
var arr = new Array("Apples","Oranges","Pears","Grapes","Strawberries");
//Turn the array into a select box. Show the current value as the selected value
//Note that we put ids on the options. This is paramount in being able to display
//the correct text back to the user
for(i=0; i<arr.length; i++) {
if (currentid == i)
str += "<option selected id='opt-"+i+"' value='"+i+"'>"+arr[i]+"</option>";
else
str += "<option value='"+i+"' id='opt-"+i+"'>"+arr[i]+"</option>";
}
str = "<select class='selectbox'>"+str+"</select>";
//Put the select box into the div
$(this).html(str);
$("select.selectbox").focus();
$("select.selectbox").blur(function() {
//Get the user chosen value
var value = $(this).val();
//Obtain the textual representation of the chosen value
var valuetext = $(this).children('option#opt-'+value).text();
//Replace the selectme div with the new id. This can be parsed
//for a database update, and allows the user to choose another
//value if he or she clicks on the div again.
$("div.selectme").attr({'id': "selectme-"+value});
//Put the text into the select div.
$(".selectme").text(valuetext);
});
}
});
});

Image Zooming Script in HTML

noreply@blogger.com (Sawan) — Sat, 1 Jun 2013 23:33:00 -0700

I am giving you a script for Cloud Zoom for CMS . Many of website want their items like jabong.com and homeshope18.com where when you come in contact of any image of items like T- Shirts or Jeans it appear big in right side for better visibility.

Full Coding :

<html>
<head>
<title>Cloud Zoom Script By Tech Dilute</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<script type="text/javascript" src="http://scriptarena@sawankumar.yzi.me/cloudzoom/jquery-1.8.1.min.js"></script>

<link rel="stylesheet" type="text/css" href="http://scriptarena@sawankumar.yzi.me/cloudzoom/cloudzoom.css" />

<script type="text/javascript" src="http://scriptarena@sawankumar.yzi.me/cloudzoom/cloudzoom.js"></script>

<script type="text/javascript">
CloudZoom.quickStart();
</script>
</head>
<body>
<img class = "cloudzoom" src = "link of small image"
data-cloudzoom = "zoomImage: 'link of large image'" />
</body>
</html>

Demo Download Script
Purpose:
These script is used to show own website items for more visibility for user and it make attractive to their website.

Awesome Drag-gable Content Script

noreply@blogger.com (Sawan) — Sat, 1 Jun 2013 23:28:00 -0700

This script is very useful to make your portal more attractive with drag-able element. It make more enjoyable and user friendly thats why now many of websites use this script .

You can make awesome dragable website post and full website too.
If you want to make any appropriate area drag-able then you need to add some line of code..
This is a script that makes elements on your page dragable by assigning them to the CSS class "dragableElement". In the demo, you can drag the menu, the images and the small text box.

<div class="dragableElement">Dragable Content Area</div>

DEMO DOWNLOAD SCRIPT

Purpose:
Make user reliability to move any content at any appropriate place where they want to see .

Make Plugins in Wordpress

noreply@blogger.com (Sawan) — Fri, 31 May 2013 02:43:00 -0700

Wordpress is a Powerful Content management system with many attractive features.Almost anything can be scripted with wordpress. You can extend wordpress either by means of plugin or by a theme.
So now i am telling you how can you write wordpress custom plugins and started with Hello World Plugin.

Note: Before making wordpress plugins just remember below terms

Always you chose a unique name to your plugin so that it doesnt collide with names used in other plugins.
Make sure you comment wherever and whenever necessary in the code.
You will to test the plugin in your localhost (using xampp) along with latest version of wordpress.

Step 1: Plugin Files & Names

Assigning unique names, documenting and organizing the plugin files is very important part of plugin creation.

Although wordpress allows you to place the plugin php file directly into the wp-content/plugins folder, for a good plugin developer you will need to create a folder named hello-world and within place readme.txt(see the read me description) and hello-world.php.

Step 2: Plugins Basic

Now before getting ahead first of all know all basic to develop plugins.The heart of a wordpress plugins is the below 2 functions (commonly called `hooks`)

add_action ($tag, $func) documentation
add_filter ($tag,$func) documentation

It is very important to know the difference between the above functions.

add_action –> does an action at various points of wordpress execution
add_filter –> does filtering the data (eg. escaping quotes before mysql insert, or during output to browser.

Step 3: Plugin Information

Open your hello-world.php and in the first line, add this commented plugin information to your file.

<?php
/*
Plugin Name: Hello-World
Plugin URI: http://techdilute.blogspot.com/
Description: A simple hello world wordpress plugin
Version: 1.0
Author: Balakrishnan
Author URI:http://techdilute.blogspot.com/
License: GPL
*/
?>

Save this php file,
Place the plugin folder to wordpress > wp-content > plugins,
Go to your wordpress admin > plugins and you will see the new plugin listed, waiting to get activated.

Step 4: Full Coding for Hello World Plugin

<?php
/*
Plugin Name: Hello-World
Plugin URI:http://techdilute.blogspot.com/
Description: A simple hello world wordpress plugin
Version: 1.0
Author: Balakrishnan
Author URI: http://techdilute.blogspot.com/
License: GPL
*/
/* This calls hello_world() function when wordpress initializes.*/
/* Note that the hello_world doesnt have brackets.
add_action('init','hello_world');
function hello_world()
{
echo "Hello World";
}
?>

Thats it!

Our Hello World plugin is nearly done and with just few lines of code. When our plugin is activated, add_action command calls our hello_world() function when wordpress starts loading.

Make Flashing Application in Android

noreply@blogger.com (Sawan) — Fri, 31 May 2013 02:11:00 -0700

Now i am telling you how can you make Flashing application in android. This application is about turning on and off device flashlight / torchlight with simple touch.

Dowload above image without animation

Follow below step to make these type of application :
Step 1: Designing the Application
In this application we'll not use very complex designing which give you a easy and attractive application in android.
I am not giving you designing steps involved in designing the application as it is not the part of the tutorial.

Once you are done with designing part you can move to coding part by starting a new project.
Now come on coding
Step 2: Create new Project

Create a new project in Eclipse IDE by going to File ⇒ New ⇒ Android Application Project . I named my package as com.androidhive.flashlight and main activity as MainActivity.java
Open your AndroidManifest.xml file and add required permissions.

AndroidManifest.xml
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.androidhive.flashlight"
android:versionCode="1"
android:versionName="1.0" >

<uses-sdk
android:minSdkVersion="8"
android:targetSdkVersion="17" />

<uses-permission android:name="android.permission.CAMERA" />
<uses-feature android:name="android.hardware.camera" />

<application
android:allowBackup="true"
android:icon="@drawable/ic_launcher"
android:label="@string/app_name"
android:theme="@style/AppTheme" >
<activity
android:name="com.androidhive.flashlight.MainActivity"
android:label="@string/app_name"
android:screenOrientation="portrait">
<intent-filter>
<action android:name="android.intent.action.MAIN" />

<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
</application>

</manifest>

Place all the switch image files under drawable-hdpi, drawable-mdpi, drawable-ldpi folders.
Create a new xml file named radial_background.xml under res ⇒ drwable-hdpi folder and paste the following code. This file is used to create radial gradient background for the app.

radial_background.xml
<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<gradient
android:type="radial"
android:startColor="#343030"
android:endColor="#151515"
android:gradientRadius="300"
android:angle="270"
android:centerY="0.3"/>
</shape>

Now open activity_main.xml file located under res ⇒ layout folder and type the following code. This layout file acts as main screen of the application.

activity_main.xml
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/radial_background"
tools:context=".MainActivity" >

<ImageButton
android:id="@+id/btnSwitch"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_marginTop="100dip"
android:src="@drawable/btn_switch_on"
android:background="@null"
android:contentDescription="@null"
/>
</RelativeLayout>

Open your MainActivity.java file and do the following changes. Here we just declared required variables.

MainActivity.java

package com.androidhive.flashlight;

import android.app.Activity;

import android.app.AlertDialog;

import android.content.DialogInterface;

import android.content.pm.PackageManager;

import android.hardware.Camera;

import android.hardware.Camera.Parameters;

import android.media.MediaPlayer;

import android.media.MediaPlayer.OnCompletionListener;

import android.os.Bundle;

import android.util.Log;

import android.view.View;

import android.widget.ImageButton;

public class MainActivity extends Activity {

ImageButton btnSwitch;

private Camera camera;

private boolean isFlashOn;

private boolean hasFlash;

Parameters params;

MediaPlayer mp;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

   // flash switch button

btnSwitch = (ImageButton) findViewById(R.id.btnSwitch);

// First check if device is supporting flashlight or not

hasFlash = getApplicationContext().getPackageManager()

.hasSystemFeature(PackageManager.FEATURE_CAMERA_FLASH);

if (!hasFlash) {

// device doesn't support flash

// Show alert message and close the application

AlertDialog alert = new AlertDialog.Builder(MainActivity.this)

.create();

alert.setTitle("Error");

alert.setMessage("Sorry, your device doesn't support flash light!");

alert.setButton("OK", new DialogInterface.OnClickListener() {

public void onClick(DialogInterface dialog, int which) {

// closing the application

finish();

}

});

alert.show();

return;

}

   // get the camera

getCamera();

   // displaying button image

toggleButtonImage();

   // Switch button click event to toggle flash on/off

btnSwitch.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View v) {

if (isFlashOn) {

// turn off flash

turnOffFlash();

} else {

// turn on flash

turnOnFlash();

}

}

});

}

// Get the camera

private void getCamera() {

if (camera == null) {

try {

camera = Camera.open();

params = camera.getParameters();

} catch (RuntimeException e) {

Log.e("Camera Error. Failed to Open. Error: ", e.getMessage());

}

}

}

// Turning On flash

private void turnOnFlash() {

if (!isFlashOn) {

if (camera == null || params == null) {

return;

}

// play sound

playSound();

params = camera.getParameters();

params.setFlashMode(Parameters.FLASH_MODE_TORCH);

camera.setParameters(params);

camera.startPreview();

isFlashOn = true;

// changing button/switch image

toggleButtonImage();

}

}

   // Turning Off flash

private void turnOffFlash() {

if (isFlashOn) {

if (camera == null || params == null) {

return;

}

// play sound

playSound();

params = camera.getParameters();

params.setFlashMode(Parameters.FLASH_MODE_OFF);

camera.setParameters(params);

camera.stopPreview();

isFlashOn = false;

// changing button/switch image

toggleButtonImage();

}

}

  // Playing sound

// will play button toggle sound on flash on / off

private void playSound(){

if(isFlashOn){

mp = MediaPlayer.create(MainActivity.this, R.raw.light_switch_off);

}else{

mp = MediaPlayer.create(MainActivity.this, R.raw.light_switch_on);

}

mp.setOnCompletionListener(new OnCompletionListener() {

@Override

public void onCompletion(MediaPlayer mp) {

// TODO Auto-generated method stub

mp.release();

}

});

mp.start();

}

   /*

* Toggle switch button images

* changing image states to on / off

* */

private void toggleButtonImage(){

if(isFlashOn){

btnSwitch.setImageResource(R.drawable.btn_switch_on);

}else{

btnSwitch.setImageResource(R.drawable.btn_switch_off);

}

}

@Override

protected void onDestroy() {

super.onDestroy();

}

@Override

protected void onPause() {

super.onPause();

// on pause turn off the flash

turnOffFlash();

}

@Override

protected void onRestart() {

super.onRestart();

}

@Override

protected void onResume() {

super.onResume();

// on resume turn on the flash

if(hasFlash)

turnOnFlash();

}

@Override

protected void onStart() {

super.onStart();

// on starting the app get the camera params

getCamera();

}

@Override

protected void onStop() {

super.onStop();

// on stop release the camera

if (camera != null) {

camera.release();

camera = null;

}

}

}

Simple HTML DOM Parser in PHP

noreply@blogger.com (Sawan) — Fri, 31 May 2013 01:27:00 -0700

Simple HTML DOM Parser in PHP is a dream utility for developers that work with both PHP and the DOM because developers can easily find DOM elements using PHP.

And TechDilute give you a full HTML DOM Parser which is given below full code.

Here are a few sample uses of PHP Simple HTML DOM Parser:

// Include the library
include('simple_html_dom.php');

// Retrieve the DOM from a given URL
$html = file_get_html('http://yoursite.com');

// Find all "A" tags and print their HREFs
foreach($html->find('a') as $e)
echo $e->href . '<br>';

// Retrieve all images and print their SRCs
foreach($html->find('img') as $e)
echo $e->src . '<br>';

// Find all images, print their text with the "<>" included
foreach($html->find('img') as $e)
echo $e->outertext . '<br>';

// Find the DIV tag with an id of "myId"
foreach($html->find('div#myId') as $e)
echo $e->innertext . '<br>';

// Find all SPAN tags that have a class of "myClass"
foreach($html->find('span.myClass') as $e)
echo $e->outertext . '<br>';

// Find all TD tags with "align=center"
foreach($html->find('td[align=center]') as $e)
echo $e->innertext . '<br>';

// Extract all text from a given cell
echo $html->find('td[align="center"]', 1)->plaintext.'<br><hr>';

Like I said earlier, this library is a dream for finding elements, just as the early JavaScript frameworks and selector engines have become. Armed with the ability to pick content from DOM nodes with PHP, it's time to analyze websites for changes.

Make Facebook like site Using WordPress

noreply@blogger.com (Sawan) — Sat, 9 Mar 2013 06:28:00 -0800

Everyone knows that Facebook is largest social networking site over world. And you want one for you then don't waste your time.
WordPress is great development in the server software market. It’s free to use and relatively easier to develop unlike joomla and drupal(just in my point of view).

Here i am telling your How to Make Facebook like site Using WordPress. You need to follow some simple step which given below:

Step 1: Install WordPress or BuddyPress
Install a WordPress theme that suits your blog mood and for better understanding buddypress is better option.

Step 2: Add Image Slidshow

Flickr Widget – A widget which will display your latest Flickr photos.
Picasa Slideshow – This plugin embeds a Flash slideshow (from Google’s Picasa Web) with the proper configuration parameters. The actual slideshow can be added to your blog within your Widget configuration screen for a specified username and album ID.
Vertical scroll image slideshow gallery - This plug-in will create the vertical scrolling image slideshow gallery at side sidebar widget.

Step 3: Messenger

If you like your users to be able to login to gtalk and be able to chat online directly through your blog , here are the plugins…

GTalk - A Gadget that brings Gtalk on your website. Members can log on and chat with their friends on gtalk while reading your blogs.

Step 4: Embed Chat and other Messenger Services

BOWOB integrated chat – This plugin is great to have a facebook like chat panel and its features are as follows…

Features :

Users integrated. Chat for registered and/or guest users of your website.
Design integrated. Customizable look and feel, theme, smileys, sounds, …
Compatible. BoWoB works on Internet Explorer 6, 7, 8. Mozilla Firefox. Opera. Safari. Google Chrome.
Scalable. BoWoB doesn’t use your server resources. Our server provides speed, uptime and updates.
Customizable language. Edit all the interface of the chat.
Administration panel. Complete tool for ban users, select topic, …
Public and private communication.
Other features. Multiple windows: Use the chat in multiple windows of your website. New message notification. Auto-links: Urls in messages are automatically converted to links. Auto resize bar.

Note:

Sometimes due to certain server php configuration the BOWOB chat might not work…but here are similar services

BumpIn Chat – Fully customizable flash and analog chat, can be embedded within website or made into a facebook like toolbar.

Mibbit ajax chat – No Java, no flash. With Mibbit, chatting online is easy, just choose your nickname and press go! No sign-up is required and you can use it from wherever you are with just a web browser.

Mibbit has many customizable features which can help you make the most of your chat.

You can change skins and use real-time language translation, image thumbnails, or even embed Youtube clips and exchange files with other Mibbit users.

Step 5: Admin Chat

If you like to chat to your visitors on your blog to discuss their views, here’s the tip for you.

Yahoo! Pingbox - It’s a unique way for admin-visitor chat through Yahoo! Messenger.

Once done u need to login to yahoo messenger and you’ll be able to chat through your blog.

Step 6: Make access through registration

Here is my list of plugins that I used to convert my blog.

Members only – Members Only is a WordPress plugin that allows you to make your blog only viewable to visitors that are logged in. If a visitor is not logged in, they will be redirected either to the WordPress login page or a page of your choice. Once logged in they can be redirected back to the page that they originally requested. You can also protect your feeds whilst allowing registered user access to them by using Feed Keys.

Sidebar login - Sidebar-Login has both a widget and a template tag to allow you to have a login form in the sidebar of your wordpress powered blog.It lets users login, and then redirects them back to the page they logged in from rather than the backend, it also shows error messages.

You can configure the plugin in Admin > Tools > Sidebar Login after installing it.

These two plugins make sure that only registered users can access your blog and comment on posts.

Get WordPress Featured Image By Page or Post ID

noreply@blogger.com (Sawan) — Thu, 7 Mar 2013 20:49:00 -0800

If you want to Get WordPress Featured Image By Page or Post ID in your custom page. Then you need to follow some easy TDrecipes

Step 1: Set Feature Image
It is important to set the featured image in wordpress blog post. Its done by simply click on Add Media button and you'll see the Set Featured Image option and set the image.

Step 2: Copy the following code

The full code you need is

if (has_post_thumbnail($page_id)){
echo get_the_post_thumbnail(
$page_id,
array(80,80),
array('class' => 'post_thumbnail')
);
}

The size of the image may be a width and height in pixels eg array(150, 150), or a preset: thumbnail, medium, large or full.
The size of the presets may be changed in WordPress admin using the Settings > Media menu.

Step 3: Add this code in template page
Now you know how to add page content and wordpress featured images to any WordPress template page.

Display RSS Feed on Your WordPress Blog

noreply@blogger.com (Sawan) — Thu, 7 Mar 2013 20:30:00 -0800

Are you want to Display RSS Feed on Your WordPress Blog and got some problem . Then this simple code is the only solution to display feed of many website on your blog.
Here’s a simple code that will do the job without using the deprecated wp_rss() function.

Step 1: Get the feed url of website
First of all you need to get the Feed URL of that website which feeds you want to display.
You can take TechDilute feed :

Step 2: Replace the feed url in following code

Don't forget to update the feed url (Red).
Number of items to be displayed (Blue).

<?php
include_once(ABSPATH . WPINC . '/rss.php');
$feed = 'http://example.com/feed/';
$rss = fetch_feed($feed);
if (!is_wp_error( $rss ) ) :
$maxitems = $rss->get_item_quantity(3);
$rss_items = $rss->get_items(0, $maxitems);
if ($rss_items):
echo "<ul>\n";
foreach ( $rss_items as $item ) :
echo '<li>';
echo '<a href="' . $item->get_permalink() . '">' . $item->get_title() . "</a>\n";
echo '<p>' . $item->get_description() . "</li>\n";
endforeach;
echo "</ul>\n";
endif;
endif;
?>

Step 3: Use in Your Blog
Now you're ready to display Rss Feeds on your wordpress blog.

Make WordPress Image Responsive

noreply@blogger.com (Sawan) — Thu, 7 Mar 2013 19:51:00 -0800

Responsive images means It can be big on wide screens and automatically adapt to smaller screens such as iPad.
How to easily Make WordPress Image Responsive ??
Making your images responsive is not difficult to do: Here is a simple TD recipe to achieve it on your wordpress blog.

Click Image to Enlarge

Step 1: Add code in function.php

The first thing to do is to create the shortcode. To do so, open your functions.php file and paste the following code in it:

function responsive_images($atts, $content = null) {
return '<div class="image-resized">' . $content .'</div>';
}
add_shortcode('responsive', 'responsive_images');

Note: If your theme haven't functions.php page then you can make it

Step 2: Add CSS in style.css

Once done, open your style.css file and add those CSS rules:

@media only screen and (max-width:767px) {
.image-resized img {
width:100%;
height:auto;
}
}

Step 3: Use Short-code where you want

You can now use the [responsive] shortcode to insert responsive images in your blog:
[responsive]<img src="image_url" alt="alt" title="title" />[/responsive]

Get an Email Alert (with Picture) When intruder Tries to Access your Computer

noreply@blogger.com (Sawan) — Wed, 6 Mar 2013 07:18:00 -0800

Here i am telling you How to Get an Email Alert (with Picture) When intruder Tries to Access your Computer. Intruder image snap is take by your webcam.
How do you get notified when such an attempt is made to intrude into your computer?

A new website (made in Turkey) called MouseLock.co may have a simple solution here. They will send you an email alert as well as a picture of the intruder as soon as someone tries to use your computer.
Here’s how Mouse Lock works:

You sign-in with your Google Account (they’ll send the alert to your Gmail address)

And then select a secret pin on the screen.

Next, put your mouse cursor in a designated area on the Mouse Lock website and leave the machine.

Now when someone moves the mouse, they will also have to enter the original pin.
If they fail to do that in the first few seconds, Mouse Lock will send you an email and, if the computer has a webcam, it will use that to also snap a picture of the intruder.

Mouse Lock won’t prevent the intrusion but will at least notify you the minute it happens. And best of all, this a web app and thus requires no installation.

Internally, the site uses jQuery (mouseLeaveEvent) to detect mouse movements while the webcam photographs are captured using the getUserMedia() API currently supported in Chrome and Firefox. The alerts, possibly due to a bug, are triggered even when any of the keys are pressed and that makes it a little less useful since there’s no way to lock the computer after setting up the monitor.

Responsive AdSense Ads Allowed Now

noreply@blogger.com (Sawan) — Wed, 6 Mar 2013 06:48:00 -0800

The Google AdSense team has officially confirmed that publishers can use JavaScript to server ads of different size based on the screen size of the visitor.

Google AdSense ads are fixed-width but there’s a little workaround that can make your Google ads responsive. The idea is that if a visitor is reading your web page on a large desktop screen, they are served the large 728×60 or 336×280 units while if another visitor is viewing the same page on a smaller mobile screen, you can dynamically serve the 200×200 (or similar) ad unit.

Michel Wester of WebSonic.nl, an AdSense publisher from Netherlands, contacted the Google AdSense team for a confirmation and here’s the official response (in Dutch):

click for enlarge image

“De voorbeeld website die u stuurt geeft al de juiste javascript code die u kunt gebruiken.” Google AdSense support has confirmed that Responsive Ads are allowed.

The rough Dutch to English translation is:

AdSense Ads can be adapted to different screen sizes using a simple JavaScript snippet. To take advantage of responsive design, create multiple ad formats, such as 728×90, 468×60 and 300×250. Then you implement an “if-else’ fragment so that the right ad format is displayed based on the size of the device of the user.

Here I am telling you Responsive AdSense Ads code

JavaScript – Responsive Google Ads

<script type="text/javascript">
var width = window.innerWidth || document.documentElement.clientWidth;
google_ad_client = "ca-publisher-id";
if (width >= 800) {
google_ad_slot = "ad-unit-1";
google_ad_width = 728;
google_ad_height = 60;
} else if ((width < 800) && (width < 400)) {
google_ad_slot = "ad-unit-2";
google_ad_width = 300;
google_ad_height = 250;
} else {
google_ad_slot = "ad-unit-3";
google_ad_width = 468;
google_ad_height = 60;
}
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>

Thus you won’t violate any of the AdSense program policies for using responsive ads on your website. The JavaScript snippet isn’t modifying the AdSense code but is simply requesting a different ad unit based on the viewport width of the current visitor’s screen.

Make Your Mobile Wireless Chargeable

noreply@blogger.com (Sawan) — Wed, 6 Mar 2013 05:55:00 -0800

Here TechDilute tell you new trick by which you can Make Your Mobile Wireless Chargeable.
By mean you can make a wireless charger for your Mobile Phone. You need just follow some steps to do that.It is the simple science about Induction Coil. In below steps I'll tell you about Samsung Galaxy S3 (Make Your Mobile Wireless Chargeable).
The next smartphone generation is likely going to be charged via induction. We demonstrate how the same applies to your mobile

Click On Image For Enlarge

Step 1: Preparation
Get yourself an induction charging kit.

a battery compartment lid and mat (or block) in a bundle
a soldering rod
tin-lead solder
some stranded wire
a cutter knife.

Step 2: Soldering the Palm Lid
Firstly check your kit work properly and then solder two thin wires on the contacts of the secondary coil.

Step 3: Connecting the Charging Pins to the Test

Next, solder the free ends to the inner pins of the Galaxy S3. If you have another mobile model, you should find out on the Internet how best to get hold of the correct pins for charging.

Also, pay attention that the wire which is soldered in the Palm at the lower contact is soldered at the upper contact in S3.

Step 4: Executing Functional Test

Now check if a current is flowing by laying the Palm lid on the plinth (connected with the power supply).

The S3 should now show Wireless charging.

Step 5: Removing the Secondary Coil

Disconnect the cable from the Palm lid and carefully remove the coil from the lid.

Step 6: Inserting the Secondary Coil

Stick it into the S3 lid.

Remain in the centre as much as possible so that the lid fits later on.

Step 7: Closing the Smartphone

Trim the cable and solder the ends to the contacts of the secondary coil again.

Finally, reassemble the device.

Step 8: Wireless Charging

Lay your smartphone on the charging block for testing – the charging process should now begin.

Buy iPhone 5 for $127 and iPhone 4 for $47 from Walmart

noreply@blogger.com (Sawan) — Sat, 15 Dec 2012 04:20:00 -0800

Walmart give the chance to buy iPhone 5 for $127 and iPhone 4 for $47 which is approximately half of apple price. Walmart comes in India and wait for this awesome surprise for indians.

It would be selling the iPhone 5 for $127 with a new 2-year contract, or to customers who are eligible for an upgrade through their carrier. Walmart also dropped the price of last year's iPhone 4S down to $47 from its previous $87.97 price tag, which also requires a carrier contract.

-Walmart retailer
Walmart also plans to throw in a $30 Walmart gift card to iPad buyers who purchase on Monday.
Note :
Limited stock and not showing available online you need to go Walmart retail stores.

Adsense offer Recourse of Fraud Click

noreply@blogger.com (Sawan) — Sat, 15 Dec 2012 01:11:00 -0800

Everyone want adsense for their website for making more money online and Finally Adsense offer publisher recourse of Fraud Click.
Adsense invest immense amounts of time and millions $ in systems that keep bad ads from appearing on your sites and prevent advertisers from being fraudulently charged for bad clicks.

We want to work with our publisher partners to keep the AdSense network strong -- keeping good publishers’ accounts in good standing, while also protecting advertisers and users from fraudulent activity. This is why we’re making changes, like the ones discussed today, to provide more help when things go wrong. We’ll be making even more changes as the year goes on so look for continued updates on this blog.

Jonathan Bellack - Adsense Product Management Director

What Google changes for Fraud Click ?

If adsense find voilation in your account then you'll recieve and email and notification to your account with appropriate information.And you can read all about the causes of invalid clicks activity at Adsense Traffic Quality Resource Center.
Publisher can be submit more informative appeals via a new form, which may help resolve issues more quickly.
Whether you’re looking for a refresher or just creating your first ad unit, you can review the do’s and don'ts of ad traffic in our expanded AdSense Academy.

what you think about adsense offer.......