Showing posts with label WordPress. Show all posts
How to Add Facebook Page Plugin or FanPage Box on Blog or Website

How to Add Facebook Page Plugin or FanPage Box on Blog or Website

Facebook introduce Page Plugin instead of Like Box/Fan Box. If you do not manually upgrade to the Page Plugin, your Like Box plugin implementation will automatically fall back to the Page Plugin. Facebook made a drastic changes i.e. Adaptive Width, Show Friend's Faces, Adjust Language, Privacy Restricted Pages, List Page Posts.

Facebook Page Plugin

The Page plugin lets you easily embed and promote any Facebook Page on your website. Just like on Facebook, your visitors can like and share the Page without leaving Facebook.

Step 1: Go to this Link

Step 2: Choose your Page Name, custom height and width of plugin, cover image and post according to your need.

Step 3: Now click on Get Code Button. It pop-up with two list of code example in this image

Step 4: Include the JavaScript SDK on your page once, ideally right after the opening  <body>  tag.
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); = id;
  js.src = "//";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
Step 5: Place this code wherever you want the plugin to appear on your page.
<div class="fb-page"
<div class="fb-xfbml-parse-ignore">
<blockquote cite="">
<a href="">Howlmeflash
In addition to we can also edit/change settings above code(second code).

Facebook Page Plugin for blogger

  • Complete these above step (step 1 to step 3)
  • Go to Blog >> Template Section >> Edit HTML, copy the above code and paste right after the <body> tag and save the template.
Backup Your Template Before Doing This
  • Now go to Layout >> Add a Gadget >> Choose HTML/JavaScript, give title as Facebook or different and paste 2nd piece of code of Page plugin in the content box.The code Look like this Step 5

Here we come to the end of a detailed tutorial of Facebook Page Plugin for blog or website which make your website much more engaging.

So this was our guide on How to Add Facebook Page Plugin or FanPage Box on Blog or Website, I hope the methods given above helped you.

Keywords:- How to Add Facebook Page Plugin or FanPage Box, Facebook Page Plugin for blogger, Facebook Page Plugin for Website, Facebook Page Plugin Shortcode For Blogger, facebook like box widget, facebook like box wordpress, facebook like box for blogger, facebook like box iframe, facebook feed widget, facebook widget wordpress, facebook like box html, facebook like widget, Easy Facebook Like Box, facebook social plugin blogger, facebook page plugin responsive.
How To Fix Render Blocking CSS In Above The Fold Content

How To Fix Render Blocking CSS In Above The Fold Content

Referencing CSS files with link[rel=stylesheet] will cause most browsers to delay page rendering while the stylesheet loads. This is desirable in many cases, but when loading stylesheets that are not critical to the initial rendering of a page, loadCSS (and upcoming web standards mentioned below) allows you to load stylesheets, so they don’t block page rendering.

render blocking CSS in above the fold content

How to identify render-blocking render-blocking JavaScript and CSS

You need to know what your page is loading. There are several ways to do this. I suggest you look at what your page is loading with our pagespeed tool to get an overview of the issues your page or theme faces. To get the specific files that are currently blocking rendering you should use the Google pagespeed insights tool. This tool will tell you the exact files that are blocking a particular page.

Also Read :-

How To Fix Render Blocking CSS In Above The Fold Content

Just simply add your External stylesheets (read those included via link tags) are render-blocking into a noscript tag.


If Your Link
<link rel="stylesheet" type="text/css" href=""/>

Just use below code

Method 1 :-

<noscript id="deferred-styles">
    <link rel="stylesheet" type="text/css" href=""/>
      var loadDeferredStyles = function() {
        var addStylesNode = document.getElementById("deferred-styles");
        var replacement = document.createElement("div");
        replacement.innerHTML = addStylesNode.textContent;
      var raf = requestAnimationFrame || mozRequestAnimationFrame ||
          webkitRequestAnimationFrame || msRequestAnimationFrame;
      if (raf) raf(function() { window.setTimeout(loadDeferredStyles, 0); });
      else window.addEventListener('load', loadDeferredStyles);

Method 2 :-

<link as='style' href='' onload='this.rel=&#39;stylesheet&#39;' rel='preload'/>
<noscript><link href='' rel='stylesheet'/></noscript>

Method 3 :-

<script type='text/javascript'>
function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { = n || "all" }) }

So this was our guide on How To Fix Render Blocking CSS In Above The Fold Content, I hope the methods given above helped you.

Keywords:- load a CSS file asynchronously, Eliminate render-blocking CSS in above-the-fold content, Defer loading CSS.
How to Add Expires Browser Cache Control Header

How to Add Expires Browser Cache Control Header

