13 June 2014, 8:23 pm

By PlusCSS.

RSS Aggregator Scripts are web applications which aggregates syndicated web content such as online newspapers, blogs, podcasts, and video blogs (vlogs) in one location for easy viewing.

There are few scripts that act as RSS Aggregator and we will introduce some of them in this article.

RSS Aggregator Pro

RSS Aggregator Pro help you build your news and video site easily with its grabbing function that lets you import rss feeds content and youtube channels videos to your site easily and in flexible way with the help of the strong and full-featured system.

PHP RSS Reader

PHP RSS Reader provides you with a powerful PHP news aggregator script, designed to aggregate RSS feeds and display them in an intuitive format.

PHP RSS Reader script is a great way of allowing your users to view multiple RSS feeds on one page, making your website the news portal that users want to return to time and time again.

Rnews Feed Aggregator script

Flexible and Easy:

• Step-by-step web install and upgrade interface.
• Supports multiple users, and an optional default user for public-viewable feeds.
• A toolbar collects common actions for managing articles.
• Feed title and other information is auto-imported from the feed.
• Context-sensitive keyword search of article headlines and content.
• Add feeds using bookmarklets, a Firefox extension, or register Rnews as a Feed handler in Firefox.

Viewing Feeds:

• Feed scoring based on your viewing statistics — helps you cull uninteresting feeds, or sort by most popular.
• Block, wide-block, and list views of articles. Sort by name or score.
• Filter feeds to only show those with unread articles.
• Show article snippets beside the headlines for fast scanning.
• Mark articles as favorites to easily find them later and protect from deletion.
• User-configurable display of icons (for sites that have them).
• Categories — view all feeds at once, by category, or individually.
• Shows a configurable number of links — helpful for feeds that give only a small number of stories, or catching up when you’ve missed a few days.
• Can force update of feeds, overriding the default feed timeouts.

Interoperability:

• Supports Atom and RSS feed formats, with heuristic fixes for broken feeds.
• OPML import/export for easy sharing of subscriptions between news readers.
• Supports database table prefixes to accomodate web hosts that provide only one database.

Screenshots Download

RSS Aggregator – Niche RSS Site Builder

RSS Aggregator is a RSS Feed Content Site Builder to Create an Instant and Automatic Niche Money Making website or you can even use it as your Personal Google RSS Reader with your favorite blog/rss feed collections.

Furthermore, RSS Aggregator is user-friendly, responsive, and customizable for any niche or use as your personal rss google reader

Installation is very simple, just upload the extracted downloaded files, run the install to setup the script and save. Login to the admin panel and start adding some categories and rss feeds.

RSS Aggregator Script

RSS Aggregator Script helps you build your rss-based website easily.

depending on grabbing items from rss feed and storing it to database.

Feedz RSS Reader

Feedz RSS Reader fetches RSS feeds from as many sites as you want and display them on one page. Please see the live preview to see it in action.

RSS Mobile CMS

This is an Mobile Application with an built in RSS-reader and CMS.

You can easily add as many RSS-Feeds you want and configure everthing from the Admin Backend without writing any code at all.

Autoblog – effortless blog posting.

This script is an automatic blogging script that uses RSS feeds to automatically make posts. This script will allow you to post diverse and new content to your website without effort using just a single PHP script. You simply need to enter the link of an RSS feed (and add it to a category if you wish) and the script will do the rest.
We use a autodiscovery script that will find RSS URLs from ordinary web pages, even YouTube channels!
You can also add your own posts and edit posts with the provided rich text editor.

The post RSS Aggregator Scripts (Feeds Readers) appeared first on PlusCSS.

12 June 2014, 6:29 am

By PlusCSS.

JQuery is one of the most popular JavaScript libraries. Indeed, almost every website depends heavily on jQuery. No wonder that web designers all over the world have found jQuery to be such a critical tool that the importance of jQuery image and content sliders to modern web design cannot be overstated.

While there’s nothing better than to code your own slider to your customized requirements, this is both relatively difficult and time consuming.

So it really helps if you could get some the coolest existing jQuery Silders Plugins and work with them.

With these plugins, you’ll get a much better idea of the codes being used, which helps greatly in case you wish to code from the scratch. We discuss some of the best jQuery Sliders Plugins, which you may use immediately to create some really fabulous web designs. Do read on!

Basic jQuery Slider

This free plugin is not only simple to use, customize and to theme, but also very lightweight. It does not have too many features, and is quite minimal, so that designers can use it to customize very quickly and easily. It has as many as 17 options to customize, and requires jQuery, plugin js and plugin css to function.

