12+ Top Royalty-Free Stock Photos Sharing Sites For Post Cover

Posted On // Leave a Comment
12+ Finest Free Stock Photos Sites for Blogs or Websites in 2019

Having an attractive image in your website or blog post can grab the attention of the audience.

This can make a great change to how your viewers respond to your WordPress website. Well, it is certain that the content is king but displaying eye-catching photographs surely add value to increase the number of frequent visitors you receive, and eventually lead your website to attain its goals in a better way.

But the problem starts while finding the good photos that can give your website the X-factor can be hard. In this article, we have tried to make your journey easier by making the list of the some best free and top stock photography websites.

There are many free stock photo websites that will quickly and easily allow downloading a high-quality image and help blogger or small business that needs occasional photographs for WordPress website content. So, let’s have a look over our list of some finest resources.

1. Unsplash:

 It is a website dedicated to sharing stock photography which allows upload photos to its website. It is then curated by a team of professional and experienced photo editors.

It has over 110,000 contributing photographers and generates more than billions of photo impressions per month and having their growing library of photos.

2. Pixabay:

Pixabay is an international website for sharing beautiful photos, illustrations all around the world. Founded in 2011 now emerged out having a personal image collection into an interactive online community, with this it supports 20 languages.

It is having stunning free images having 1.6 million royalty-free stock photos and videos.

3. PicJumbo

With this, you can download beautiful stock photos and images in high resolutions for personal and commercial use.

Picjumbo has a lot of categories from technology to animals, fashion, foods etc.

4. RawPixel

With RawPixel you can get creative, with safe to use royalty-free stock images, vectors and public domain illustrations. It gives options to download for commercial use for free and premium.

5. PikWizard

PikWizard is stock photo game, and some bloggers cite it as a well-kept secret and new player in this game.

These websites have more than 30,000+ completely free images, many of which are exclusive. The images of PikWizard are licensed under Creative Commons zero consist of nature shots, photographs of people as well as of desktop wallpapers.

By mouseover on images, you can see options to download, edit etc.

6. Shutterstock

It provides ample option of stock photography, stock footage, stock music, editing tools and also maintains a library of around 200 million royalty-free stock photos, vector graphics, and illustrations.

Shutterstock has over 100,000+ contributors with an "active customer base of more than 1.5 million people in 150 countries.

7. Pexels

Pexels includes hundreds of thousands of photos, but it really takes the favourite spot on many bloggers. Because the images they have are just beautiful and decent.

The photos they use are especially useful for the business and technical side of people.

8. Stocksnap

Stocksnap includes hundreds of latest images weekly and regular intervals and they have a great search tool to help you quickly find specific photos based on the keywords.

9. Wikimedia Commons

From the name you might have guessed; it is Wikipedia’s online repository for all the photos they use. That means there is a photo for almost anything you might be looking for.

10. Burst (by Shopify)

Burst is a free stock photo platform that is managed by Shopify. The photographers of this website are frequently shooting and uploading high-resolution images to help others the world around to look for latest and trending images.

11. FoodiesFeed

It is the best resource present on the internet which is highly visually appealing especially for free food photos in high resolution.

12. Kaboompics

Kaboompics is one of its type and most widespread source of free images for lifestyle, interior designs and used by specialized bloggers.

Every month, almost over 70,000 people from 209 countries visit Kaboompics. Their image appears on sites like BBC, CNN, Forbes, Cosmopolitan, Yahoo, iSpot, BuzzFeed, Hubspot and many more.

Besides these, there is many other free images stock WordPress website presents, which can help us to look for the latest and trending images some of them are:

FreeImages, FreePhotos, FreeStocks, Gratisography, IM Free, Jay Mantri, Life of Pix, Moose, ShotStash, ScatterJar and many more.

Read More >>

(Fixed) Brackets Live Preview Chrome needs to be relaunched

Posted On // Leave a Comment
Today when I installed Brackets Code Editor and tried the live preview feature then I got this error Chrome needs to be relaunched with remote debugging enabled. I tried few things then I saw there is another feature of Brackets Editor experimental live preview So I tried to Enable it then the issue got resolved.

Without wasting much time I will show you how to fix this issue step by step as this is very easy to self fix but for some newbies, it's harder to fix for them I'm writing this tutorial post.

Fixing Brackets Live Preview Error with Chrome

Follow the below steps to resolve the issue
  • Click on File > then select the experimental live preview and enable it as shown in the image below:


Enable experimental live preview Feature in Brackets

  • Restart the code editor (Close the window and open it again) Now there is the last step that you must follow in order to use the live preview feature.
  • Now you must be having a file structure for your project all you need to do is Rename your HTML file to index.html as shown in the screenshot below:
Rename your HTML file to index.html

After renaming click on live preview it should work smoothly and in realtime, you will see the changes reflecting in the browser.

If you don't rename the HTML file to index you will see this type of popup error displaying on your editor window.

Add index.html default file to avoid live preview error

This is it thanks for following this article and if you like it please share it and if you are still struggling with this issue then please do write to us in the comments section will try to help you.

Read More >>

JavaScript shortcuts DOM Element Helper Functions for fast coding

Posted On // 2 comments

We know how fast javascript is growing and evolving with new methods to manipulate the DOM. When you compare vanilla javascript selectors code with jQuery Selectors you will find javascript code is lengthy and repetitive, to avoid this I have created a helper function which will make your coding life little easier and helps you to concentrate more on productivity than the code.

Hey, I have updated the last post and this time we are back with an awesome post.

Here is the code you can create a helperFunctions.js file and paste this below code inside that and add the reference to this file in your HTML page.

If you don't find the above method interesting then add it in the page just add two scripts tags opening and closing and place the code there and use it anywhere.

  function sE(element, boolean) {
            if (element && boolean === false) {
                return document.querySelector(`${element}`);
            } else {
                return document.querySelectorAll(`${element}`);
            }
        }
The above function is to select HTML elements to manipulate them whether to select one or all you can do this using one function.

Brief Explanation of the Function:


sE: This is the name of the function. I have used a short name you can change this and use whatever you wish.

Arguments: 


element: Here you can add id, class, tag name, attribute selector.
for example:

sE("h1", false);
sE(".container", "false");
sE("#id", false);

The above are the examples and the ways how this helper function works. If you are concentrating on reading then you have noticed that why this false value is coming as the next or second argument when invoking the function? let me explain you.

boolean: this is the second argument you have to add true or false based on your project.

True means to select all the elements either of the class, tag name etc

False means to select the single element of that either id, class, tag etc

This is the required field so missing may cause the code to break and produce errors.

Here a complete working example of the above function

let heading = sE("h1", false);

Here in the above example, I'm storing h1 tag in a variable. See how easy it has become to select any elements and to modify them.








Read More >>

4 Useful Tips to Improve SEO Ranking of Your Videos

Posted On // 1 comment
4 Useful Tips to Improve SEO Ranking of Your Videos

At first glance, it may seem as though improving the SEO for videos that you publish on your blog is difficult. In some ways that are true, especially seeing as search engines can’t actually ‘watch’ videos and determine what they are about.

Despite that there are several useful ways that you can improve the SEO of your videos and provide search engines with more information about them:

Publish the video transcript near the video:

Transcribing the audio in your video and then publishing it will give search engines written content that they can use to understand your video better. If you want you can manually transcribe the video or use automated transcription tools to help.

In either case, it is best to publish the transcript near the video – ideally right below it. If you’re concerned that will disrupt the layout of your website, you could insert it in a collapsible HTML element.

Optimize the page speed of the webpage

As you add videos to your blog you should track the page speed and optimize them as necessary. If you aren’t carefully videos can have a significant impact on the page speed, which will affect your rankings on search engines.

Some of the factors that can affect the page speed include self-hosting videos or setting them to autoplay. In some cases, you may need to optimize other elements on your webpage to improve the page speed after you publish videos.

Add in video schema markup

Video schema markup will help provide search engines with lots of relevant information about your video. Some of the details that you can include are the title, description, duration, upload date, and view count.

On top of that, you will be able to assign a custom thumbnail to your video using schema markup as well. That can help to improve the clickthrough rate of your video when it is listed on search engines, which will both improve your SEO and its overall impact.

Make sure the video is mobile-friendly

Search engines place a lot of importance on how mobile-friendly websites are, and your video SEO should factor that in. The web design and video player should be responsive, and you may want to create versions of the video in different resolutions to cater to some mobile devices.

For example, you could use Movavi Video Converter as an HD video converter to ensure that your videos are in the resolutions (and formats) that you require.

Each of the tips listed above can have a big impact on your video SEO and it is crucial that you take steps to improve them. If you do the videos that you publish on your blogs should get listed faster, rank better, and have enhanced listings too.

It should be noted that there are lots of other steps that you should take if you want to truly scale the rankings of search engines. That being said these tips can help give you a solid foundation that you can start with.

Read More >>