Leverage Browser Caching helps to decrease Blog page load time. When you open or load any Blog or webpage from your local computer on any browser then that Blog or websites automatically sends request to the server, and it takes some time. And when you add Expires Browser Cache code in your Blogger template code then any body open or load your blog, Expires Browser Cache code save the server response file is user Browser Cache. I means no more request to your server and no more extra time to load your Blog page.

Leverage Browser Caching

Every blogs that includes many multimedia files such as images (jpg, gif, png and more), java script (.js), flash (.flv), stylesheets (.css) and more. When the blog's page loads on a computer these files also download as cache file to the local system via browser. It will be automatically re-fetch while you accessing the same page again. If the file is already stored with expire date, the file loaded via your local. Server request will not sent from blogger until it expires.

How To Add Expires Browser Cache Code in Blogger

1. Sign in to your Blogger Dashboard > Template > Edit HTML

2. Click anywhere in the code and press CTRL + F to open the search box then find the <head> tag.

3. Just after <head> tag paste the code given below:
<!-- Start leverage caching by HowlMeFlash -->
<include expiration='7d' path='**.css'/>
<include expiration='7d' path='**.js'/>
<include expiration='15d' path='**.html'/>
<include expiration='3d' path='**.gif'/>
<include expiration='3d' path='**.jpeg'/>
<include expiration='3d' path='**.jpg'/>
<include expiration='3d' path='**.png'/>
<!-- End leverage -->
4. Save your Template and you are Done!

How To Add Expires Browser Cache Code in WordPress

<!-- Start leverage caching by HowlMeFlash -->
<include expiration='7d' path='/assets/**.css'/>
<include expiration='7d' path='/assets/**.js'/>
<include expiration='15d' path='/assets/**.html'/>
<include expiration='3d' path='/assets/**.gif'/>
<include expiration='3d' path='/assets/**.jpeg'/>
<include expiration='3d' path='/assets/**.jpg'/>
<include expiration='3d' path='/assets/**.png'/>
<!-- End leverage -->

Note: Here "7d" shows the expiry date as 7 for the file. You can modify it whatever you want.

Don't set long expires date for blogger blog's file in leverage browser caching header. Since if you set long expire date then it will take some time for update the changes from your blog.
So this was our guide on How to Add Expires Browser Cache Control Header in Blogger Blog, I hope the methods given above helped you.

Keywords:- Add Expires Cache Control Header in Blogger Blog, enable leverage browser caching in blogger blog, Add Leverage Browser Cache to Your BlogSpot Blog, leverage browser caching of your website or blog.


Live chat has become common on most of the websites today that not only helps the customers to clear all the confusion about products and services of any website but also to increase the value and trust of your brand.

The success of any business depends on the satisfaction level of its clients. Live chat and support plugin enables you to directly interact with your customers, clients or readers and help them to solve the problem they are facing.


There are various live chat and support plugins that can be integrated on WordPress website without any hassle and gives you an easy and professional way to manage and organize your chat. These live chat plugins will appear on your website wherever you want to in order to provide support, feedback online or offline in much easier and flexible.

Now you don’t have to wait for days or hours to resolve query, ask your favorite blogger or website owner about any query regarding their website or product and get reply instantly. As a website owner, it is a must have service that you need in order to increase your sales and saves employee task time and phone expenses. I have shared some best WordPress live chat and support plugins that you must integrate with your website, let’s have a look.

10 Best WordPress Plugins for live chat and support

1. WordPress Live Chat Plugin
WordPress Live Chat Plugin is a premium plugin with high-quality features that connect your support staff to resolve the problem of visitors or any inconvenience. It provides an easy and convenient way to chat with your visitors simply and beautifully.

WordPress Live Chat Plugin provides amazing features which includes email notification, availability to install to unlimited websites.

2. WP Live Chat Support
WP Live Chat Support is one of the most cost effective live chat plugins that enables you to chat with your visitors in just no time. If you have small business, it is just the perfect live chat plugin for your WordPress website.

WP Live Chat Support comes with easy to use interface for admin and visitors, unlimited simultaneously live chats. It is compatible with all caching pluginS.

3. ClickDesk Live Support
ClickDesk Live Support is one of the best WordPress live chats, help desks, voice chats and social toolbar for your website. ClickDesk allows your visitors to have voice and video chat from your website directly without the need of additional hardware or software.

The plugin works seamlessly across all major websites and advanced chat queuing.

4. Formilla Live Chat
Formilla Live Chat is an excellent live chat and support solution that offers your visitors to chat with you live for any question or support. The plugin has an easy to use interface and online live chat begins immediately.

Formilla Live Chat comes with real-time visitor monitoring and tracking that lets you see number of active visitors and initiate live chat with them.

5. Casengo Live Chat Support
Casengo Live Chat Support is all-in-one mail, chat and social media tool comes with easy to use interface and great design. The plugin allows you to add live chat on your website quickly and easily to handle visitor’s questions via live chat and emails.

