How To Hide Files Behind The Images

There are some important files or document you want to hide from others on your computer. To do that you might be creating folder inside folder to hide such files but in today's tutorial i will change this by teaching you a interesting trick to hide files behind images. To hide a file behind a image means that if any one opens that image he will see this image, but to see the hidden file need to open that image in a specific way. So lets get started.

If you're looking to hide files on your PC hard drive, you may have read about ways to encrypt folders or change the attributes on a file so that they cannot be accessed by prying eyes. However, a lot of times hiding files or folders in that way requires that you install some sort of software on your computer, which could then be spotted by someone else.

Using a simple trick in windows, you can actually hide a file inside of the JPG picture file ! You can actually hide any type of file inside of an image file, including txt, exe, mp3, avi, or whatever else. Not only that, you can actually store many files inside of single JPG file, not just one ! This can some in very handy if you need to hide files and don't want to bother with encryption and all that other technical stuff.

Hide File In Picture :

In order to accomplish this task, you will need to have either WinZip or WinRAR installed on your computer. You can download either of these two off the internet and use them without having to pay anything. Here are the steps for creating hidden stash:

Create a folder on your hard drive, i.e. C:\Test and put in all of the files that you want to hide into that folder. Also, place the image that you will be using to hide the files in.

Now select all of the files that you want to hide, right-click on them, and choose the option to add them a compressed ZIP or RAR file. Only select the files you want to hide, not the picture. Name it whatever you want, i.e. "Hidden.rar"

Now you should have folder that looks something like this with files, a JPG image, and a compressed archive:

Now here's the fun part ! Click on Start, and then click on Run. Type in "CMD" without the quotes and press Enter . You should now see the command prompt window open. Type in "CD \" to get to the root directory. The type CD and the directory name that you created, i.e. "CD Test" .

Now type the following "copy /b Image file name with extension + Rar file name with extension Image file name with extension (must see the space and extension name, and the image file should be same in the first and last) " and press Enter. Do not use the quotes.

Just make sure that you check the file extension on the compressed file, whether it is .ZIP or .RAR as you have to type out the entire file name with extension in the command. I have heard that some people say that they have problems doing this with a .ZIP extension, so if that doesn't work, make sure to compress to a .RAR file.

And that's it ! The picture file will have been updated with the compressed archive inside ! You can actually check the file size of the picture and see that it has increased by the same amount as the size of archive.

You can access your hidden file in two ways. Firstly, simply change the extension to .RAR and open the file using WinRAR. Secondly, you can just right-click on the JPG image and choose Open With and then scroll down to WinRAR. Either way, you'll see your hidden files show up that you can then extract out.

That's it ! That is all it takes to hide file inside JPG picture file ! It's a great way simply because not many people know it's possible and no one even thinks about a picture as having to the ability to hide files.

Samsung Mobile Secret Codes And Their Functions

Samsung Mobile Secret Codes And Their Functions :

• *#06# : IMEI Code


• *#9998*4357# : Help Menu


• *#9998*5282# : Java menu (GPRS/CSD settings for JAVA server)


• *#9999#0# : Monitor Mode


• *#9999# or *#9998*9999# : Software Version


• *#8888# or *#9998*8888# : Hardware Version


• *#9998*746# or *#9998*0746# or *#0746# : Sim Information


• *#9998*523# or *#9998*0523# or *#0523# : Display Contrast


• *#9998*842# or *#9998*0842# or *#0842# : Vibration On (Until you push Ok)


• *#9998*289# or *#9998*0289# or *#0289# : Buzzer On (Until you push Ok)


• *#9998*288# or *#9998*0288# or *#288# : Battery & Field Information


• *#9998*377# or *#9998*0377# : Error Log


• *#9998*778# or *#9998*0778# or *#0778# : SIM Service Table


• *#9998*782# : Show date and alarm clock


• *#9998*638# : Show network information


• *#9998*5646# : Change operator logo at startup


• *#9998*76# : Production number


• *#9998*968# : View melody for alarm


• *#9998*585# : Non-Volatile Memory (NVM)


• *#3243948# : Digital Audio Interface Off


• *#32436837# : Digital Audio Interface On

Secret Codes For Nokia - Codes And Their Functions

Secret Codes For Nokia - Codes And Their Functions :

Today i will tell you about all the Nokia Mobile secret codes and their functions, these are very rare codes that must be known by some people. But now you can also know about these tricks. So here we go !