LayerSlider

LayerSlider is one of the best selling jQuery multi-purpose slider plugins, which is just terrific for creating some of the finest slideshows, image galleries and content sliders. It comes with over 200 preset 2D as well as 3D slide transitions. It’s completely mobile devices friendly as enables multiple layouts, responsive modes and touch gestures, besides enabling the highest performance using the Lazy Load technique. It’s highly SEO friendly and comes with as many as 13 built-in skins, plus with the ability to customize appearance and behaviour. The designer may add any content, such as, images, text. YouTube videos or any self hosted HTML5 content to the LayerSlider as well.

Flux Slider

Flux Slider is another great option for a free jQuery Slider plugin, which is supported by all important browsers and top selling mobile devices. Both 2D and 3D transitions are supported by this. It comes equipped with as many as 6 options and 7 methods to navigate through images. The drawbacks with the Flux Slider are that, it has poor hardware acceleration, which makes it a little jerky on devices that run on Android, and it runs only on CSS3 supported browsers.

Royal Slider

One of the easiest jQuery image gallery and content slider plugins, which comes with a responsive layout, animated captions as well as touch support for mobile devices, Royal Slider is one of most popular jQuery slider plugins available. It uses thumbnails, tabs and bullets for navigation and uses the best of HTML5, CSS3 transitions for animation. It may be used as an image slider, HTML content slider, gallery, video gallery, slideshow, banner rotator, video gallery or even as a presentation. The Royal Slider is highly stable, accessible and high performance based, and can be used on almost any device without a hitch. It is very fast as it doesn’t come with too many transition effects, and also because it excludes the non-essential stuff from JavaScript.

WOW Slider

A freely available jQuery slider plugin, which as it’s tagline suggests, is just an “awesome slider for non-coders”. It comes with some really beautiful skins and one would be amazed with its killer effects. It is highly responsive and works great with most mobile devices because of its terrific touch and swipe suppprt. It is very friendly for search engines, and works well on CSS3 supported browsers.

UnoSlider

UnoSlider is a jQuery content slider plugin that is very popular for having UNLIMITED transition animations. It is also great with all mobile devices as it is touch enabled, and comes with a mobile optimized interface. It is highly responsive, and works on all major browsers, even on older browsers such as Internet Explorer 6 and 7. It also comes with many cool animated layers.

Likno Web Scroller Builder

Likno Web Scroller Builder is an excellent application with a WYSIWYG interface, which is just great for creating jQuery content sliders, image sliders and video sliders, both horizontal and vertical. The great thing about it is that it is absolutely free and still supports many population methods such as DIVs, UL/LI, XML, RSS, Flickr and Picasa. It comes equipped with several sets of navigation bars, bullets and arrows, as well as with several pre-set examples. It also has exemplary sliding effects and an excellent touch support which enables it to work well on most mobile devices. It can work on most browsers as well because of its highly adaptive cross-browser and cross-CMS capabilities.

jQuery Carousel Evolution

This is one of the top selling jQuery plugins that creates a most powerful carousel slider using an HTML markup. It supports an excellent screenshot slider, and is terrific for image and YouTube or Vimeo based videos. Also available with it is a very utilitarian API, which really adds on to the functionality of the carousel. It creates as many as 9 different styles of carousel, and also creates a fantastic shadow image automatically. It is also highly SEO friendly and supports almost an unlimited number of images. Navigation is very simple and efficient.

Camera Slider

The great thing about this free jQuery Slider plugin is that it comes with more than 30 highly customizable options, and gives excellent support for multiple skins. It also has 4 callback functions and gives excellent support for date attributes.

Fancy News

Fancy News is an outstanding jQuery plugin that helps you create an excellent news slider. It is all the more terrific because it’s quite affordable and moderately priced. It can be easily customized and is a pleasure to use. It is possible to add a limitless number of news items along with thumbnails if the news is short enough, and with an additional scrollbar, which is added automatically, if the news posts are long. You may also make use of your own RSS feed as well.

The post 10 Outstanding JQuery Slider Plugins appeared first on PlusCSS.

27 May 2014, 10:40 pm

By PlusCSS.

When your business grow and the number of your customers increase, you have to find an easy way to support them and assist them when they request.

This Article reviews some Awsome premium ticket system scripts (HelpDesk) that is used to support customers with a new techniques and simple interfaces.

HelpDesk Ticket System Scripts