Casengo also supports WhatsApp to help you to communicate with your customers quickly and efficiently. With Casengo, you can handle queries from anywhere.

6. Wise Chat
Wise Chat provides an effective way to build social network and to increase visitors’ engagement on your website by providing real time message exchange service. Wise Chat comes with growing list of features and constant support.

You can attach files directly to your messages with automatic bans if any visitor exceeds the limit of bad words.

7. Zopim Live Chat
Zopim lets you monitor and chat with visitor surfing in real time. It enables you to manage multiple conversations easily through online dashboard.

Zopim includes advanced analytics that monitors visitor flow, usage pattern and increases the changes of high value engagement.

8. Pure Chat
Pure Chat is leading live chat software that allows you to have chat with your visitors or clients in real-time just from anywhere. Pure Chat is simple and intuitive that it takes less than 3 minutes for the installation process.

Pure Chat includes features lie canned responses, chat box assignment, hosted chat boxes, multi-chat management and more.

9. LiveSupporti
LiveSupporti is one of the most cost-effective plugins that provides forever free plan of around 150 chats per month.

You can have support for unlimited concurrent chats for unlimited websites absolutely free.

10. Tidio Live Chat
Tidio Live Chat is fast live chat service that allows you to easily communicate with your visitors and customers. Tidio Live Chat takes less than 20 seconds to integrate with your website.

It allows you to get offline messages from your visitors to send an email when you are not online.
How to Secure Your WordPress Blog

How to Secure Your WordPress Blog

WordPress is one of the most popular platforms in the world. If you're reading this, chances are you've heard of all of the insecurities your default WordPress installation has. Luckily for you, there are many tools and a few tricks to help make sure that your WordPress installation is as secure as it possibly can be.

WordPress Security

1. Make Sure WordPress Is Up to Date

One of the main problems people have with keeping their WordPress installation secure is updating. Follow these steps:
  1. Find the "Update" link under the "Dashboard tab" as shown below and click it.
  2. Once you're in the Updates menu, you will be prompted to update your installation if needed, or to redownload it if it's already up to date (as seen below).

2. Ensure Your Host Is Running the Latest Version of PHP

It should go without saying. If your host is running an old, insecure, version of PHP, nothing you do will help you. The latest version, as of this writing, is version 5.4.3 which patches a buffer-overflow vulnerability. Any good website hosting company will be more than happy to tell you what version of PHP your server is running if you open a ticket with them.

3. Use a Blank HTML File to Hide Plugins

Hackers can use knowledge of your plugins to find vulnerabilities in your WordPress installation. Simply place a blank html file (a text file with the extension *.html that has nothing in it) into your /wp-content/plugins directory to make sure that they can't look up your plugins.

4. Block Access To Your wp-config.php

Simply put, you do not want someone to have access to your wp-config. It has your table prefixes, database login information, and more. If you forget to protect it, you're going to pay for it - dearly. The wp-config file is located in the root directory of your WordPress installation and is the holy grail of hacker information diving. So simply place:

<Files wp-config.php>
Order Allow,Deny
Deny from all

in your ".htaccess" file to tell Apache to make sure they don't get access to it. This will prevent any sort of unwanted access to your wp-config file. The ".htaccess" file is extremely important to the security of your WordPress installation (and your server as a whole). It would be wise to learn how to use it. Here is a good guide to get you started.

5. Install Secure WordPress

Secure WordPress is an excellent plugin that takes the guess work out of installation security. It takes care of removing nearly everything a hacker uses to get information on your installation. If there is one plugin you should be running, it is this one.

So there you have it. 5 extremely simple ways to get you started on your way to securing your WordPress installation. As WordPress is getting more and more popular by the day, hackers are becoming more and more vigilant at spotting exploitable holes in WordPress versions and then automating the task with the help of automated Google searches. Don't allow yourself to become a victim.
Blogger vs WordPress Which is Better For You

Blogger vs WordPress Which is Better For You

There are two big-name services in the world of blogging: Blogger vs WordPress. No matter where you go on the internet looking for advice, these two names are nearly impossible to avoid because they play such an important role within the online content community.

blogger vs wordpress

If you're just starting out a new blog, or making some major changes to your current layout, you'll most likely be faced with the decision to choose between Blogger vs WordPress. Both are stellar services that are going to make your life as a blogger much easier, but ultimately, your decision must come down to one. So don't cross over, let's walk this path together and ensure that you don't get lost in the wonder world of web, looking for answers.

Before we start!

WordPress as you might have noticed, comes in two different flavors, and Seemingly same, but practically, not. Like in Blogger vs WordPress, hosting at is like renting a corporate apartment where the corporate is responsible for maintenance and facilitation of your place. While hosting at is similar to buying your own apartment, where you are responsible for your place's security, maintenance and many others.