• *3370# : This nokia code enhanced full rate codec (EFR), Your Nokia phone uses the best sound quality but talk time is reduced my approx. 5 % . Deactivate enhanced full rate codec (EFR).


• *#4720# : Activate half rate codec. Your phone uses a lower quality sound but you should gain approx 30 % more talk time. With this Nokia code you can deactivate the half rate codec.


• *#0000# : Displays your phone software version, 1st Line : Software Version, 2nd Line : Software Release Date, 3rd Line : Compression Type.


• *#9999# : Phone software version if *#0000# does not work.


• *#06# : For checking the international mobile equipment identity (IMEI Number).


• #pw+1234567890+1# : Provide Lock Status. (use the " * " button to obtain the "p,w" and "+" symbols)


• #pw+1234567890+2# : Network Lock Status. (use the " * " button to obtain the "p,w" and "+" symbols)


• #pw+1234567890+3# : Country Lock Status. (use the " * " button to obtain the "p,w" and "+" symbols)


• #pw+1234567890+4# : SIM Card Lock Status. (use the " * " button to obtain the "p,w" and "+" symbols)


• *#147# : This lets you know who called you last (Only vodafone)


• *#1471# : Last call (only vodafone)


• *#21# : This phone code allows you to check the number that "All Calls" are diverted to.


• *#2640# : Displays phone security code in use.


• *#30# : Lets you see the private number.


• *#43# : Allows you to check the "Call Waiting" status of your cell phone.


• *#61# : Allows you to check the number that "On No Reply" calls are diverted to.


• *#62# : Allows you to check the number that " Diverted If Unreachable (no service)" calls are diverted to.


• *#67# : Allows you to check the number that "On Busy Calls" are diverted to.


• *#67705646# : Phone code that removes operator logo on 3310 & 3330.


• *#73# : Reset phone timers and game scores.


• *#746025625# : Displays the SIM Clock Status, if your phone supports this power saving feature "SIM Clock Stop Allowed", it means you will get the best standby time possible.


• *#7760# : Manufactures code


• *#7780# : Restore factory settings


• *#8110# : Software version for nokia 8110


• *#92702689# : Displays - 1. Serial Number, 2. Date Made, 3. Purchase Date, 4. Date of last repair (0000 for no repairs), 5. Transfer User Data. To exit this mode you need to switch your phone off then on again.


• *#94870345123456789# : Deactivate the PWM - Mem


• **21*number# : Turn on "All Calls" diverting to the phone number entered


• **61*number# : Turn on "No Reply" diverting to the phone number entered


• **67*number# : Turn on"On Busy" diverting to the phone number you entered


• 12345 : Default security code

 

How To Use JQuery To Manage Wordpress Sidebars

How To Use JQuery To Manage Wordpress Sidebars ?

Today i will tell you that how we can use JQuery to manage wordpress sidebars, recently i finished a work that pushed Wordpress farther than i have ever before. Essentially, each of the 18 categories was a micro-site with its own stylish and two widgetized areas.

That means 36 different widgetized sections !

When viewing the Widget page in the Wordpress Dashboard, the list of widget areas extend quite a bit below the fold. This made adding and managing the widgets extremely cumbersome. The obvious solution was to display only one widget area at a time.

Before writing any code, i like to flesh out the basics to may solution on paper. Some simple brainstorming lead me to the following goals.

• Create an array of all the widget areas available.


• Hide all the listed widget areas besides the first.


• Insert into the widget page a drop-drown box containing a list of the widget areas in our array.


• Whenever a user selects a widget area from the drop-down box, show that one and hide the rest.

We'll begin by creating file named widget-admin.js. Save this file somewhere in your theme directory. I prefer to keep all my JavaScript files in the js/sub-directory. We only want this code to be loaded if we are on the widgets page of the Wordpress Dashboard. To achieve this, add the following code to your function.php file.

// Custom Admin Sidebar Switcher
function sidebar_switcher() {
	global $pagenow;

	if ($pagenow == 'widgets.php')
		wp_enqueue_script('fca_admin', get_bloginfo('template_url').'/js/widget-admin.js');
}
add_action('admin_print_scripts', 'sidebar_switcher');

By latching onto Wordpress's admin_print_scripts hook, our sidebar_switcher () function will only be run when we are in the dashboard. The sidebar_switcher () function checks if we are on the widget page. If we are, it tells Wordpress to queue up or widget-admin.js file.

The following code goes into the widget-admin.js that we created earlier. The comments should make it self-explanatory.