MoonLight Bootstrap Responsive Ticket System

MoonLight presents the most complete and easy to use support system ever!
Simply upload everything on your server, install the helpdesk and start supporting your customers

CrocDesk – Help Desk Solution

The all in one solution contains: live chat with pro active, auto responds, SMS service, departments and much more. Support ticket system with email piping, attachments, cron jobs, unlimited departments and operators. Frequently Asked Questions database with unlimited categories and one web project. Client management with integrated api for easy integration into your current website. Everything can be embed into your website with just copy a provided code from the operator panel.

Responsive Bootstrap Support Ticket System

A proffesional support ticket system built on the Twitter Bootstrap framework.
Responsive layout and clean design for those who like their clients to get easily in touch with them and fully satisfy them.

SkyDesk Ticket Management System

SkyDesk is a tiny but yet powerful ticket management system crafted using the beautifully Bootstrapframework together with PHP and MySQL.

Support Centre – PHP Ticket System

The Support Centre provides you with an advanced ticket system that allows you to communicate with your users in a organized environment. User’s can register for an account or create tickets as guests to communicate with your support team. The Support Centre also allows you to easily translate the system into any language by modifying the language files. You can modify many elements in the Admin Panel, including adding your own Twitter Account, Envato Product checking and much more!

The Support Centre also comes with a Knowledge Base that allows you to create helpful articles for your users. It uses a WYSIWYG editor to help article writers create appeasing content that can make sure your users get the support they deserve.

Tickets

Tickets is a full featured, yet easy to use help-desk ticket support system.
It is great for users and businesses who wish to keep track of and manage support requests online.
You can create multiple users, search tickets, convert POP3 emails into tickets, create custom priorities and much much more.
Tickets has been designed to be easy to install and all config files and database files are created during the install. You simply need a web hosting account and one free MySQL database (no programming is required).

The post Awsome HelpDesk Ticket System Scripts appeared first on PlusCSS.

25 May 2014, 11:08 pm

By PlusCSS.

WordPress is very popular CMS and the most used CMS for individuals and business because of its huge number of plugins and themes and also for its flexibility and ease of adaptation.

This post expose some new and worthy wordpress magazine themes which change the wordpress from just a blog to a full-featured magazine CMS.

New WordPress Magazine Themes

Square – Responsive Multi-Purpose Theme

Square is an endless, responsive, highly customizable theme which supports a wide variety of content. Change everything to your own taste and post whatever you want. It’s up to you!

Focus News & Magazine WordPress Theme

Focus Responsive WordPress Theme is really creative, feeling very gentle and delicate are what This WordPress template will bring to your Magazine sites, Blogs Site, news site It is specially designedthat will work great for travel agencies, travel and city guides, review website. And This is first theme built in our Wordpres Framework Theme With Bootstrap 3 that to make fully responsive theme that works perfect on all kind of resolutions as well for mobile, tablet, desktop having medium and large screen.

With powered by the framework the theme support you many great tools to customize theme via using Live Theme Editor, Auto loading custom css files support you creating unlimited of theme profiles without code very easy and simple and a lot of great features you will love.

Headline News – Clean and Modern Magazine Theme

Headline News is a WordPress theme with a clean design and modern look. It is well suited for magazine, news, editorial, blog, photography or review site.

Mag4u – Responsive WordPress News, Magazine, Blog

Mag4u is a Clean Responsive Retina News, Magazine and Blog Theme, built with an HTML5 and Twitter Bootstrap v3.1

Morasel – Responsive News and Magazine WordPress

Morasel news is an WordPress responsive theme for news websites and magazine, it’s built with simple and clean design to make your online magazine easy to read and navigate, Morasel built with HTML5, CSS3, and Twitter Bootstrap, it’s well commented and easy to modify.

TeraNews – Responsive WordPress Magazine Theme

TeraNews is clean and modern WordPress theme suitable for magazines, newspapers and the blog websites. The theme is very flexible and super easy to use. It is packed with tons of features and unique custom widgets.

The theme is incredibly easy set up. Its very easy to customize the theme. You can use any color scheme you want, set unique colors for the categories, create unlimited sidebars, upload unique backgrounds for each page or post. Both experienced developers and users with no programming background can customize this theme with minimal effort.

Rigel Responsive Magazine Newspaper Theme

Rigel Responsive Magazine Newspaper Theme has Clean, Minimalist Design can be used for any blog, newspaper, editorial and magazine website.

Square Magazine WordPress theme

