Block Quote

For Vimeo: [ryvl video_url=”https://vimeo.com/14716266” auto_play=”yes”] Anchor Text [/ryvl] fffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffbbbbbbbbbbbbbbbbbb

For Youtube: [ryvl video_url=”https://www.youtube.com/watch?v=p1cUfFTLX7M” auto_play=”yes”] Anchor text [/ryvl]

<style type='text/css'>
.sidebar .PopularPosts ul {
padding: 0;
}
.sidebar .PopularPosts ul li:first-child{
width: 100%;
max-height: 100%;
opacity: 0.9;
}
.sidebar .PopularPosts ul li:nth-child(even){
margin-right: 2%;
}
.sidebar .PopularPosts ul li {
box-sizing: border-box;
position: relative;
padding: 0px !important;
width: 49%;
max-height: 120px;
opacity: 0.4;
overflow:hidden;
float: left;
margin-bottom: 2%;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.sidebar .PopularPosts ul li:hover {
opacity: 1;
}
.sidebar .PopularPosts .item-thumbnail {
margin: 0;
width: 100%;
}
.sidebar .PopularPosts ul li img {
box-sizing: border-box;
width: 100%;
height: 100%;
object-fit: cover;
padding:0;
}
.sidebar .PopularPosts .item-content:hover .item-title a,
.sidebar .PopularPosts .item-thumbnail-only:hover .item-title a {
visibility: visible;
opacity: 1;
}
.sidebar .PopularPosts .item-title a {
color: #fff;
background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.93) 100%, rgba(0, 0, 0, 0.85) 100%);
text-decoration: none;
position: absolute;
text-align: center;
font: 13px &#39;Oswald&#39;, sans-serif;
left: 0;
right: 0;
bottom: 0%;
padding: 100px 10px 10px;
opacity: 0;
visibility: hidden;
}
.sidebar .PopularPosts .item-snippet {
display: none;
}
</style>

Read More

HOW TO ADD RESPONSIVE YOUTUBE/VIMEO VIDEO LIGHTBOX IN WORDPRESS

While blogging with WordPress, we love writing posts in a pure clean interface. If you have ever noticed that WordPress is getting bigger and bigger day by day then you might wanna learn more about it.

For example, in the previous past years we used to add YouTube video’s embedded code inside posts to display corresponding YouTube video in our posts/pages but with WordPress, we just put the video link or video ID to get the video embedded code implemented with a simple shortcode.

Adding Responsive YouTube/Vimeo Video Lightbox In WordPress

Read More

HOW TO ADD A SIMPLE ACCOUNT SYSTEM IN WORDPRESS

Today, we are already creating many forms like contact form, registration form with WordPress in just a blink of eyes. But, for an education based website, we look forward to add a simple account system that can take the personal information from the candidate and save it to the database.

For usual forms, we use several contact form plugins that offer built-in options to create forms via plugin’s interface. But none of the form creating plugin provides a plug & play option. Today, in this article I’ll teach you, how to add a simple account system in WordPress without any knowledge of coding.

Simple Account System For WordPress

Simple Account System is a plugin that will not give you plenty of options to create signup, logout, registration forms but on activation of this plugin it will replace the default user flow, for login, logout, account (profile), with extra contact info fields, phone, address, country, city, zip code.

It is an essential WordPress forms plugin for any website that offers registration. Simple account system WordPress plugin is the basic need of many sites and helps the administrator to collect the details from the online users and get them signed up.

Make sure you have the Apache mod mime and mod rewrite modules installed and WordPress custom permalinks (Settings->Permalinks).

Read More

WHAT KIND OF WEBSITES CAN YOU BUILD WITH WORDPRESS BESIDES A BLOG

If you are here, I bet you’re going to learn at least one new thing from this article!

This post lists just a portion of a lot of things that one can do with WordPress. I believe WordPress is going to go beyond boundaries in a good way and that should be it. Beside being used a blogging platform, WordPress is capable of a lot of other things, functionalities and features. Matt Mullenweg, co-founder of WordPress told, according to a survey, 69% of WordPress users use it as a CMS, 20% chose it as a hybrid blog/CMS, only 6% as a blog and 7% for an app platform.

Yes, it’s 6%. That’s the percent of WordPress users who specified their use of WordPress as a blog.

Majority of users use it as a content management system, which is a system used to manage content on the web. WordPress is popularly known as a blogging platform, but evolved to be a CMS over years. Shall we dive now?

Different Kinds Of Websites You Can Make On WordPress

Besides a WordPress Blog, you can create many other kinds of websites using WordPress. Here is given a popular list of those websites.

1. Build A Coupon Website

Those who think of WordPress as just a blogging platform, think again. WordPress is a content management system and holds the capability to do amazing things beyond pure “blogging” thing. Building a coupon website using WordPress can be done within minutes. The fact that WordPress is an open source script welcomes developers to contribute by developing plugins and themes. That’s why we always have a plugin to perform a particular function.

How To Build A Coupon Website?

Clipper is a premium WordPress coupon theme, it has been built specifically to allow WordPress users to build a coupon website within minutes. It offers a ton of options and preferences to its users. You can set it up the way you like. To set up a coupon website, where visitors are able to access coupon codes, copy and use them is just as easy as is installing any other theme in your WordPress site.

In A Nutshell

1.	Purchase Clipper theme
2.	Install and activate it
3.	Configure it according to your preferences
4.	Start adding stores and sharing coupon codes

Done

Also Read: Create A Coupon Website Using WordPress

2. Let’s Build A Discussion Forum

Automattic, Inc. is the company behind WordPress. It was founded by Matt Mullenweg, popularly known to be co-founder of WordPress. Automattic manages to run several projects including WordPress, Jetpack plugin, Akismet, bbPress, et cetera. bbPress is a forum script. It does also have a plugin that allows a WordPress site to be turned into a discussion forum. Installing and activating this plugin will create a new forum page into a separate directory. You can add this directory link to your navigation and let visitors easily access this page through navigation menu. It is known for its ease of use and lightweight.

The thing about bbPress is that it is a plugin, can be integrated in a WordPress theme. Though, unlike its competition including Vanilla (a forum software) it does not have plenty of useful features, but it is definitely great because it comes as a separate plugin and individual software too. You can install it in your WordPress site, configure relevant settings and have a discussion forum in action, right away.

A Couple Of Points That Need Clarification

1.	bbPress is a sister project of WordPress
2.	It comes as a separate script as well as a WP plugin
3.	It does not reside in WordPress Core though

For those of you, looking to know what a bbPress discussion board looks like, here are a few examples:

1. Dall’Uva Italian Forums

2. ACF Forums

3. Mojo Themes Forums

4. More

Examples mentioned above are no doubt demonstrating intelligent use of bbPress. These sites have integrated bbPress plugin. Example No.1. i.e. Dall’Uva has self-hosted WordPress, integrated with bbPress, further has an eCommerce Store aside. That’s what we call the real use of WordPress.

How To Use bbPress (WordPress Way)

There are two ways of using bbPress; former is Via WordPress Plugin, later is installing the Script separately. I’m describing the former process in a nutshell.

1. Install and activate bbPress (plugin)

2. By default, forum is installed in example.com/forums

3. You can configure various settings via Settings > Forums

3. Create A Portfolio Website

There are hundreds of marketers, programmers – you name it – and artists in general, who do not have their portfolios set up online. Digital world is ever-expanding, and there’s no ‘perfect time’ to get on the board. If you’re a creator of things, do good work and want the world to see it – getting your portfolio online is the way to go! Especially designers must step in this thing. There are many web services which allow web designers, artists, programmers, etc. to set their custom portfolio page via their website. Behance (by Adobe), Dribbble and The Likes are there to help.

But having a separate website either solely with purpose of showcasing your work or otherwise is great for leaving an impression over prospect clients/employers. What do you say? I don’t find anything wrong that way! The bad thing about showcasing your hard-done work at somebody else’s website is that there is clear competition. Now that your prospect client/employer is finally seeing your work, you certainly wouldn’t want him to get distracted by others’ work, or do you? That’s why portfolio website is a better option.

There is a great number of portfolio themes for WordPress. Head over to ThemeForest, you’ll find great themes there. Pick one, purchase and simply use it just like you would any other ordinary WordPress theme. There’s no rocket-science required.

4. Build A Photo Gallery Website

A lot of photo gallery websites are there running on WordPress script. The fact that they’re leveraging WordPress like hell is hardly known to most. If you’re a professional photographer, there are WordPress themes available to turn a site into a photo gallery kind of experience. This is the solid way for photographers to showcase their work. Now that you’ve worked hard to get that snap from your favorite angle, it’s time to present it to your audience in a good way.

There are free as well as paid WordPress themes available. Of course, free is tempting because it’s free. But don’t you forget to Read This before using a free theme, once you’re done reading this. ThemeForest is a popular marketplace, especially their WordPress themes are always recommended. You can find a photo gallery theme for yourself there.

If there’s any confusion how to proceed, the next thing is to purchase your favorite theme, and use it as an ordinary theme.

5. How About A Directory Website?

An online web directory is not a search engine, does not list websites by keywords; instead it lists websites by categories and subcategories. The websites listed there are usually not crawled by search engines and put there by humans manually. Before search engines even existed, directories were there to help users get relevant information and find specific websites. There are niche-focused directories available too, meaning the kind of directories that feature a particular list of websites like a directory for shopping sites.

Creating a directory website is not something that general population might be interested into, but I listed this anyway as it is one of the untypical and lesser-known uses of WordPress. Again, there are themes and plugins for this purpose too. All you need to do is obtain the theme, install, activate and configure it accordingly your preferences. That’s it.

Download Directory Website Theme

6. Classifieds Website With WordPress

Classifieds are a form of advertisements usually found in either online or offline newspapers. These are short advertisements as they are charged by line. These are cheaper ads, typically by individuals having something to buy or sell. Advertisements in a classified paper are arranged by categories like “For sell – Kitchen“, “Wanted – Opportunities“; hence, such a paper has come be to named as a classified.

There are publications both online and offline with a section/page particularly assigned to contain classified ads, also newspapers solely for this purpose. For newspaper websites with classified as a feature, WordPress has got great tools to help.

If you want to create a classified website using WordPress, use FlatAds, a classified WordPress theme.

Also Check Out this Theme: ClassiPress Theme

7. Build A Review Website

I see a good amount of review websites and they earn a great deal of money by simply writing reviews about products they have and bought and used (though not necessarily). Although, this requires investment in first place, but is definitely good for long-term income. Put yourself in a shopper’s shoes – You’re deciding to add that web hosting service to your cart, you’re spending hard-earned money. You certainly wouldn’t want to be disappointed by the performance of this product, later. Hence you research about the product and try to know about this product by reading reviews.

That’s how it is. A website created exclusively for the purpose of publishing un-biased reviews is highly required, in my opinion. And, it’s also got a lot of potential in the long run.

WP-Review is a nice WordPress plugin. What it does is that it adds review schema to the post. Review schema is a markup that tells search engines to display review summary from SERPs. It is great for sites with a lot of non-review content, but certainly is not for review sites as a whole.

8. Need A Membership Website

Member-specific websites are created to give users certain access to content, website in part or in whole. Such websites typically offer subscription plans for users to choose from. Creating a membership website using WordPress is almost same as is using WordPress for pure blogging. One just uses a plugin/theme providing specific features that help in maintaining the site.

Often we are encountered with clients who want the type of websites which does not give a particular product of theirs to users unless they perform a required action. Membership website is what they are referring to.

9. Set Up An Online Store

Real world is great, after all it’s real. It makes people connect, shop and all that face-to face. But as virtual world is making things easier than ever. And, a lot of people who someday used to run their business in real are now gradually shifting themselves to the online world. Just like in real world, they need a store. A store is a place where a product is sold, you know. So the people need stores.

An eCommerce website is that store. It is a functional website with a shopping cart built-in, you can add items available to the cart, check out, pay and get your thing. If you’re new to WordPress, have business offline already or want to sell product(s), you will need an eCommerce website. WooCommerce is a free WordPress plugin that will set you up an online store with a lot of functionality. There are many extensions available for this plugin. These expand the functionality, when used, of course. Though WooCommerce is free, but its extensions are not. And by the way, developers get to eat too.

Get Preciso eCommerce Template

Also Visit: 260+ WordPress Themes & Plugins

10. Start Aggregation Website

Want to create an aggregation website that aggregates content from various websites on a topic or otherwise and present in one place? Yes, you can that via WordPress. What Reddit, Digg and their likes do? They aggregate content! They have certainly grown over years, have many great things aimed. But their basic foundational task is to aggregate. WordPress, again, has got tools to turn a website into an aggregator.

Go To AllTop

11. A Business Website? YES!

By default WordPress shows blog posts being posted on homepage in a reverse chronological manner. That’s changeable. A lot of websites running on WordPress have done this and for better user-experience or something turned their homepages into landing pages. Just a little configuration in the Reading section via Settings tab, and you have a static page as your homepage. Read This Guide to learn more about this.

Get Grecko Multipurpose WordPress Theme

12. Start A Video-Sharing Website

WordPress is a Content Management System, I emphasize. Content Management System is a medium of managing content (be it video, images or plain text) on a website. That’s why it goes beyond what a blogging platform like Blogger can. Among other things that one can do with WordPress is that one can build a video-sharing website using WordPress.

All it takes is a WordPress theme. Yep.

Get VideoTube - A Responsive Video WordPress Theme

Conclusion

Ah, I’m tired now. It took me a couple of hours to put together this information and it’s worth it. There’s a lot of functionality and features that can be added to a website with the use of WordPress script. All one needs is creative use of themes and plugins available. I love WordPress, and will say that again and again. It has allowed millions of individuals to be able to contribute to the development of Web in infinite ways.

Read More

HOW TO ENABLE DISCOUNT ON SOCIAL SHARES IN WORDPRESS WOOCOMMERCE

WordPress Woocommerce is really amazing if you want to build an online shopping site. However, you can use Magento, Shopify CMS for creating online shopping sites. Anyway, I would prefer WordPress to build any kind of website because it provides plenty of options to choose and customize from. You can build 12 different kind of sites as of today with WordPress.

Today, I’m going to teach you how to enable discount on social shares in WordPress WooCommerce site. In short, you can allow your visitors to get instant discount coupons for sharing your products/posts on next purchase.

Enable Discount On Social Shares In WordPress Woocommerce

WooCommerce Social Share Discount Coupon plugin allows you to easily add a social coupon system to your e-commerce store that allows users to get instant discounts coupon for sharing your post on next purchase.

Features

1.	Share description on order received page using facebook and twitter
2.	Get Instant discount coupon after share description on next purchase
3.	Valid for one time use coupon
4.	Simple setup in the options panel
5.	Fully tested with latest version of WooCommerce

Download WooCommerce Social Share Discount Coupon Plugin

Read More

HOW TO INTEGRATE BBPRESS FORUM WITH GENESIS FRAMEWORK

Hi there, I’ve also written an informative article about how to build Forums with bbPress in WordPress? But what if someone is using Genesis Framework… For those folks who uses Genesis Framework and have struck in the middle. Let me help them out. In this article I’m going to show you that how to integrate bbPress forum with Genesis? Here we go…

Integrate bbPress Forum With Genesis Framework

First of all, let explain a little bit more about how we can integrate bbPress Forums with Genesis… In order to integrate the bbPress forum with Genesis you don’t need to locate any kind of codes in our core themes files. No it’s not. But the way of doing this simple task to integrate bbPress Forum with Genesis is to install and activate a simple WordPress plugin and configure that plugin on the right way.

bbPress Genesis Extend

bbPress Genesis Extend is the plugin I’m talking about. It’s the same WordPress plugin which can fulfill our necessities. I liked this plugin so much and try to share it with my reader right over here. Following are the main features that this plugin provides:

Features

1.	It adds an option for a forum specific sidebar.
2.	It adds an option to control the layout of your forum, separate from Genesis Tab.
3.	If a forum has a specific layout set, all topics in that forum will use that layout.
4.	Adds Genesis SEO Controls for Forums.

Follow the instructions below to get started with bbPress Forums integrated in Genesis:

1. Download, install and activate the plugin called bbPress Genesis Extend.

2. Go to Genesis > Theme Settings.

3. Select the layout from the left side menu and check the box if you want additional sidebar on the bbPress forum page.

4. Update the permalinks once by going to Settings > Permalinks which will prevent 404 errors if occurred.

Read More

HOW TO ADD VBULLETIN-STYLE COMMUNITY FORUM IN WORDPRESS

vBulletin is the best community forum platform that entirely changed the way we post questions in a community of people where people from related niche reply the answers of questions to help each other. vBulletin is coded with PHP and preserve almost all the features that a forum site needs.

But, vBulletin forum PHP script is not provided for free. Mostly, average people may avoid using it and they will look for alternative forum scripts. If you are also worried about the pricing of vBulletin forum script then don’t worry, we have got your back and brings you a best alternative forum plugin for WordPress. If you own a WordPress blog and want to add a forum section in your blog then you should read the rest of article where I’m going to tell you, how to add vBulletin-style community forum in WordPress.

vBulletin-Style Community Forum In WordPress

So, ready to add vBulletin-style Community Forum in WordPress, huh!? Well, sure you are… Asgaros Forum is a really perfect WordPress plugin for people who are looking to enhance the functionality in their WordPress blogs. What asgaros forum plugin does is that it helps you to add for a lightweight forum discussion board.

You can just install and activate the asgaros forum plugin in your blog to be able to a forum section similar to vbulletin. You don’t need to have knowledge about any kind of web languages because of its easy to setup and manage, integrates perfectly with WordPress. It comes with small amount handy features which makes it fast and simple.

Features

1.	Topic/post management ( Remove / Edit / Close / Sticky / Move )
2.	Moderators
3.	Permissions
4.	Powerful editor
5.	File uploads
6.	Recent Forum Posts Widget
7.	Easy color customization
8.	Mobile device compatibility
9.	Supports multiple languages

If you have any problem while setting up your first forum board on your WordPress blog, kindly comment below and we will guide you on that.

Read More

10 BEST SCREENSHOT CAPTURING TOOLS LIKE LIGHTSHOT (ALTERNATIVES)

Why am I referring to Lightshot? Because Lightshot is one of the best screenshot capturing tools that users can use to take screenshots of their computer screen in order to point out specific part of the screen. Sometimes we wanted to use screenshot capturing tools to select a specific area of the screen and grab a screenshot of it.

Screenshots actually helps understand the matter easily because we point out main parts of the image by customizing the screenshot with different tools such as arrows, rectangles or squares. However, in this article I am going to list down the 10 best screenshot capturing tools like lightshot (Also we can say it the 10 best alternatives of lightshot).

Lightshot helps capture screenshot that you can either save it to desktop or upload to lightshot’s online server and you will be provided screenshot link to embed it wherever you want to. Lightshot offers an online editor that will allow you to customize your screenshots with arrows, rectangles, squares or circles with different colours for each one of them. Today, lightshot can be installed in PC like Mac or Windows or it can be installed as add-on for web browsers such as Chrome, Opera, IE and Firefox.

10 Best Screenshot Capturing Tools Like Lightshot

1. Greenshot Light-Weight Screenshot Tool

Greenshot is known is the best and light-weight screenshot capturing tool. It boosts your productivity while working because it is highly optimized for productivity with Optical Character Recognition (OCR). You can try greenshot as the best alternative of lightshot software in your Windows or Mac. Greenshot helps you to save the entire screen’s snapshot or just a specific part of the screen either in computer or load it up to an Internet-picture-storage and get a public accessible URL. Right now it supports these internet picture storage services i.e., Confluence, Dropbox, Box.com, Flick, JIRA, Imgur without/with password, Picasa-Web.

However, you can export your screenshots to Microsoft Office Excel, MS Word, MS Powerpoint or even Outlook. Greenshot gives you the complete set of tools to apply text or shapes inside of your screenshot to make it informative.

Features

1.	Offers capture of window, region or full screenshot
2.	Supports several image formats
3.	Light-weight and demands only 1289 KBs in hard-drive to work
4.	32 supported languages

Download Greenshot

2. PicPick

PicPick snapshot capture tool is the all-in-one solution for developers, designers and general daily user. PicPick is really easy to use because of its intuitive interface. Once you are installing PicPick software in your PC all you got to do is to select one of the tool from the PicPick Tools trayicon menu whenever you want.

Features

1.	It features powerful capture tool
2.	Easy to use
3.	Customization for any screenshot you pic with PicPick more like image editor with color picker color palette. protractor, whiteboard, pixel ruler, crosshair and etc
4.	You can use all these tools freely

Download PicPick

3. Snagit Ultimate Screen Capture Tool

Snagit is the ultimate screen capturing tool known in the list of best lightshot alternatives software. If you use Snagit screenshot capturing tool then you can easily edit your snapshots, organize them as well as share them on social media.

Snagit offers easy to use interface to create engaging visuals with the image editing tools. Like I said, snagit is the ultimate screen capture tool and you can use it to capture any part straight off computer screen and save it to your PC.

Features

1.	Enhance with transparency, callouts, and other effects to make your simple screenshot into an elegant eye-catching visual
2.	Let the images talk for you by customizing them with visual effects provided by snagit tool
3.	Easy to use
4.	Minimalistic interface
5.	Anyone can use it and no need to master any graphic software to understand snagit tool
6.	Much more…

Download Snagit

4. Shutter Feature-Rich Screenshot Capturing Tool

Shutter is a feature-rich screenshot capturing tool that can used to take screenshots of any specific region, window or even entire computer screen. Shutter has provided you different effects that you can apply over your screenshots to make them meaningful and eye-catchy. You can use software tools to draw anything on it to highlight interesting points and then upload to an image hosting site or on your PC all within one window.

Download Shutter

5. Awesome Screenshot

We already wrote about Awesome Screenshot Tool that it has started supporting Google drive as picture storage third-party. However, I would love to say that you can use awesome screenshot tool to capture the whole page or any portion, annotate it with rectangles, circles, arrows, lines and text, one-click upload to share.

Download Awesome Screenshot

6. Snipping Tool

Using snipping tool start capturing screenshots of your computer screen or any object on your screen, and annotate, save, or share the image. You have provided tons of features in snipping tool like drawing tools such as pen tool, a circle or a triangle around object and more.

Features

1.	Rectangular Snip: You can draw a precise line simply by dragging the cursor around an object to create rectangle with any color you choose just to make it noticeable
2.	Window Snip: With Window snip you can snapshot the window like browser window or dialog box of any folder which you want to capture
3.	Full-Screen Snip: Full-screen snip feature helps you to capture the entire screen of the PC
4.	After You Capture A Snip: it’s automatically copied to the mark-up window, where you can annotate, save, or share the snip

The best thing and why I would like to use snipping tool is that it is officially by Microsoft.

Download Snipping Tool

7. Jing

Jing is the picture as well as the video capturing tool that you can use to capture or record a video tutorial of 5 minutes. Afterwards, you can upload your screenshots or videos to Web, FTP, computer or clipboard. Like lightshot, you will be provided a link that can be shared with others users to view or access the uploaded file. Jing provides a lot more than that in features.

Features

1.	Image tools are available to add text
2.	Highlight existing text in the image or add arrows, rectangles to annotate your capture
3.	With Jing you can take captures quicker than with similar applications
4.	Easy to use interface

Note: Just to let you know that Jing gives you the video output in SWF Flash file that makes it almost impossible to export or edit afterwards. The recording is limited to 5 minutes and a low quality of 10 frames per second.

Download Jing

8. FastStone Capture

FastStone Capture is a lightweight, powerful, yet fully-featured screen capturing tool. It also allows you to record your computer screenshot to make video tutorials if screenshot is not sufficient. However, FastStore Capture tool allows you to capture screenshot of anything from windows, objects, menus, full screen, rectangular/freehand regions and even scrolling windows/web pages.

Features

1.	An eyedropper color selection
2.	A resizeable on-screen ruler
3.	A magnify glass tool
4.	Pixel-exact cropping via arrow keys

Download FastStone Capture

9. Skitch

Skitch is a screenshot editing and sharing utility that allows its users to edit the image with shapes, custom text and then share it online all within one page. Using Skitch screenshot editor you can also export your images to various image formats like jpeg, png, and more.

Skitch works hand in hand with the application to give you 1-click uploading of your images for fast image sharing on different social media sites.

Download Skitch

10. ShareX

ShareX lets you take screenshots as well as screencasts of any selected area of your computer screens. It is an open source computer software. You can save screenshots and captured videos in your clipboard, hard-drive or instantly upload to over 50 different file hosting services.

Download ShareX

11. Screenshot Captor

Screenshot Captor is best tools for taking screenshots on your computer. It is a lot different when comparing it with other screenshot capturing tools. It can help you to capture multimon (multiple monitors), desktop, active window, any region of the screen, windows object. Each mode has a hotkey for quick access.

Features

1.	Highly optimized can take unlimited screenshots
2.	Built-in ragged edge splicing effects
3.	Smart auto-naming of files
4.	Ability to embed textual comments in files
5.	Good multi-monitor support
6.	Auto-scroll capture for windows having too big for screen sizes (media ports)
7.	Full set of scanner acquisition tools
8.	Perfect capture of Windows 7 partial transparency effects
9.	The most powerful scrolling capture tool in the field
10.	Easy and automatic uploading of screenshots to a wide range of image storage services like imageshack, flickr, ftp, etc
11.	Great ragged edge splicing effects
12.	Highly configurable to make it work the way you want it to
13.	Lots of capture modes
14.	Unique cool effects
15.	Slimline sidebar file browser provides full shell operations
16.	Optional automatic image file versioning
17.	Seamless integration with Unicode Image Maker tool
18.	Quick PostCapture PopUp Dialogue
19.	Autoscroll capture for windows too big for screen
20.	Deluxe thumbnail maker
21.	Automatically finds boundaries of non-rectangular / themed windows
22.	Quick Screenshot Emailer Menu
23.	Full-set of scanner acquisition tools and scanner image correction

Download Screenshot Captor

If you have any suggestions to make this list more informative kindly let us know via comments.

Read More

GEARING UP: UNDERSTANDING & PLAYING WITH ELEMENTS PANEL

In our last introductory post, we described each aspect (panel) of Chrome Developer Tools. Further we learned that Elements panel is the playground for developers, debuggers & nerds, right? That was just a glance into what each panel. I mean there’s more than just that. In this post, we are going to delve deep into Elements panel & explore it’s immense capabilities.

I’m getting rather excited, what about you? Let’s go!

Gearing Up

In our introductory post we also learned about multiple ways to access DevTools. It’s time we accessed it. So go to any website you desire to edit (for fun?), right-click any of it’s elements & select Inspect element. DevTools window will open at the bottom of Chrome window. On the left is DOM tree, while on the right is CSS pane. DOM tree is an application programming interface (API) for documents involving markup languages like HTML, XML, SVG, MathML, etc. It provides structured information about a document and a set of Object and Methods for manipulating that structure. Whereas CSS pane provides a list of provides being applied to a highlighted HTML element.

What Can You Do With DOM Pane?

There are a number of things that one can do with DOM tree. It gives a structural representation of current Web page.

Expanding & Contracting Nodes

Navigating through DOM tree might be confusing at first glance, but it really isn’t.

>> To expand a DOM node, double-click the node or press right arrow key.

>> To contract a DOM node, double click the node or press left arrow key.

There’s an Elements trail at the bottom that shows you exactly where in the DOM the highlighted element exists.

Editing DOM Nodes

Double-clicking an element’s starting tag lets you edit it. If you alter starting tag, closing tag will alter itself by itself.

With tools provided, you can:

>> Move DOM elements

>> Edit node as HTML

>> Add or modify attributes or their values

>> Or simply, delete a node

These will be described as move forward.

Editing Attributes & Values

To modify an attribute or it’s value, just double-click an attribute or it’s value. Alternatively, you can right-click an element and select Add attribute. These both are edited independently of one another. Remember whatever changes you make in DevTools mode are only occurring in your browser’s current editing session. To make them live you’ll  have to make deploy changes to server hosting your website.

Deleting Nodes

To delete a DOM node, either right-click node and select Delete node or press Delete key.

Editing Nodes As HTML

If you’re on Windows, press F2 key to toggle edit mode to edit HTML live. Or simply, right-click node you want to edit as HTML and select Edit as HTML.

Scrolling Into View

Screens may be smaller most of the times. There will be certain nodes corresponding to DOM nodes that are offscreen. If corresponding portion of an element if offscreen, you can scroll to it by right-clicking the node and selecting Scroll into view.

Highlighting Corresponding Elements

You must have noticed it already; that DevTools highlights any page elements that are selected in DOM tree. It is an efficient to control Box Model.

Enabling Rulers

Responsive design is the new trend, did you know that? For front-end developers who develop responsive web applications, this feature might be an efficient tool. This feature gets rulers around browser window and you will be able to scale elements accordingly. To enable rulers, just go to Settings > General & check Show rulers. Similar Chrome extension is This.

Force Element State

This might be a good tool for developers who rely on an element’s certain state. Want an element to act in a particular state? Just right-click an element’s node from DevTools, select Force element state. There are four different states you can apply namely :hover, :active, :focus & :visited.

Drag & Drop Elements

With this feature DevTools lets you move a node from one place to another. This is good if you want to experience how some element might look from a different place. To drag & drop an element, just hold-click an element and drag it wherever you want. Simple as that.

Moving Towards CSS Pane

We have learned certain techniques that are and will come in handy in future about DOM pane. Well, now this is about time we learned various tricks & hacks about CSS pane. To the right is CSS pane. If you’ve difficulty with adjusting panes, you can resize panes & DevTools window by using dividers. First of all you should know that CSS pane is where all CSS properties along with their respective values exist. Something that I wouldn’t need to mention is that – you can live-edit CSS and examine real-time results.

Editing CSS Properties & Values

You can edit, add and remove an CSS property or it’s value. Chrome offers special auto-completion functionality that let’s you explore certain applicable values of a property. Open DevTools by right-clicking element whose styles you want to alter and selecting Inspect element. Towards CSS pane, click any CSS property & modify it as you please. Pressing tab will move edit mode towards value. To enjoy auto-completion feature just remove listed value, suggestions will pop-up. There is also an option to enable or disable certain CSS property. To enable/disable a property tick or un-tick checkbox sitting besides property.

Auto-completion CSS Properties & Values

Confused about applicable values? Just make use of auto-completion feature. It lists certain possible values or properties. To enjoy suggestions, just add a new property suggestions will pop-up. Same goes for value suggestions.

Box Model

Box Model is one of the complicated concepts when it comes to CSS. It involves properties like width, height, border, margin & padding. DevTools provides special-color-highlighting to differentiate between these aforementioned properties. Blue stands for dimensions, green for padding, orange for border & darker orange for margin. Box model is further represented at the bottom of CSS pane.

Add Selectors

You also have the capability to add selectors to elements. Enjoy!

Conclusion

That’s all for today! In today’s post we learned more about DevTools than an average DevTools user.

Here’s what we covered today:

>> Learned about DOM tree

>> To edit DOM nodes as HTML

>> To add/edit attributes/values

>> To remove a node

>> To move a node

>> Enabling rulers for positioning debugging

>> CSS autocompletion feature

>> Box Model CSS functionality

>> And so much more.

Lastly I will ask for one thing; I’d like to ask you to email this article to one person. That’s it.

Read More

25 QUICK FREQUENTLY ASKED QUESTIONS ABOUT SEO

SEO or Search Engine Optimization is a broad topic. There are many misunderstandings about SEO. Besides being thought of as an illegitimate way to market online, it is the best tool available! Since the inception of search engines, there have been people trying to game the system for their personal gain. Sure SEO is a great way to get tremendous amounts of traffic, but it is not as easy as it seems.

And increasing amounts of competition is both of a good news and bad news.

Bad News: Because greater competition leaves no place for those looking for shortcuts.

Good News: Because it’s up to you whether you look for shortcuts or long-term success.

Here Are 25 Quick Frequently Asked Questions About SEO

1. What Is SEO?

SEO is an abbreviation of Search Engine Optimization. This is a set of techniques, methodologies and small tweaks to make to a page, to make it rank higher in SERPs. SEO is about learning, testing and predicting about how major search engines and especially Google works.

2. What Is SERP?

SERP is an abbreviation of Search Engine Results Page. Pure and simple – It is the page that returns results to a search query. To explain, the page that comes with 10 blue links after you search a query in Google is called known as SERP or Search Engine Results Page.

3. What Is A Search Query?

This may a word, number, combination of words typed to search for information on search engines. Like for example, if I’m looking for WordPress themes, my search query could be “WordPress Themes”.

4. What Is Search Engine Optimizer?

This is a person who analyses webpages, practises Art Of SEO and tries to understand how search engines work. But what exactly does a Search Engine Optimizer do? Well.. An SEO’s set of activities include: link building, content SEO, marketing, psychology, etc.

5. What Is Meta Description?

Word ‘meta’ means ‘data about data‘. For example the page you’re currently on must have data about it. Details like page title, backlinks, # of social shares, etc. But what exactly is Meta Description? Plainly it is description about the page itself. This is the description or snippet you see beneath URL of an entry on a SERP. It briefly introduces page to the potential visitor.

6. What Is Meta Keyword?

Similar to Meta Description, Meta Keyword(s) is a keyword or bunch of keywords/tags that describe the page. For example keywords for this page might be seo, seo faq, google ranking, etc. All these describe what this page is about, right? Though Google Doesn’t Utilize Meta Keywords as a ranking factor anymore, but search engines including Bing, Yahoo! do consider meta keywords as a crucial factor.

7. What Are Keywords?

Keywords, separately, are not to be confused with meta keywords. Why? Because there is difference between the two. We learned about search queries earlier. When search queries are being targeted to rank a website, then typically these queries are called keywords. As an example suppose I want my site to show up in SERPs when “photography tips” is searched. Then “photography tips” is my keyword, or more specifically targeted keyword.

8. How Does SEO Help Get Traffic?

You know billions of searches take place every day. The first website you came to know about was Google. It is probably the most popular website with billions of visitors every day. But where do those visitors go? Well Google directs them to pages containing information they’re were searching for. In a way, it is distributing visitors to sites that deserve them. So if you know how SEO Copywriting works, then you can optimize your content to suit Google’s eyes and get more traffic than otherwise without SEO knowledge.

9. What Is A Search Ranking Factor?

Factors, ranking factors, signal are a synonym words. Search ranking factors are signals that Google analyses a page against to determine how to rank it. Factors can said to be questions that Google asks about a page to determine it’s relevance. Questions like how fresh the page is, when it was last modified, how many words does this page contain, frequency of grammatical errors and typos, etc.

10. What Is Index?

Okay, suppose you wanna build an effective search engine. First of questions will be how are you going to detect new pages as they’re published? Good question. Google Founders asked this. So they assigned a crawler (look above for definition) the job of going through a list of websites, following links on those pages, and gathering all these pages in a sorta big sheet called Index. Index contains 60 trillions pages! And it’s constantly growing! It weights over 100 million gigabytes.

11. What Is Algorithm?

Now that you have an Index with trillions of pages to be ranked. How do you rank them? Which page is more useful, resourceful and credible than others? How do find that out? Of course, page that is most useful will be ranked better than others. Google solves this stuff by defining programs, formulas and algorithms. Algorithms help understand a page’s contents.

12. What Are 200 Search Ranking Factors?

It has long been known that Google utilizes a plethora of 200 search ranking factors to rank pages. All these search factors help Google understand which web pages should be ranked better than others. Though there are lists concerning 200 Ranking Factors, but all these are results of speculations, testing and observing pages. No ‘official’ 200 ranking factors has been enumerated, yet. So answer is: Nobody exactly knows.

13. What Is Google Webmaster Tools?

At it’s essence, it is a suit of tools from Google to help publishers, webmasters and bloggers comply with Google guidelines. With Google Webmaster Tools or GWT, you can inspect your website. A must tool for any blogger!

14. Why SEO Is Important?

SEO is very important in terms of online marketing. For some it is source of their living. For others it is way to reach wider audience. If you’re an online publisher or running an online business, SEO should be important for you! Why? Because this is how you get attention or better yet, targeted attention.

15. What Is Backlink?

Link building is art of directing/building links from other websites/webpages to one you want better rankings for. A backlink is a hyper-text link. Alternatively a text link is a backlink. For example I write Google, then link to it. It has become a backlink for the site. You ask why bother knowing what a backlink is? Let me tell you why: as a rough guess around 90% of rankings depend upon backlinks; how many links page has, from which websites, etc.

16. What Is Crawling?

In context of SEO, crawling is the act of a bot jumping from one website to another and discovering new pages. It is through crawling that Google’s Index has incredible amounts of pages indexed! Right after crawling comes indexing process. Read on to know what that is about.

17. What Is Indexing?

Followed by crawling is indexing. Indexing as the word suggests is about gathering/collecting/enumerating pages in Index. It’s also Googlebot’s job to index pages.

18. Who Is Googlebot?

The robot responsible for acts of crawling and indexing is called as Googlebot. There is a big number of Googlebots crawling and indexing the web 24/7.

19. What Is Crawler?

In general language, Googlebot is crawler. It crawls web pages cross the web.

20. What Is nofollow Tag?

Crawlers or Googlebots jump from page to page, go from link to link, right? When they do come across links, you can dictate these bots; whether to pass PageRank juice, an indicator of authority, to these links or not. That is done via rel=”nofollow” tag. Embedding rel=”nofollow” in a link’s code tells bots to not to crawl given page.

21. What Is dofollow Link?

By default every link is a dofollow link. If code of a link doesn’t include rel=”nofollow”, that makes the link a dofollow one! A dofollow link encourages crawlers to crawl these links and signify page’s importance.

22. What Is PageRank?

PageRank is the algorithm or technology that let Google dominate search market. Before inception of Google, pages used to be ranked by the frequency of keywords appearing on the page. Simple, but not bullet-proof. Any person could game the system by adding good deal of targeted keywords in their pages and get better rankings without breaking a sweat. Then came PageRank: It is an algorithm to rank relevant web pages and it works by calculating # of links pointing to a page and the quality of those links.

23. What Is Anchor Text?

Text upon a link is anchor text. For example, Google. So is Microsoft. Here anchor text of former link is Google, whereas anchor text of latter is Microsoft. It is important to know anchor text, because Google utilizes this text to know what a page is about.

24. What Is Image alt Tag?

You already know that robots can’t see. They can’t hear, they can’t sense. They can only read. To rank text-based page, they can go through page and identify the topic. Unlike text-based pages, images cannot be read. So what? How are images gonna be ranked then? Well.. that’s where alt tag comes in. It is a tag that describes image; colors, scene, location, etc.

25. What Are Google Answers?

People use Google to find information and to explore, right? Apparently there are there are lots of searches of hows, why, whats, whens, etc. That’s where Knowledge Graph comes in. It is a way for Google to give direct answers to questions like when is Christmas, when Mahatma died.

So what’s your SEO question? I’m stoked for an insightful conversation.

Read More

HOW TO SET UP BBPRESS FORUM IN WORDPRESS

bbPress is a discussion forum software that works in association with WordPress. Built by the creators of WordPress, it is fast, easy and flexible. Requires hardly any technical knowledge, just the usual know how or how WordPress works is sufficient. bbPress can be useful for people looking to incorporate a forum alongside their WordPress site. You might have heard about vBulletin forum script which is amazing and now you can add vBulletin style forum in WordPress. However, in this article I’m going to guide you, how to set up bbPress forum in WordPress and setup bbPress on Genesis Framework.

Step by Step Guide To Set Up bbPress Forum In WordPress

Let’s start by adding the under construction notice on our Forum board with the following shortcode:

[under contruction]

Confused?

Where to put this code?

Well, after you are done with installing bbPress Forum plugin in your blog you have to create a page called Forum under Pages, there you will have to put this code to display under construction notice at the forum location.

Just like that:

http://yoursitename.com/forum

Now, it is time to start setting up forum on your existing WordPress site which requires some or all of the following stages depending on how you want it to look.

Above is the screenshot of WordPress forum that will display on your WordPess site but it is working with the basic theme TwentyTwelve. However, it will look entirely different depending on your theme styles.

By the way, I’m going to get you through the following stages so you don’t miss any precious information while forum setup with your WordPress blog.

Above is the screenshot of WordPress forum that will display on your WordPess site but it is working with the basic theme TwentyTwelve. However, it will look entirely different depending on your theme styles.

By the way, I’m going to get you through the following stages so you don’t miss any precious information while forum setup with your WordPress blog.

Try to create a general forum board or you can also import a forum

Download Import Forum

Create General Forum With bbPress

Go to Dashboard → Forums → Add New

Just pick up a general title for the new forum that you are going to add in your blog and put a description in the post editor that describe what that specific forum is about and then publish it from the right sidebar, more like we post our POSTS/PAGES.

Go to Dashboard → Topics and create a new topic (name is whatever you want)

So now we have bbPress with one forum and one topic, but we’ll need to show it somewhere.

How To Display Forum?

But if you are trying to import or migrating forum from any external forum board to bbPress then follow this:

To import forums, go to Dashboard → Tools → Forums and go to the tab “Import Forums”.

Select the forum board name from where you are importing it, if you want to put demo forum of bbPress. Kindly, put your comment below if you don’t know then I’ll guide you more about forum importing in other thread.

Download bbPress Forum Here!

Read More