jQuery("document").ready(function(){
	var sidebars = new Array(); // Create array to hold our list of widget areas
	var selectorHTML, name; // Declaring variables isn't necessary in JavaScript, but it's good practice

	jQuery('.widget-liquid-right .sidebar-name h3').each(function(index) {
		name = jQuery(this).html(); // Get the name of each widget area
		name = name.replace(/\s*<span>.*<\/span>/,''); // Remove extra <span> block from name
		sidebars.push(name); // Add the name to our array
	});

	jQuery('.widget-liquid-right .widgets-holder-wrap').hide(); // Hide all the widget areas in list
	jQuery('.widget-liquid-right .widgets-holder-wrap:first').show(); // Show the first

	// Start <select> block. Position to the right of the "Widgets" heading.
	selectorHTML = "<select id=\"sidebarSelector\" style=\"position: absolute; left: 400px; top: 68px;\">\n";

	var count = 0;
	for ( var i in sidebars ) // Add option for each widgetized area
		selectorHTML = selectorHTML + "<option value=\"" + count++ + "\">" + sidebars[i] + "</option>\n"; // Store the index of the widget area in the 'value' attribute

	selectorHTML = selectorHTML + "</select>"; // Close the <select> block

	jQuery('div.wrap').append(selectorHTML); // Insert it into the DOM

	jQuery('#sidebarSelector').change(function(){ // When the user selects something from the select box...
		index = jQuery(this).val(); // Figure out which one they chose
		jQuery('.widget-liquid-right .widgets-holder-wrap').hide(); // Hide all the widget areas
		jQuery('.widget-liquid-right .widgets-holder-wrap:eq(' + index + ')').show(); // And show only the corresponding one
	});
});

How To Make Your Blogger Blog Private

How To Make Your Blogger Blog Private ?

Today i will tell you that how can we private our blog and make it secret from public. Blogs created on blogger are by default for all readers so that they can read any blog according to their choice. But sometimes we need to make our blog private so that nobody can access our blog without our permission like in case of private blog where we share out family photos for family members only or a blog for friends so that only they can access that blog.

The reason can be different for different blogs to make their blog private. Blogger provide a weird tool by which we can easily convert our blog to the private from public. Only blog admins and authors can access the blog if they are log in their Google Account and they have access to view the blog.

Let's start the tutorial ...

Here is a simple step you must follow to enable the private blog.

• Login in to Blogger and go to Settings > Basic > Blog Readers.

Under the blog readers section click on edit link where you will find below three options.

• Anybody : This option is selected by default, means your blog is open for public readers. Anyone can access your blog without any restriction.


• Only Blog Authors : If you choose this option then your blog will only be accessible to those users who are invited by you to edit or access your blog. They called admins, you can select their options for admins or moderator.


• Only These Readers : This is the last option which provides the facility to open your blog for particular readers. You can enter the list of their email id's so that they can receive an invitation to become your blog reader.

Now save the settings to make the changes. Have fun !

How To Write SEO Optimized Posts

How To Write SEO Optimized Posts :

Today i will tell you that how we can write SEO Optimize Posts, its not a top secret but this is about the basic optimization that everyone should apply in order to write seo optimized posts. And with these techniques, effort, and a bit of patience, you can occupy the best places in the search result of different search engines.

Obviously, not all scenarios are the same, neither all posts are positioned in the same manner, some might have greater competition than others depending on how popular is the topic that they handle, therefore when it comes to web ranking, there's no specific time that applies for all. Having said this, let's get into the subject.

Focus on a Topic :

Whatever the topic of your website or blog is, when you try to write a seo optimized post, focus on a specific subject that has a clear purpose, with no distractions. For example, if you write about "Laptops" , then the beginning and ending of your post should be only about it. Don't start talking about laptops and end up telling about what you have done last weekend. A reader goes to a page because is looking for a specific information. So, unless it it not a personal website ( where you write about your daily life ), do not deviate from the topic.

Define the Post Title :

The post title should be short to the point, so that you can briefly summarize the content of the post, but you should not abuse this either. Although it has to be concise, don't worry to "save" words which might be keys to the search.

Example : "Collection of all the Laptops that have been released last year on the market "

" The best Laptop of 2014 "

Clearly, the first one has not been defined very much, and second one is not only more accurate, but it also more relevant for what people are searching on the internet.

The Keywords :

