Tag Archives: JavaScript

How To Set External Links To Open In A New Tab In WordPress?

It is easy to link a word and set its target to blank so that it opens in a new tab. Most website owners want to make all external links open in a new window and all internal links open in the same tab, you can make this thing easy and automatic with the help of a plugin.

Simply install and activate Open external links in a new window on your WordPress site. Once the plugin is activated, navigate to your admin area dashboard Settings -> External Links page.

By default, the plugin makes all external links open in a new tab but on its settings page, you can type URLs that should either be forced to open in a new window or ignored. Some of the basic features of this plugin include:

  1. It opens up all (or specific) external links in a new window
  2. It produces XHTML Strict compliant and is search engine optimized (SEO)
  3. It can can open external links starting with http:// or https:// in a separate browser window or tab
  4. It handles the links client-side, which lets search engines follow the links properly
  5. It becomes inactive when a browser does not support JavaScript, and hence doesn’t result any errors

If you need more advanced features, there is another free plugin called WP External Links. This plugin lets you manage all external and internal links on your website by enabling you to control icons, nofollow, no opener, UGC (User Generated Content), sponsored, and yes if links open in a new window or new tab.

How To Use Google AJAX Libraries CDN To Speedup WordPress?

You can make your WordPress website to use common JavaScript libraries from Google AJAX Libraries CDN in order to make it fast as it enables users to download jQuery faster than before.

Continue reading How To Use Google AJAX Libraries CDN To Speedup WordPress?

How To Display Your 500px.com Photo Gallery In WordPress?

500px, pronounced as five hundred pixels is a popular online photography community which is aimed at aspiring and professional photographers and encouraging members to upload their best work to gain gain exposure, find inspiration and connect. The webservice currently has over 2.5 million registered and over 10 million monthly active users. In this tutorial we’ll explain you how you can add your 500px photo gallery in your WordPress based website.

Continue reading How To Display Your 500px.com Photo Gallery In WordPress?

How To Create An RSSJS Feed For WordPress?

RSS, or “Really Simple Syndication” is a format for distributing and gathering dynamically generated content from sources across the Internet, including newspapers, magazines, and blogs. RSSJS, or “RSS To Javascript“, allows you to display this content within your own web pages and to do so without having to possess any XML knowledge or skills. RSSJS will take ANY RSS feed and create a very simple Javascript that can be coded into ANY HTML document. The resulting Javascript output can be manipulated using CSS and even scrolled as we have done in the “News Headlines” example. – Source

Recently WordPress.org has launched a new plugin called RSSJS. The new lightweight WordPress plugin simply creates an RSSJS feed for your WordPress site. All you will be needing to do is install and activate it.

Easily Add Expand & Collapse Functionality To Any WordPress Theme

Expand + Collapse Funk is the brand new WordPress application the allows you to easily add expand and collapse functionality to any WordPress theme. The plugin is beautifully simple UI. It simply saves your space by generating hidden content.

Feautres

  1. Beautifully simple UI
  2. Easily integrate images and YouTube video
  3. Direct link to images/YouTube videos
  4. Quick placement of expand+collapse items
  5. Use on pages or posts (or copy and paste the code to use in theme templates)
  6. Use HTML markup inside the hidden content area

http://www.youtube.com/watch?v=fiNUqZxFwNA
With this new plugin you can easily place hidden content and a link that reveals the content. The functionality is widely used across world wide web to free up space on a page or to place semi-important content into posts. There is no limit to the length of the hidden content. You can include images, YouTube & Vimeo videos or anything else you like.

expandcollapse-funk screenshot 1Expand+Collapse Funk creates a custom tinyMCE icon in the visual editor for very easy use.

expandcollapse-funk screenshot 2The Expand+Collapse Funk modal

expandcollapse-funk screenshot 3Example of very simple YouTube video integration

expandcollapse-funk screenshot 4Example of generated links on a page

expandcollapse-funk screenshot 5Example of expandedl inks showing hidden content.

Simply install and activate the plugin. Upon activation the plugin adds a new TinyMCE button in WordPress visual editor. You may create or edit a page or post to access the ‘Expand Collapse Funk’ tinyMCE button then input the necessary fields, click insert and you are done.

How To Use Unique Custom Mouse Pointers In WordPress ?

You can easily activate a custom mouse pointer for the visitors who access your website in the frontend. Unique Cursor is the new WordPress plugin that allows you to select a custom mouse pointer.

Continue reading How To Use Unique Custom Mouse Pointers In WordPress ?

Anchor First Image To Open Pretty Photo Modal Gallery In WordPress

PrettyPhoto WPGallery is the new WordPress plugin that takes over and enhances the WordPress Gallery shortcode with another gallery that shows only first image as an anchor to open up the modal gallery.

Continue reading Anchor First Image To Open Pretty Photo Modal Gallery In WordPress

How To Add jQuery Lazy Loading To WordPress Images ?

WP images lazy loading is the new WordPress plugin that adds jQuery to WordPress and enables lazy loading in images. Thus improves your page loading times and makes your Google PageSpeed Score better than before.

Continue reading How To Add jQuery Lazy Loading To WordPress Images ?

Advanced Drag & Drop HTML Visual Editor WordPress Plugin

WYSIWYG Visual HTML Editor & Drag And Drop Web Page Editor With CKEditor, Desktop Publisher For WordPress is a powerful WordPress Plug & Edit HTML Editor based on 3D page building design with height, width and depth.

Continue reading Advanced Drag & Drop HTML Visual Editor WordPress Plugin

Super Zoom Gallery WordPress Plugin For Zooming Photos Details

