You may find his methods quite handy if you ever encounter any one of these following scenarios:

• You get a blank screen when you log into your WP Admin after installing a plugin.
• You get an error after editing some PHP code from the plugin or theme editor, which then prevents you from accessing the WP Admin.
• You installed a WordPress security plugin that locked you out of WP Admin.

Anyway, you can check out his video here:

Incoming search terms for the article:

• blog comments on best WordPress Developer
• deactivate wordpress plugin without wp admin access
• Design wordpress plugins
• inurl:/wp-admin
• locked out of wp admin after installing plug in
• techgadge/wp-admin
• wp-admin

Click on the image for more info on the widget.

Customization features include showing/hiding the image description, setting the height and width of the thumbnails, and placing 4 different “Follow Me on Pinterest” buttons at the bottom of your list. With CSS, you can also set the size of the images.

This plugin is heavily based on Yorik van Havre’s Image Feed Widget plugin and also utilizes the timthumb PHP script for image resizing. Enjoy!

Incoming search terms for the article:

• pinterest rss widget
• images in rss wordpress
• tutorial css pinterest
• rss widget with images
• rss widget tool dispay image
• rss pinterest a web en php
• pinterest wordpress themes
• pinterest widget for wordpress
• pinterest widget for web
• pinterest rss feed with php

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:

• wordpress network menu
• wp_list_sites
• build a network navigation menu
• function wp_list_sites
• function wp_list_sites( $expires = 7200 )
• network menu in wordpress
• network navigation menu wordpress
• wordpress network

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
• jquery eye catching
• jquery plugins
• fruits images 200 x200
• fancybox touch screen overflow
• eye catching plugin
• jquery plugin photo
• jquery eye catch
• one big blueberry
• jquery eye cathing

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 modal iframe
• jquery window
• jquery modal dialog
• html5 modal dialog box with css and id
• modal dialog html5
• html5 modalwindow
• modal jquery
• name modal window

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
• appearance of comments
• cakephp JCOLLAPSIBLE
• comments section
• 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
• php code hide
• wordpress hide sections from non users
• to hide
• this Hide();
• wordpress plugin hide content non login user
• html page hide sections for non registered users
• hide wordpress login#
• hide twitter from non users
• hide to non login users wp

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 custom icon online messenger javascript
• yahoo messenger online
• display yahoo!messenger icon on your website
• cakephp yahoo messenger
• how to display messenger status online
• ym chat icon jquery
• yahoo messenger online status indicator for blog
• yahoo online indicator cakephp
• how to show yahoo messenger in blog
• icons to customize your yahoo messenger online status

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 like
• facebook style
• wordpress admin panel
• facebook like button
• status likes for facebook codes
• add news facebook code
• facebook admin panel
• facebook plugins like button
• current new facebook style