Keywords are those term that the most people are searching for on the internet and you should try focusing on them when writing a post, these keywords need to be included throughout the entire post, but be careful to not over-stuff keywords into your content.

Example : "During the fourth week of the technology, there were many products that are utilized today, and the famous experts gave a speech on them "

" At the opening of the fourth Technology Week, the experts talked about various topics, including how to choose a laptop, has discussing about the hard disk and ram, and which are the best laptops. "

In the first example, we have written without paying attention to any terms. While, in the second one, we used phrases that are searched on the internet by the most users.

So, the most popular keywords should be included wisely without cluttering your posts with them, or it can be counterproductive.

Again, these keywords should be included in the posts title, as well.

Rely on Synonyms :

While it's a good strategy to use specific keywords, we should not limit ourselves to a single word. It is recommended using synonyms because users do not name things in same way and using less keywords, we can avoid leaving the impression that we are being too repetitive and insistent.

Example : " For those who like good laptops, Intel Laptops with core 2 Duo ."

" For those who like good laptops, Intel Laptops with 17" LED Screen With Best Processor. "

In the first example, we have repeated the word " laptops " twice. While in the second one, we used the laptop keyword once and changed the word " core 2 duo " with best processor.

This way, the reader will find a greater diversity of words and might enjoy the article more.

Using bold and italics :

A good practice when you write SEO Optimized Posts, would be to make the keywords bold by wrapping them in strong tags, so that they will stand out the rest. But keep in mind that this should not be done with CSS, but with HTML, i.e. they should not tagged with font-weight: bold; but rather with <b> or even better, with <strong>

Example : " For those who like good laptops, Intel Laptops with core 2 duo "

The result seem to be the same, but it is not. Although these three keywords are in bold, only one is more attractive to robots, which is the first.

Use External Links :

Some may say that we should not use links in the posts because this way we are giving away out Page Rank. This is not quite true. Using referral links to sites that have already shaped their credibility, will also help us to shape your own. Certainly, we should not flood our posts with links, but we can do it when is needed and especially with sites that talk about the same topics as our own.

Another important thing to mention is that, we should avoid putting the typical " click here " or similar texts. When you put a link, the anchor text should fairly descriptive.

Rank With Your Images :

Posts with images are not only visually appealing, but might help the reader to understand what you are talking about. So, whenever you can, use an image in your post to illustrate the writing, but don't overdo it. Many images or very large images can slow the loading time of the blog.

New And Relevant Content :

You should focus not only on writing many posts, but also making them relevant to your readers. New and original content is more attractive to the search engines, then a copy and paste. So try to write new stuff, even if you think that all has been said. Each person has a different way of saying things. Also, always get informed before writing a post. Do a search and see if the information is valid, based on that, you will gain the trust of your readers.

Final Words :

With these few techniques you can increase the chances of ranking of your posts higher in search engines. As i mentioned earlier, these are not things that no one heard about, but i know that many are beginners and may not know how to write seo optimized posts.

It does not hurt repeating that the results won't appear overnight, but with some effort and patience, you should see the desired result over time.

How To Add Responsive Drop Down Menu In Blogger

How To Add Responsive Drop Down Menu In Blogger

How to add responsive drop down menu in Blogger ? This is the question which is searched in Google many times, so today i will tell you that we can add a responsive drop down menu in Blogger. You just have to follow these simple and easy steps.



 

Step 1 : Go to Blogger > Dashboard > Layout > Add A Widget and Select HTML/Javascript, Copy the following code and paste into HTML/Javascript.

<!---Menu--> <nav id='nav-main'>

<ul>
<li><a href=''>Home</a></li>
        <li><a href=''>About</a></li>
        <li><a href=''>Gallery</a></li>
        <li><a href=''>Tutorials</a></li>
        <li><a href=''>Contact</a></li>
    </ul>
</nav>
<div id='nav-trigger'>
    <span>Menu <i class='fa fa-list'/></span>
</div>
<nav id='nav-mobile'/>
</div>

Now click on Save orange button to save it.

Step 2 : Go to Template section > Edit HTML , Click anywhere in the code and press CTRL + F button to search in the code, type the following code in search and press enter button

]]></b:skin>

Step 3 : Paste the following code below ]]></b:skin>

