Kevin Leary has shared some of the hacks he did to perform the aforementioned abilities in one of his articles; one of them involves building a network navigation menu. Below is a snippet of the code:

Simply paste this in your theme’s functions.php file.

You can use it in your theme by calling its wp_list_sites() function.

Cool, huh? Find out more about the rest of his WordPress hacks here!

Incoming search terms for the article:

• network menu in wordpress

1. Ninja UI – This plugin is one big pack of web interface:  it has buttons, icons, tooltips, sliders, and more!  Its design gets plenty of rave reviews for being beautiful, efficient and unobtrusive.

 

2. Mobiscroll – This one is optimized for touchscreen devices. Although it’s mainly used for scheduling tasks, dates, and appointments, it can also be used for other values such as images. It also works well as a dropdown list alternative. Check out its demo.

 

3. Elycharts – A pure Javascript charting library, this one is easy to use and completely customizable. With this you can create interactive charts with key features such as legend and label support, mouse tracking, tooltips, and animation. It doesn’t require any client side plugins like Flash or Java, and runs on the client browsers so installation isn’t necessary. View the demo here.

 

4. Timelinr – Thanks to its customizable layouts, speed, and transparency, you can say goodbye to boring old timelines. Check out its demo.

 

5. jQuery.fracs – This impressive plugin helps determine the visible fractions of an element that is currently in the viewport. It allows users to easily skip through different sections of a website, making it ideal for one-page websites. Get a load of the demo.

 

6. PikaChoose – This extremely lightweight jQuery slideshow plugin integrates smoothly with jCarousel and has API hooks for lightbox and Fancybox integration too.

 

7. Blueberry –  This image slider plugin was written specifically to work with responsive web layouts. Enjoy its responsiveness here.

Incoming search terms for the article:

• jquery
• fancybox touch screen overflow
• jquery plug-ins
• jquery jazzy layout
• jquery html5 graph plugin -jqchart
• jquery plugin photo
• jquery eye-catching
• jquery eye catching
• jquery detect flash plugin
• 7 jquery keith

Below is a simple tutorial by Queness.com that might be very useful in your site promotion. This will let you show a modal window and display content of DIV #ID.

HTML code and A tag attributes

<!– #dialog is the id of a DIV defined in the code below –>

<a href=”#dialog” name=”modal”>Simple Modal Window</a>

<div id=”boxes”>

<!– #customize your modal window here –>

<div id=”dialog”>

<b>Testing of Modal Window</b> |

<!– close button is defined as close class –>

<a href=”#”>Close it</a>

</div>

<!– Do not remove div#mask, because you’ll need it to fill the whole screen –>

<div id=”mask”></div>

</div>

CSS code

<style>

/* Z-index of #mask must lower than #boxes .window */

#mask {

position:absolute;

z-index:9000;

background-color:#000;

display:none;

}

#boxes .window {

position:absolute;

width:440px;

height:200px;

display:none;

z-index:9999;

padding:20px;

}

/* Customize your modal window here, you can add background image too */

#boxes #dialog {

width:375px;

height:203px;

}

</style>

Javascript

<script>