Square is a straightforward and feature-rich magazine WordPress theme. Square has been built by using some of the most popular current design trends as HTML5, CSS 3, jQuery. Fully responsive, it has really great look and is very attractive on any device.

With its professional layout, it’s easy to customize. Square can be set up quickly and easily, whether you’re an experienced developer or occasional blogger. It provides everything you’ll need to create a professional looking website.

NetMag – Clean Review Magazine Theme

NetMag is simple, lightweight and fast Google PageSpeed score is 89-91 out of 100 (tested on Nginx server with basic file and browser cache configured). It has minified css and javascript, balanced image sizes, optimized structure for search engines, and even more! Images will be replaced with lightweight copies for mobile devices!

Newsright – WordPress Premium HD News & Magazine

Newsright is a beautiful clean modern design and powerful admin options. Feature-rich WordPress premium HD (retina-ready) magazine news theme for all sorts of publishers. Great for review, news and blog sites, with video and slideshows. The Theme uses the best clean seo practices, it’s fast, simple and easy to use. We also support Responsive Google Ads.

Newsright is also compatible with WooCommerce and bbPress, on-click Theme Options, Resposnive design, unlimited layouts, different post layouts, , comes with over 500 Google Fonts, a Featured Slider on Homepage , Social Media integration and so much more!

Newsrightis ready to start working, out of the box, with a multitude of theme options, custom widgets and custom classes to help you personalize your environment. it is well suited for both beginners with no coding knowledge and developers.

The post New & Worthy WordPress Magazine Themes appeared first on PlusCSS.

24 May 2014, 12:29 am

By PlusCSS.

All websites should have a contact form, contact form is a necessary component for the website in order to keep your site dynamic and connect with your site’s users or visitors.

Let’s start creating our Responsive Ajax Contact Form

HTML Structure for responsive ajax contact form

first of all we should start with the HTML structure.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" />
<title>Responsive Ajax Contact Form</title>
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/responsive-grid.css" />
<link rel="stylesheet" href="css/style.css" />
<script src="js/jquery.js"></script>
<script src="js/ajax-contact.js"></script>
</head>
<body>
<div class="grid-container">
<div class="grid-100 mobile-grid-100 form-title"><h1>Responsive Ajax Contact Form</h1></div>
<div class="grid-100 mobile-grid-100 form-instructions"><p>Fill the fields below with your appropriate informations.</p></div>
<form id="ajax_contact" method="post" action="">
<div id="response" class="grid-100 mobile-grid-100"></div>
<div class="grid-100 mobile-grid-100 grid-parent form-row">
<div class="grid-30 mobile-grid-100 form-label">Name <span>(Required)</span></div>
<div class="grid-70 mobile-grid-100 form-input"><input type="text" id="name" name="name" class="grid-100 mobile-grid-100" /></div>
</div>
<div class="grid-100 mobile-grid-100 grid-parent form-row">
<div class="grid-30 mobile-grid-100 form-label">E-Mail <span>(Required)</span></div>
<div class="grid-70 mobile-grid-100 form-input"><input type="text" id="email" name="email" class="grid-100 mobile-grid-100" /></div>
</div>
<div class="grid-100 mobile-grid-100 grid-parent form-row">
<div class="grid-30 mobile-grid-100 form-label">Subject</div>
<div class="grid-70 mobile-grid-100 form-input"><input type="text" id="subject" name="subject" class="grid-100 mobile-grid-100" /></div>
</div>
<div class="grid-100 mobile-grid-100 grid-parent form-row">
<div class="grid-30 mobile-grid-100 form-label">Message <span>(Required)</span></div>
<div class="grid-70 mobile-grid-100 form-input"><textarea id="message" name="message" rows="5" class="grid-100 mobile-grid-100"></textarea></div>
</div>
<div class="grid-100 mobile-grid-100 grid-parent">
<div class="grid-100 mobile-grid-100 form-button"><input type="submit" id="contact_button" name="submit" class="grid-30 mobile-grid-100" value="Send Message" /></div>
</div>
</form>
</div>
</body>
</html>

this is the HTML structure for the responsive form where I used Unsemantic CSS Framework to adjust the dimensions of the form in order to fit all screen sizes.

the previous code will result :

CSS Style for responsive ajax contact form