#nav-trigger {
        display: none;
        text-align: center;
    }
    #nav-trigger span {
        display: block;
        background-color: #279CEB;
        cursor: pointer;
        text-transform: uppercase;
        padding: 0 25px;
        color: #EEE;
        line-height: 67px;
    }
    nav#nav-mobile {
        margin: 0px;
    }
    nav {
        margin-bottom: 30px;
    }
    nav#nav-main {
        background-color: #279CEB;
        margin: 0px;
        float: left;
    }
    nav#nav-main ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        text-align: center;
    }
    nav#nav-main li {
        display: inline-block;
        float: left;
        ont-family: 'Open Sans', sans-serif;
    }
    nav#nav-main li:last-child {
        border-right: none;
    }
    nav#nav-main a {
        padding: 0 25px;
        color: #EEE;
        line-height: 67px;
        display: block;
    }
    nav#nav-main a:hover {
        background-color: #3AB0FF;
        text-decoration: none;
        color: #fff;
    }
    nav#nav-mobile {
        position: relatifve;
        display: none;
    }
    nav#nav-mobile ul {
        display: none;
        list-style-type: none;
        position: absolute;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        background-color: #ddf0f9;
        z-index: 10;
        padding: 0px;
        border-bottom: solid 1px #cc0028;
    }
    nav#nav-mobile li:last-child {
    border-bottom: none;
    }
    nav#nav-mobile a {
    display: block;
    color: #29a7e1;
    padding: 10px 30px;
    text-decoration: none;
    border-bottom: 1px solid #00aeef;
    }
    nav#nav-mobile a:hover {
    background-color: #e6002d;
    color: #fff;
    }
/* =Media Queries
    ---------------------------------------------------- */
    @media all and (max-width: 900px) {
    #nav-trigger {
        display: block;
    }
    nav#nav-main {
        display: none;
    }
    nav#nav-mobile {
        display: block;
    }
    }

Step 4 : Search </head> tag by typing it in search box and press enter button, and paste the following code just above </head> tag.

<script type='text/javascript'>
    //<![CDATA[
    $(document).ready(function(){
        $("#nav-mobile").html($("#nav-main").html());
        $("#nav-trigger span").click(function(){
            if ($("nav#nav-mobile ul").hasClass("expanded")) {
                $("nav#nav-mobile ul.expanded").removeClass("expanded").slideUp(250);
                $(this).removeClass("open");
            } else {
                $("nav#nav-mobile ul").addClass("expanded").slideDown(250);
                $(this).addClass("open");
            }
        });
    });
    //]]>
    </script>

Now save the template and see the changes on your blog.

How To Add A Thumbnail Photo Gallery In Blogger

How To Add A Thumbnail Photo Gallery In Blogger

Many users want to show their photos in thumbnails, its just for to show their blog more attractive. So i realize that i should post about that how we can add a thumbnail photo gallery in Blogger. With the help of CSS we can make the <img> element to display on same position with the rest of with thumbs and style the thumbnails as small blocks with a defined height/width. The script will add a click-event for each <li> object that changes its child's <img> visibility and will assign an "Active" class name to the <li> .



There are some steps you have to follow ...

Step 1 : Login to Blogger and Go to Dashboard > Template > Edit HTML

Step 2 : Press CTRL + F key after clicking anywhere in the code, now type the following code in search bar and press enter button.

</head>

Step 3 : Copy the following code and paste it above </head> tag.

<style type='text/css'>
#image-gallery { display: none; }
#jquery-gallery {padding:0;margin:0;list-style: none; width: 200px; }
#jquery-gallery li {background-size: 100%;-webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover;background-size: cover;margin-right: 10px; width: 80px; height: 80px; border: 3px solid #fff; outline: 1px solid #ddd; margin-right: 10px; margin-bottom: 10px; opacity: .5;filter:alpha(opacity=50); float: left; display: block; }
#jquery-gallery li img { position: absolute; top: 0px; left: 200px; display: none; }
#jquery-gallery li.active img { display: block; width:370px; border: 3px solid #fff; outline: 1px solid #E3E3E3; }
#jquery-gallery li.active, #jquery-gallery li:hover { outline-color: #bbb; opacity: .99;filter:alpha(opacity=99);}
#gallery-caption { position: absolute; right: 50px;color: #000;background: #FFFFFF;font-weight: bold; font-size: 16px; top: 0px;}
</style> - See more at: http://funisonline.blogspot.com/2014/09/how-to-add-thumbnail-photos-gallery-in.html#sthash.ktpY43cJ.dpuf

Step 4 : Now above the same tag </head> paste the following code.

 <script type='text/javascript'>