$(document).ready(function() {

//select all the a tag with name equal to modal

$(‘a[name=modal]‘).click(function(e) {

//Cancel the link behavior

e.preventDefault();

//Get the A tag

var id = $(this).attr(‘href’);

//Get the screen height and width

var maskHeight = $(document).height();

var maskWidth = $(window).width();

//Set height and width to mask to fill up the whole screen

$(‘#mask’).css({‘width’:maskWidth,’height’:maskHeight});

//transition effect

$(‘#mask’).fadeIn(1000);

$(‘#mask’).fadeTo(“slow”,0.8);

//Get the window height and width

var winH = $(window).height();

var winW = $(window).width();

//Set the popup window to center

$(id).css(‘top’,  winH/2-$(id).height()/2);

$(id).css(‘left’, winW/2-$(id).width()/2);

//transition effect

$(id).fadeIn(2000);

});

//if close button is clicked

$(‘.window .close’).click(function (e) {

//Cancel the link behavior

e.preventDefault();

$(‘#mask, .window’).hide();

});

//if mask is clicked

$(‘#mask’).click(function () {

$(this).hide();

$(‘.window’).hide();

});

});

</script>

Launching the modal window with JS

$(document).ready(function () {

//id is the ID for the DIV you want to display it as modal window

launchWindow(id);

});

• If you want to close the modal window by pressing any key, you can add these functions:

$(document).keyup(function(e) {

if(e.keyCode == 13) {

$(‘#mask’).hide();

$(‘.window’).hide();

}

});

This simple tutorial can  make a big difference in your website, and you can also customize this according to the web developer and display it in your image gallery and in iFrame.

Check the demo of this tutorial HERE.

Incoming search terms for the article:

• jquery modal
• jquery modal window
• jquery window
• html5 modalwindow
• jquery modal dialog
• wordpress modal dialog
• modal box in jquery forcetree com
• light jquery modal dialog
• jquery ui modal zindex
• jquery simple jquery modal iframe jquery modal

To avoid this, it’s better to use a script that will display the year based on the first post and last post year. This way, you will have to never worried about updating the year.

First, please open our beloved functions.php under themes folder, and put this code below in the bottom:

You can modify this section if you want to put in another word before the text:
$copyright = “& my footer copyright – “

To use this function, you can put this function anywhere you want to use this tag:

In my wordpress blog, I want to put this in my footer, so I edit my footer php as follows:
This results in:

Incoming search terms for the article:

• how to put copyright
• auto update year in a flash website
• commentluv logo design
• copyright year auto update
• flash copyright auto update year

To disable turning  URLs from comments into actual links, go to your admin area and then navigate to Appearance -> Editor.

Select the functions.php file from the right column and add the following line just above the closing php tag ( ?> ):

remove_filter(‘comment_text’, ‘make_clickable’, 9);

URLs pasted in your comments will not be turned into actual links anymore

This below picture is showing that visitors is able to click the URL, since spammers like to provide their links for their personal gain, so we can avoid it by above workaround.

By editing the functions.php, the link is not able to be clicked by visitors, below is the screen shot for more clarification.

Incoming search terms for the article:

• wordpress orevent url in comment_text
• jcollapsible
• spammer urls
• spammers in comment section

Sometimes, there are portions of site that may not suitable for the random public.
Now, there’s a cool trick to hide part of your article but still can be seen by a member who is “logged-in”! Don’t be confused though; this trick does not hide the whole article but only portions that you want.

Changing the WordPress core files can be a real hassle, and really should be left alone to a expert user. So we should avoid that nightmare, and take advantage of function.php instead.

Functions.php is a useful thing from WordPress template file. This file can be used as a way to add
your own functions to WordPress themes just like a plugin to your theme. If you don’t find function.php in your theme folder, you can just create it from a blank file.

below is the script you can add to your function.php

After that, enter the following tag code [hide] to the section that you want to hide.

Examples like this: [hide] section or paragraph you want to hide [/ hide]

Anything inside [hide] and [/hide] will not visible to public, so you can safely hide any sensitive content from public.

What the reader that is ‘logged in’ will see…

And what a reader that is logged out will see…

And if you don’t want to hide a fraction of your content but rather the entire article or blog, WordPress has a nice and simple plugin for this!

http://wordpress.org/extend/plugins/force-user-login/

This plugin forces users to login before viewing any content. The installation is very easy and doesn’t need any detail configuration.

Incoming search terms for the article:

• wp hide content for logged out users
• wordpress plugin hide content non login user
• wordpress hide sections from non users
• to hide
• hide wordpress login#
• hide twitter from non users
• hide to non login users wp
• hide section for registered user wp
• hide section blogger
• hide non member login php file on wordpress

Ever visited a blog, and wish you can IM that blogger right away to ask a quick question? Well… now you can!

This little widget allows you to alert your readers when you are signed on, and ready for quicky conversations on Yahoo Messengner. This is just another great way for you to keep in touch with your readers!

By signing into your yahoo messenger application, it will automatically show your Yahoo Online status in your blog.

Below is the tutuorial how to set this up:

1. Login into your blog dashboard and add Gadget / Wideget HTML / Javascript.

2. Copy and Paste this code below:

3. Change  “your-yahoo-id” to your Yahoo Messenger UserID

4. Save your Gadget

5. You also can customize the Yahoo Messenger Status Icon in your blog, by simply changing number in t=1  to the number that you want.

Note: t number range 1 to 24

Below is the Yahoo Messenger Status Icon broken down in sets of 5

Code t=1 thru t=5                                                                      Code t=6 thru t=10

Code t=11 thru t=15                                                                  Code t=16 thru t=20

Code t=21 thru t=24

Enjoy!

Incoming search terms for the article:

• yahoo messenger online
• cakephp yahoo messenger
• website yahoo status icon template
• add site icon yahoo online
• icons to customize your yahoo messenger online status
• yahoo online indicator cakephp
• yahoo messenger online status html code
• how to put yahoo messenger status in html5
• online indicator into your website/blog
• javascript display im status for yahoo

Now, it is easier than ever to add the Facebook famous “Like”/”Recommend” to your posts and increase your blog popularity. The “Like” button allows users to share their ‘like’ of your WordPress Blog with their friends on Facebook.

Every time a user clicks on the “Like” button on your blog, it creates a status update on the user’s Facebook News Feed with a link back to your WordPress Blog.

Here is how you do it:

1.       Login as administrator to the WordPress admin panel.

2.       Go to Appearance -> Editor.

3.       Place the following code wherever you want the like button to appear:

<iframe src=”http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink($post->ID)); ?>&amp;layout=standard&amp;show_faces=false&amp;width=350&amp;action=like&amp;colorscheme=light” scrolling=”no” frameborder=”0″ allowTransparency=”true” style=”border:none; overflow:hidden; width:350px; height:25px”></iframe>

4.       Save the changes, and the final result should look like this:

Incoming search terms for the article:

• like button
• facebook style
• facebook like
• add news facebook code
• status likes for facebook codes
• wordpress admin panel
• facebook like button
• ajax iframe facebook
• facebook like button wordpress
• add facebook like button to wordpress

Fructose isn’t production ready yet, but you’re free to poke around and try it out over at the GitHub repository.

Website: http://www.fructoselang.org

Incoming search terms for the article:

• Fructose ruby
• fructose
• ruby fructose
• compile ruby
• compile ruby in php
• fructose for grails#sclient=psy-ab
• Now compile Serotonina without dipendencies
• ruby fructose cakephp

<?php
function save_image($inPath,$outPath){
	//Download images from remote server
    $in=    fopen($inPath, "rb");
    $out=   fopen($outPath, "wb");
    while ($chunk = fread($in,8192))
    {
        fwrite($out, $chunk, 8192);
    }
    fclose($in);
    fclose($out);
}
save_image('http://graph.facebook.com/100000881073253/picture','facebook.jpg');
save_image('http://a0.twimg.com/profile_images/457031171/favicoblogfreakz_bigger.png','twitter.jpg');
?>

Alternatif code

If you have allow_url_fopen set to true:

$url = 'http://example.com/image.php';
$img = '/my/folder/flower.gif';
file_put_contents($img, file_get_contents($url));

Else use cURL:

$ch = curl_init('http://example.com/image.php');
$fp = fopen('/my/folder/flower.gif', 'wb');
curl_setopt($ch, CURLOPT_FILE, $fp);
curl_setopt($ch, CURLOPT_HEADER, 0);
curl_exec($ch);
curl_close($ch);
fclose($fp);

Source : http://stackoverflow.com/questions/724391/save-image-from-php-url-using-php

Incoming search terms for the article:

• php save image from url
• save image from url php
• php download image from url
• save image from php url using php
• download image from url php
• save image from url using php
• php save image
• save image url php
• php fopen download image
• save image from url in php