body {
  background:#f5f5f5;
}
.grid-container {
  padding:20px;
  max-width: 600px;
}
.form-title {
  padding:20px 0;
}
.form-title h1{
  font-family:Georgia;
  font-size:24px;
  font-weight:bold;
  color:#666;
  line-height:30px;
}
.form-instructions p{
  font-family:Georgia;
  font-size:16px;
  font-weight:bold;
  color:#999;
  margin-bottom:20px;
  line-height:24px;
}
.form-row {
  padding:20px 0;
  border-bottom:1px dashed #ddd;
}
.form-label {
  font-family:Georgia;
  font-size:14px;
  font-weight:bold;
  color:#999;
  margin-bottom:5px;
}
.form-label span{
  font-family:Georgia;
  font-size:11px !important;
  font-weight:bold;
  color:#DD3D36;
  margin-bottom:5px;
}
.form-input input, .form-input textarea{
  padding:5px;
  border:1px solid #e5e5e5;
  color:#999;
}
.form-input input:focus, .form-input textarea:focus{
  border:1px solid #ccc;
}
.form-button {
  padding:20px 10px;
}
.form-button input{
  float:right;
  padding:5px 10px;
  border:1px solid #333;
  background:#444;
  color:#f5f5f5;
  font-family:Georgia;
  font-size:14px;
  font-weight:bold;
  cursor:pointer;
}
.error-result {
  padding:15px;
  background:#FBE8E8;
  border:1px solid #FCD2D2;
  color:#AC1111;
  font-family:Georgia;
  font-size:14px;
  font-weight:bold;
  margin:10px 0;
}
.success-result {
  padding:15px;
  background:#E0FFE4;
  border:1px solid #C5FCCB;
  color:#1F7C2A;
  font-family:Georgia;
  font-size:14px;
  font-weight:bold;
  margin:10px 0;
}

After adding the CSS styles to the HTML document, the form will become as the below :

JQuery functions to deal with the ajax contact form

Before adding the AJAX function that deal with the form values we should include the JQuery lib.

<script src="js/jquery.js"></script>

// validation for E-Mail value submitted by form.
function validateEmail(email) { 
var re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
return re.test(email);
} 

$(function() {
$("#contact_button").click(function() {
// form variables
var name = $("input#name").val();
var email = $("input#email").val();
var subject = $("input#subject").val();
var message = $("textarea#message").val();
var dataString = 'name='+ name +'&email='+ email +'&subject='+ subject +'&message='+ message;
// form validation
if(name=='') {
$("#response").html('<div class="error-result">Insert the Name Please.</div>');
return false;
} else if (email=='') {
$("#response").html('<div class="error-result">Insert The E-Mail Please.</div>');
return false;
} else if (!validateEmail(email)) {
$("#response").html('<div class="error-result">Please Insert a Valid E-Mail Address.</div>');
return false;
} else if (message=='') {
$("#response").html('<div class="error-result">Insert The Message Please.</div>');
return false;
} else {
$("#response").hide();
// AJAX functions
$.ajax({
type: "POST",
url: "ajax-contact.php",
data: dataString,
cache: false,
success: function(html){
if (html == 1) {
$("#response").html('<div class="success-result">Your Message Has Been Sent Successfully.</div>');
document.getElementById('ajax_contact').reset();
} else {
$("#response").html('<div class="error-result">Error Happened. Please Try Again Later.</div>');
}  
}
});
}
return false;
});
});

PHP Processing the form and submiting the message

The final step is the PHP one, that take the form variables and process them, re-validate them then submit the message using the built-in PHP mail() function.

You can send the message using SMTP with Swiftmailer, read : PHP SMTP Emails using SwiftMailer

// the E-Mail address that you want to recieve the message on.
$to_email = 'your-email@domain.com'; 
if (isset($_POST)) {
// recieve the form variables and secure them
$name = trim(strip_tags(addslashes($_POST['name']))); 
$email = trim(strip_tags(addslashes($_POST['email'])));
if (!empty($_POST['subject'])) {
$subject = trim(strip_tags(addslashes($_POST['subject'])));
} else {
$subject = 'Message From Contact Form';
}
$message = trim(strip_tags(addslashes($_POST['message'])));
// validate the form
if (empty($name)) {
echo 0;
} elseif (empty($email)) {
echo 0;
} elseif (empty($message)) {
echo 0;
} else {
echo 1;
// the message headers
$headers = "From: " . strip_tags($email) . "\r\n";
$headers .= "Reply-To: ". strip_tags($email) . "\r\n";
$headers .= "MIME-Version: 1.0\r\n";
$headers .= "Content-Type: text/html; charset=UTF-8\r\n";
// submitting the message using PHP mail() function
$send = mail($to_email, $subject, $message, $headers);
if ($send) {
echo 1;
} else {
echo 0;
}	
}
}