//<![CDATA[
var gal = {
init : function() {
if (!document.getElementById || !document.createElement || !document.appendChild) return false;
if (document.getElementById('image-gallery')) document.getElementById('image-gallery').id = 'jquery-gallery';
var li = document.getElementById('jquery-gallery').getElementsByTagName('li');
li[0].className = 'active';
for (i=0; i<li.length; i++) {
li[i].style.backgroundImage = 'url(' + li[i].getElementsByTagName('img')[0].src + ')';
li[i].title = li[i].getElementsByTagName('img')[0].alt;
gal.addEvent(li[i],'click',function() {
var im = document.getElementById('jquery-gallery').getElementsByTagName('li');
for (j=0; j<im.length; j++) {
im[j].className = '';
}
this.className = 'active';
document.getElementById('gallery-caption').innerHTML = this.title;
});
}
},
addEvent : function(obj, type, fn) {
if (obj.addEventListener) {
obj.addEventListener(type, fn, false);
}
else if (obj.attachEvent) {
obj["e"+type+fn] = fn;
obj[type+fn] = function() { obj["e"+type+fn]( window.event ); }
obj.attachEvent("on"+type, obj[type+fn]);
}
}
}
gal.addEvent(window,'load', function() {
gal.init();
});
//]]>
</script>

Step 5 : Now simply Save Template

Step 6 : Now go to the Layout section and Add A Gadget, Select HTML/Javascript

Step 7 : Now copy the below code and paste in into HTML/Javascript

<div style="position:relative;">
<ul id="image-gallery">
<li><img src="IMAGE-URL1" /></li>
<li><img src="IMAGE-URL2" /></li>
<li><img src="IMAGE-URL3" /></li>
<li><img src="IMAGE-URL4" /></li>
<li><img src="IMAGE-URL5" /></li>
</ul>
</div> 

Save your widget and save your settings and see the changes...

 

How To Change The Evo Wingle Wifi Password

How To Change The Evo Wingle Wifi Password

Sometime we need to change the password of our Evo Wingle Wifi, we do it to avoid the others to connect your device. Because we get very slow internet speed on many connected users in one connection. So i will tell you that how can we easily change the password of Evo Wingle Wifi. Follow these simple steps.

Step 1 : Connect your Evo Wingle to your PC , Laptop. Click on Connection Setting and give the username and password that will be username : admin | password : admin

Step 2 : After logging in click on WLAN tab on the left sidebar, then select WLAN Basic Setting , Now you will see WPA-pre shared key at the end of page, you will see a box front of it written below Show Password option. You can select Show Password option to see your password or you can change it. After the end save your setting by clicking on Apply.

How To Display An External RSS Feed On Your Site

 

How To Display An External RSS Feed On Your Site



Have you seen other bloggers who display their own blog's feed on their site. You want to do it too for extra promotion and traffic. Well here is tutorial for you. Simply paste the following code in anywhere in your theme.

<?php include_once(ABSPATH.WPINC.'/feed.php');
$rss = fetch_feed('http://feeds.feedburner.com/pkchatmaza');
$maxitems = $rss->get_item_quantity(5);
$rss_items = $rss->get_items(0, $maxitems);
?>
<ul>
<?php if ($maxitems == 0) echo '<li>No items.</li>';
else
// Loop through each feed item and display each item as a hyperlink.
foreach ( $rss_items as $item ) : ?>
<li>
<a href='<?php echo $item->get_permalink(); ?>'
title='<?php echo 'Posted '.$item->get_date('j F Y | g:i a'); ?>'>
<?php echo $item->get_title(); ?></a>
</li>
<?php endforeach; ?>
</ul>

 

How To Create A Page That Shows Random Posts

How To Create A Page That Shows Random Posts

Have you ever been to a site and saw this cool feature ? They have a link in their top navigation to something like Stumble, or Read random articles, or some other creative text. When you click on that link, it takes you to the page that one random page. Each time you refresh, you are delivered with a new post. Well this trick is just for you then.

You will need to follow the trick # 1 in this article to create a custom page template. And simply paste this code into there.

<?php
query_posts(array('orderby' => 'rand', 'showposts' => 1));
if (have_posts()) :
while (have_posts()) : the_post(); ?>

<h1><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h1>

<?php the_content(); ?>

<?php endwhile;
endif; ?>

This a simple wordpress loop that is running in a query to display random posts and the number 1 in there is telling wordpress to only show 1 post. You can change that number, but most of the time people do it one post a time.