Super Zoom Gallery is a WordPress gallery plugin with powerful thumbnail and zoom capabilities. The plugin is easy, user friendly and is great for showing details of photo like you might have observed in some web shopping and other e-commerce websites.

Continue reading Super Zoom Gallery WordPress Plugin For Zooming Photos Details

Beautiful Responsive 3D Slider Slice Box For WordPress

3D Slider Slice Box is a free beautiful and responsive 3D slider plugin you can easily set up working in your WordPress site. It provides you a simple and easy admin interface that you can create your favorite slides in minutes.

Continue reading Beautiful Responsive 3D Slider Slice Box For WordPress

New Beautiful & User Friendly SW Responsive Slider For WordPress

SW Slider Responsive is the brand new WordPress plugin that lets you add beautiful responsive slider very easily in your WordPress site. You can easily set it to display posts from all categories or from a single category.

Continue reading New Beautiful & User Friendly SW Responsive Slider For WordPress

Automatically Add Lightbox In WordPress With Royal PrettyPhoto

Royal PrettyPhoto is another easy way to automatically add lightbox effect in WordPress posts & pages. The plugin is compatible and tested on popular web browsers like Firefox 3.0+, Google Chrome 10.0+, IE 6.0+, Safari 3.1.1+, Opera 9+ etc

Continue reading Automatically Add Lightbox In WordPress With Royal PrettyPhoto

How To Easily Tab Content Inside WordPress Posts & Pages ?

Now with new WordPress plugin called TAB ME you can very easily insert beautiful tabbed content inside your blog posts, pages and other shortcode supported areas, you can insert as many tabs you want by using same shortcode.

Continue reading How To Easily Tab Content Inside WordPress Posts & Pages ?

How To Activate ‘Scroll To Top’ Button In Just A Click In WordPress ?

There are many different WordPress plugins and code snippets you can use for adding a ‘scroll to top’ button in your WordPress site. A ‘scroll top top’ button simply allows your readers to instantly move back to the top of the site (header) as soon they click it, it uses JavaScript s the page doesn’t get refreshed every time.

Continue reading How To Activate ‘Scroll To Top’ Button In Just A Click In WordPress ?

How To Make WordPress Admin Sidebar Follow Your Scroll ?

Sometimes especially while editing long articles it becomes very irritating for bloggers to scroll again and again to top of the page just for clicking Update, Preview or Publish buttons etc. But no worries! because now by using the new WordPress plugin called Follow Me Sidebar you can make your Add New/Edit post’s page right sidebar float with you as your scroll down the page which you generally do in long post edit screens.

Continue reading How To Make WordPress Admin Sidebar Follow Your Scroll ?

How To Enable Post Listening Feature In WordPress?

You can easily enable your website visitors to listen to any text present on your WordPress site. They can listen to your blog posts, pages, footer content, or any manually selected text on your website.

GSpeech is a WordPress plugin that uses Google to provide you the good-quality automatic text-to-speech service enabling your visitors to listen to any text on your website.

Main features of the plugin:

  • Allows you to listen to any text from the site!
  • Listen to the selected text. The speaker will appear when You select a part of the text!
  • Autoplay Feature. See Demo
  • Feature to set greeting audio for your users!
  • Feature to set different greetings for logged-in users.
  • Speaking menus. Users can listen to menus when they hover them!
  • Ability to set custom events.
  • More than 50 languages are supported by Google!
    • Unlimited text-to-speech!
  • Place the speaker wherever you want!
  • Ability to set the custom style and language for each TTS block!
  • 40 speaker types!
  • Customizable TTS block styles!
  • Customizable tooltip styles (12 beautiful styles)!
  • Live preview in the administration panel!

Install and activate the GSpeech plugin on your WordPress site. After activation visit your admin area Dashboard -> GSpeech admin page and select your language. You can choose a custom style and set other options from the same admin page. Now, click the ‘Save Options’ button and that’s all.

Now visit the front end of your website, select any text (which you want to listen to) and it pops up a Speaker Icon. Click that speaker icon and listen to the selected text.

For displaying the speaker after the text, use this basic format: {gspeech}Text to speech{/gspeech}

You can also specify custom styles and language for each text-to-speech block on your website: {gspeech style=2 language=en}Custom text to speech{/gspeech}

When using all parameters with GSpeech, the structure will be: {gspeech style=2 language=en autoplay=1 speechtimeout=0 registered=0 selector=anyselector event=anyevent hidespeaker=1}welcome{/gspeech}

In order to use the plugin, you must have the PHP Curl library enabled on your web-hosting. If you are hosting your website at Sangkrit.net, simply contact the support to get help.

How To Add A MailTo Icon & Spambot Protection To Email Address Links In WordPress ?

With WP Mailto Links plugin you can easily protect all email addresses and mailto links from spambots and being used for spamming. The plugin is easy to use and configure.

Continue reading How To Add A MailTo Icon & Spambot Protection To Email Address Links In WordPress ?

Write Better Content & Spend Less Time Editing Content In Your Blog, Browser, Office Suite, Website Etc

After the Deadline is a free service that lets you create better content and you spend less time in editing your work like your blog posts and other content you create on Internet. You can use it in your WordPress site, bbPress, BuddyPress, Google Chrome, Firefox and various other frameworks.

Continue reading Write Better Content & Spend Less Time Editing Content In Your Blog, Browser, Office Suite, Website Etc

Display An Interactive & Beautiful Word Map With Clickable Regions In Your WordPress Posts & Pages

Using new Interactive World Map plugin you can display a beautiful, colorful and interactive World map showing clickable regions inside your WordPress blog posts, pages, custom post type and other shortcode supported areas easily.

Continue reading Display An Interactive & Beautiful Word Map With Clickable Regions In Your WordPress Posts & Pages