Final Thought

This tutorial gives you the basic lines to create your responsive ajax contact form but there are many other modifications and additional features that can be added to this final product.

The post Responsive Ajax Contact Form [PHP - JQuery] appeared first on PlusCSS.

23 May 2014, 8:00 pm

By PlusCSS.

This Post produce some JQuery Plugins for tables that will help you deal with the complex data with a varity of display settings and options such as : sort, filter, paginate .. etc.

Some JQuery Plugins for Tables

FooTable

FooTable is a jQuery plugin that aims to make HTML tables on smaller devices look awesome – No matter how many columns of data you may have in them.

Have you ever wanted to show a lot of data in a table, but hate how badly it scales on smaller mobile devices? The FooTable jQuery plugin solves this problem by allowing you to hide certain columns on smaller devices, but still allowing the user to expand each row to see the columns that were hidden.

JQuery DataTables

DataTables is a plug-in for the jQuery Javascript library. It is a highly flexible tool, based upon the foundations of progressive enhancement, and will add advanced interaction controls to any HTML table.

JQuery Table

This plugin helps you to create the table very simple

Features

• multiple color
• resizeable column
• sortable column
• custom column
• toolbar button
• load json object
• ajax load json file
• ajax load xml file
• support local filter
• support local pagination
• support server filter
• support server pagination

PicNet Table Filter

This jQuery plugin adds real time Google-like column filtering capabilities to a regular Html table.
The PicNet Table Filter is used in production in several PicNet projects so it has been tested production ready. The table filter was born out of our Visual Analytics (Mouse Eye Tracking) project and has received great feedback.

tQuery – Dynamic tables

tQuery makes simple HTML tables dynamic. The script combines power, flexibility and easiness. It offers great design customization, supports multiple formats for column sorting and make exporting and importing data easier.

WATable

A swiss army jQuery table plugin
Filter, format, paginate and sort your data with ease and lightning speed. Go ahead…give it a go!

TableSorter

TableSorter is a jQuery plugin for turning a standard HTML table with THEAD and TBODY tags into a sortable table without page refreshes. tablesorter can successfully parse and sort many types of data including linked data in a cell.

The post JQuery Plugins for Tables appeared first on PlusCSS.

22 May 2014, 7:58 pm

By PlusCSS.

Analytics is very important to track traffic and getting targeted keywords that help you increasing hits as well as sales to some extent. There are many resources over the web to track traffic and getting targeted keywords however don’t you think it’s very convenient if you have these things in your WordPress dashboard.

Some Free WordPress Analytics Plugins

In this post we are going to review some of free wordpress analytics plugins that helps to track your site’s actions such as; visits, visitors, visitors sources, pageviews, refferers, search keywords .. etc.

Google Analytics Dashboard for WP

Google Analytics Dashboard for WP Displays Google Analytics Reports and Real-Time Statistics in your Dashboard. and Automatically inserts the tracking code in every page of your website. It can also Place analytics in widget at the blog’s front-end.

gAnalytics

Google Analytics is a widely used web statistics tool from Google. gAnalytics plugin brings the key statistics right into your WordPress dashboard. We studied what analytics data is tracked by WordPress admins frequently. We put those data using colors and graphs for you to easily understand what you need.

Google Analytics for WordPress

Google Analytics for WordPress from yoast.com gives you the ability to track your WordPress site easily and with lots of metadata: views per author & category, automatic tracking of outbound clicks and pageviews.

Google Analyticator

Google Analyticator Adds the necessary JavaScript code to enable Google Analytics. Also it includes widgets for Analytics data display.

Analytics360

Analytics360 plugin allows you to pull Google Analytics and MailChimp data directly into your dashboard, so you can access robust analytics tools without leaving WordPress.

Web Tracker for WordPress

Web Tracker is an accurate and great looking plugin that will help you track all visits on your WordPress website.

Piwik Analytics

This is a basic wordpress plugin for the excellent Piwik web Analytics tool. It adds the piwik javascript code into every page of your weblog, so you don’t have to code PHP to add it to your templates.

The post 7 WordPress Analytics Plugins appeared first on PlusCSS.

14 May 2014, 2:55 pm

By PlusCSS.

a HTML DOM parser let you manipulate HTML in a very easy way and supports invalid HTML.
also can find tags on an HTML page with selectors just like jQuery.

How To Extract HTML Using PHP Simple HTML DOM

Download The Code