So, wherever in this post you see the word 'WordPress'; know that it refers to


WordPress is a clear front-runner in the blogging and web design community in terms of how many people actually use the platform. The founder of WordPress, Matt Mullenweg, provided eye-opening statistics that around 18.9% of the entire Internet runs on WordPress. Compared to a 2012 study done by, of all the actual blogs on the Internet, WordPress makes up 43%, Blogger 35%, and the remaining blogs are Tumblr or other less known services.

However, just because something is used more often than another, it doesn't mean it's easier to use. The problem with WordPress is that it wasn't designed for beginners who just want to take up blogging as a side hobby. In order to set up your own WordPress blog, you have to have some previous knowledge of things like hosting, bandwidth, HTML and SEO practices. There are WordPress services out there that will help set up your site and get you online, but WordPress itself comes as a set of files that you are expected to download and configure to your own site.

Some hosting companies have made the idea of using WordPress a little bit easier with things like one-click downloads; but it's still a pretty steep learning curve for new bloggers to overcome. You also have to deal with paying for the costs of hosting your site and acquiring the domain name. If you opt to use one of the many WordPress services instead of setting it up yourself, you'll be stuck with a URL such as '', which takes away from the professional image you may be trying to portray.

Blogger is entirely based on Google and makes setting up a blog a breeze. With Blogger vs WordPress all you need to get started is to sign up for the service using your Google account, or make a new account like you would if you were setting up an email account. From there, Blogger takes responsibility for all your files, backing up the systems and the details associated with operating a content site like a database. Blogger is so much easier in terms of walking you through the steps, providing you with everything you need to be successful and it's at little-to-no cost to you.

Design & Customizability

Hosting at WordPress means stepping into the Disney world. With hundreds of featured rich-customizable design templates, you would find yourself literally lost in the WordPress arena, ensuring that your site looks unique, catchy and simply marvelous to visitors. The wide array of WordPress templates include customized designs for nearly every walk of life including fashion, entertainment, music, health, kitchen, etc.

Blogger themes, some would say, are not responsive; but let me tell you a secret. With a little search online, you can find hundreds of free, highly customizable, responsive templates that you can easily integrate into your blog, so that you and your site visitors stay in touch with your blog through their handsets. For WordPress, however, you don't need to wander around. By default, it has rich and responsive native designs, making WordPress ideal for mobile bloggers.

Both platforms will allow you to make modifications to the theme and features of the site if you have experience or feel comfortable to use HTML and CSS. They also both provide helpful post areas for when you go to submit new content. These post areas will also include HTML and some basic functions to change the font style and the size of your text.

One design feature between the two that may tip the scale toward Blogger in the Blogger vs WordPress discussion is that Blogger is integrated with other Google services like Google Picasa. Picasa is a photo sharing site that will allow you to share all your personal photos, or the photos that you plan on using within your posts. These can then be accessed via the text editor when you are submitting content and can be easily included with the content.

Gadgets, Widgets & Plugins

Talking of plugins, WordPress provides you with thousands of easy to integrate plugins from security to multimedia, enabling you to add any feature or functionality in your site, in a couple easy steps. Users of this platform have submitted thousands of independent plugins that you can install for just about anything you would need, from SEO to E-commerce. There are so many interesting plugins available, that blog owners often make the mistake of cluttering their site with too many and distracting their readers from the content.

Blogger may not have as many plugins or widgets as WordPress, it does have enough to provide you with what you need. Blogger's simplicity in many ways provides it with an edge over WordPress because you are able to focus most of your time in producing great content, instead of seeing how many bells and whistles you can add on the site.

The SEO Question

Not every person that starts a blog is looking to make money off the content; some people just like to write for the sake of writing. Whatever your goals are for starting the blog, search engine optimization - or SEO for short - is a key strategy in growing your readership, so others might enjoy what you have to share.

Over 1 quadrillion searches are performed via Google each year. The goal of most SEO producers is to implement strategies that can appease Google so that their content will be ranked higher up in search query results. Blogger is a service created by Google, so it's obvious that they added their own formulas to the service to ensure that those blogs are doing what they need to do to be found.

Sticking to Blogger means Google would optimize your blog itself from a SEO perspective. All you need to do is check / uncheck a couple of options from your dashboard and Google will start crawling your site with just a click of a button. WordPress takes a hands-on approach that will require you to know a little bit more to modify your website design and content to meet these standards.

And the Blogger vs WordPress Winner Is…

In terms of Blogger vs WordPress, both services might be worth trying out, but ultimately Blogger comes out as a winner in all four categories discussed above. For new or returning bloggers, it is a fantastic service that makes it easy to focus on what you love, regardless of all the add-ons and fancy additions of WordPress. Blogger's simplicity is perhaps one of it's greatest advantages and provides bloggers of all experience levels a chance to succeed.