the code is free and open source with MIT license to use it freely in your personal and commerical projects.

Download PHP Simple HTML DOM

Code Usage

let’s take this web site as an example (http://www.pluscss.com).
we should include the library first.

include('simple_html_dom.php');

Then we will define the site that we are going to extract the HTML from.

$html = file_get_html('http://www.pluscss.com');

Then, Let’s search for all images in the index of http://www.pluscss.com

foreach($html->find('img') as $img) {
        echo $img->src . '<br>';
}
/* it will result something like :
common/images/logo.png
upload/slider/1389582835.jpg
upload/slider/1384787160.jpg
imageprocessor.php?src=./upload/products/70061389577558.jpg&w=290&h=160&q=80&mode=stretch
imageprocessor.php?src=./upload/products/75721381286020.jpg&w=290&h=160&q=80&mode=stretch
imageprocessor.php?src=./upload/products/79131381417480.jpg&w=290&h=160&q=80&mode=stretch
imageprocessor.php?src=./upload/posts/67661388955737.jpg&w=100&h=65&q=100&mode=stretch
imageprocessor.php?src=./upload/posts/25331388744591.jpg&w=100&h=65&q=100&mode=stretch
imageprocessor.php?src=./upload/posts/80581388644743.jpg&w=100&h=65&q=100&mode=stretch
imageprocessor.php?src=./upload/posts/35141388387304.jpg&w=100&h=65&q=100&mode=stretch
imageprocessor.php?src=./upload/posts/80441387953862.jpg&w=100&h=65&q=100&mode=stretch
imageprocessor.php?src=./upload/posts/10611387409811.jpg&w=100&h=65&q=100&mode=stretch
*/

let’s take another example, we will search for ul list with the class main-menu and then fetch it’s items :

foreach($html->find('ul.main-menu') as $ul) {
    foreach($ul->find('li') as $li) {
        echo $li->innertext . '<br>';
    }
}

another example to find all meta tags that have the property name (exclude the meta that don’t have the property name)

foreach($html->find('meta[name]') as $meta) {
    echo $meta->name.' : '.$meta->content . '<br>';
}
/*
the result will be : 
description : pluscss.com provides scripts for php sql css jquery ajax web techniques along with articles and tutorials
keywords : scripts,php,sql,css,jquery,ajax,web techniques,articles,tutorials
author : PlusCSS
generator : PlusCSS
*/

you can also read the full documentation at http://simplehtmldom.sourceforge.net/manual.htm

The post Extract HTML Using PHP Simple HTML DOM appeared first on PlusCSS.

14 May 2014, 2:50 pm

By PlusCSS.

This post define how to create ajax like script with JQuery, PHP and MySQL. using IP address to prevent the duplication.

First of all we will create the database tables.

-- items table
CREATE TABLE IF NOT EXISTS `items` (
  `id` int(12) NOT NULL AUTO_INCREMENT,
  `item` varchar(255) NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=MyISAM  DEFAULT CHARSET=utf8 AUTO_INCREMENT=11 ;

-- likes table
CREATE TABLE IF NOT EXISTS `likes` (
  `id` int(12) NOT NULL AUTO_INCREMENT,
  `ip` varchar(40) CHARACTER SET latin1 NOT NULL,
  `item_id` int(12) NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=MyISAM DEFAULT CHARSET=utf8 AUTO_INCREMENT=1 ;

and we will insert some data to test it.

INSERT INTO `items` (`id`, `item`) VALUES
(1, 'Genteel women suppose that those things do not really exist about which it is impossible to talk in polite company. '),
(2, 'Behind all their personal vanity women themselves always have an impersonal contempt for woman.'),
(3, 'Ah women. They make the highs higher and the lows more frequent.'),
(4, 'Women are considered deep - why? Because one can never discover any bottom to them. Women are not even shallow.'),
(5, 'There is more wisdom in your body than in your deepest philosophy.'),
(6, 'Does wisdom perhaps appear on the earth as a raven which is inspired by the smell of carrion?'),
(7, 'There are various eyes. Even the Sphinx has eyes: and as a result there are various truths and as a result there is no truth.'),
(8, 'Mystical explanations are thought to be deep the truth is that they are not even shallow.'),
(9, 'In the consciousness of the truth he has perceived man now sees everywhere only the awfulness or the absurdity of existence and loathing seizes him.'),
(10, 'Words are but symbols for the relations of things to one another and to us nowhere do they touch upon absolute truth.');

in the php side we will create the index.php file which contains items to be liked.

include('connect.php'); // connect to database
include('functions.php'); // needed functions
echo '<ul>';
// get the items from database
$sql = "SELECT * FROM items ORDER BY id ASC";
$query = mysql_query($sql);
while ($row = mysql_fetch_array($query)) {
echo '<li>';
// check if the user has liked this item before
if (check_ip($row['id'],get_real_ip()) == 0) {
// if not liked before present the like button
echo '<a href="javascript:void();" class="like" id="'.$row['id'].'">Like <span>'.likes($row['id']).'</span></a>';
} else {
// if liked, deactivate the button
echo '<a href="javascript:void();" class="liked">Liked <span>'.likes($row['id']).'</span></a>';
}
echo $row['item'].'</li>';
}
echo '</ul>';

Notice that we have three functions in the previous code :

• get_real_ip() : to get the user real ip not proxy
• check_ip($item_id,$ip) : to check if this ip has liked this item or not
• likes($item_id) : to consume the number of item likes

We should include the JQuery library in the index.php in order the script to work.

<script type="text/javascript" src="jquery.min.js"></script>

The JQuery function that is responsible for the like operation :

$(function() {
$(".like").click(function() {
var item_id = $(this).attr("id");
$('a#'+item_id).removeClass('like');
$('a#'+item_id).html('<img src="images/loader.gif" class="loading" />');
$.ajax({
type: "POST",
url: "ajax.php",
data: 'item_id='+item_id,
cache: false,
success: function(data){
if (data == 0) {
alert('you have liked this item before');
} else {
$('a#'+item_id).addClass('liked');
$('a#'+item_id).html(data);
}
}
});
return false;
});
});

Finally we will recieve the posted data and process it with PHP in ajax.php file.

include('connect.php');
include('functions.php');
if(isset($_POST)) {
$item_id = abs(intval($_POST['item_id'])); // recieve from index.php
$ip = get_real_ip();
// check if this user ip has liked this item or not
$query = mysql_query("SELECT * FROM likes WHERE item_id='$item_id' AND ip='$ip' LIMIT 1");
$check = mysql_num_rows($query);
if ($check == 0) {
// if not liked before insert the liked item ID and the user IP to database
$add = mysql_query("INSERT INTO likes (item_id,ip) VALUES ('$item_id','$ip')");
if ($add) {
// after adding the like (vote) to database, consume the number of item's likes
$check = mysql_query("SELECT item_id FROM likes WHERE item_id='$item_id'");
$number = mysql_num_rows($check);
sleep(1);
// return new number of item's likes instead of the current likes number.
echo 'Liked <span>'.$number.'</span>';
}
} else {
// if this user has liked the item before return 0 value
echo 0;
}
} else {
// if POST not isset return 0 value
echo 0;
}

The post Ajax Like Script Using PHP,MySQL and JQuery appeared first on PlusCSS.

14 May 2014, 2:46 pm

By PlusCSS.

In Previous post PHP String Functions Part 1 we have explained with examples some PHP string functions, there are many functions to deal with string, I will explain some other functions.

PHP String Functions Examples :

nl2br()

Inserts HTML line breaks before all newlines in a string.

$string = "today's
 entries";
echo nl2br($string);
/* result : today's 
entries */

ucfirst()

Make a string’s first character uppercase

$string = 'hello world';
echo ucfirst($string);
// result : Hello world

ucwords()

Uppercase the first character of each word in a string

$string = 'hello world';
echo ucwords($string);
// result : Hello World

strtolower()

Make a string lowercase

$string = 'HeLLo WoRld';
echo strtolower($string);
// result : hello world

strtoupper()

Make a string uppercase

$string = 'hello world';
echo strtoupper($string);
// result : HELLO WORLD

strpos()

Find the position of the first occurrence of a substring in a string

$string = 'Hello World';
$word = 'llo';
$pos = strpos($string, $word);
if ($pos === false) {
echo "The word was not found in the string";
} else {
echo "The word is found in the string";
}
// result : The word is found in the string

strip_tags()

Strip HTML and PHP tags from a string

$string = '<p>Test paragraph.</p><!-- Comment --> <a href="#fragment">Other text</a>';
echo strip_tags($string);
// result : Test paragraph. Other text
$string = '<p>Test paragraph.</p><!-- Comment --> <a href="#fragment">Other text</a>';
echo strip_tags($string,'<p>'); // allowable HTML
// result : <p>Test paragraph.</p> Other text

The post PHP String Functions Part 2 appeared first on PlusCSS.