Categories
General

Create Navigation Drawer In Flutter

Navigation Drawer is a very essential user interface (UI) of any mobile application. It consists of main navigation menu from which app’s features can be surfed. It appears when the user tap on the drawer icon or slide the screen from left edge to right.

In the tutorial, we are going to create a navigation bar using flutter. As compared to native Android or iOS apps, we will have to write very minimal code and all the heavy lifting regarding it will be done by our flutter framework.

At first, Let’s create a new flutter project in Android Studio by navigating to File => New => New Flutter Project.

Once the project is created. We will have default flutter code in the main.dart file. We will remove all the default generated code and write everything from scratch.

I have divided this blog post in just two easy steps for better understanding as:

  1. Drawer Class
  2. Create a list of items (navigation menu) by using ListView widget

1. Drawer Class

Drawer Class in flutter is a material design panel that slides in horizontally from the left edge. This class is used with Scaffold.drawer property and the child of the drawer is generally a listview widget.

2. Create a list of items (menu items) by using ListView widget

Now we will create a list of items inside the Drawer class that will be used as a navigation drawer items as:

ListView(
                children: <Widget>[
                  UserAccountsDrawerHeader(
                    accountName: Text('Coding Ninja'),
                    accountEmail: Text('ninja@codingninja.info'),
                    currentAccountPicture: CircleAvatar(
                        backgroundColor: Colors.deepPurple, 
                        child: Text("C")),
                  ),
                  ListTile(
                    leading: Icon(Icons.home),
                    title: Text('Home'),
                    onTap: () {
                      //add routes to navigate
                      showSnackBar(context, "Home");
                    },
                  ),
                  ListTile(
                    leading: Icon(Icons.local_laundry_service),
                    title: Text('Services'),
                    onTap: () {
                      //add routes to navigate
                      showSnackBar(context, "Services");
                    },
                  ),
                  Divider(
                    color: Colors.black87,
                  ),
                  ListTile(
                    leading: Icon(Icons.settings),
                    title: Text('Settings'),
                    onTap: () {
                      //add routes to navigate
                      showSnackBar(context, "Settings");
                    },
                  ),
                  ListTile(
                    leading: Icon(Icons.report_problem),
                    title: Text('Report Problem'),
                    onTap: () {
                      //add routes to navigate
                      showSnackBar(context, "Report Problem");
                    },
                  ),
                ],
              )

We have already read in our previous articles of creating listview as static and long dynamic lists. The only thing new here is the UserAccountsDrawerHeader Section.

UserAccountsDrawerHeader(
                    accountName: Text('Coding Ninja'),
                    accountEmail: Text('ninja@codingninja.info'),
                    currentAccountPicture: CircleAvatar(
                        backgroundColor: Colors.deepPurple, 
                        child: Text("C")),
                  ),

This property is provided by the Drawer Class. It will create the User info section or head section of the navigation drawer with user avatar/image.

At last, our main.dart file will have the following code:

main.dart

import 'package:flutter/material.dart';

void main() => runApp(NavigationDrawerDemo());

class NavigationDrawerDemo extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: "Navigation Drawer Demo",

      //Hide Debug Mode Banner
      debugShowCheckedModeBanner: false,

      home: Scaffold(
        appBar: AppBar(title: Text('Navigation Drawer Demo')),
        drawer: Builder(
          builder: (BuildContext context) {
            return Drawer(
              child: ListView(
                children: <Widget>[
                  UserAccountsDrawerHeader(
                    accountName: Text('Coding Ninja'),
                    accountEmail: Text('ninja@codingninja.info'),
                    currentAccountPicture: CircleAvatar(
                        backgroundColor: Colors.deepPurple, 
                        child: Text("C")),
                  ),
                  ListTile(
                    leading: Icon(Icons.home),
                    title: Text('Home'),
                    onTap: () {
                      //add routes to navigate
                      showSnackBar(context, "Home");
                    },
                  ),
                  ListTile(
                    leading: Icon(Icons.local_laundry_service),
                    title: Text('Services'),
                    onTap: () {
                      //add routes to navigate
                      showSnackBar(context, "Services");
                    },
                  ),
                  Divider(
                    color: Colors.black87,
                  ),
                  ListTile(
                    leading: Icon(Icons.settings),
                    title: Text('Settings'),
                    onTap: () {
                      //add routes to navigate
                      showSnackBar(context, "Settings");
                    },
                  ),
                  ListTile(
                    leading: Icon(Icons.report_problem),
                    title: Text('Report Problem'),
                    onTap: () {
                      //add routes to navigate
                      showSnackBar(context, "Report Problem");
                    },
                  ),
                ],
              ),
            );
          },
        ),
      ),
    );
  }
}

//Show SnackBar
void showSnackBar(BuildContext context, title) {
  //Hide navigation drawer while showing SnackBar
  Navigator.of(context).pop();

  //Show SnackBar
  Scaffold.of(context).showSnackBar(
    SnackBar(
      content: Text('$title is Clicked!'),
      backgroundColor: Colors.black87,
    ),
  );
}

Categories
Flutter Flutter Tutorial

Flutter Font Awesome Plugin Tutorial

In this article we are going to learn how to use flutter font awesome plugin into your flutter app very easily.

Step 1: Package Installation

Font awesome flutter package provides icon packs as flutter icons so that we can use them in our flutter apps. It includes all free icons:

  • Regular Icon Sets
  • Solid Icon Sets
  • Brands Icon sets

In the dependencies section of your pubspec.yaml file, add the following line:

font_awesome_flutter: <latest_version>

After adding the above line, click on Packages get in the Android Studio IDE, to download the package into your project.

Once the download is finished, it is ready to use in our project.

How to use it?

In order to use it anywhere in our project, we just need to include the following line of code at the top of the particular file (main.dart in my case).

import 'package:font_awesome_flutter/font_awesome_flutter.dart';

Once we include the above line, now flutter will detect our Font Awesome package into the particular file so that we can use it.

IconButton( icon: FaIcon(FontAwesomeIcons.surprise), onPressed: (){}, iconSize: 16.0, ),

For the IconData class, here we use FaIcon widget provided by our Font Awesome package and access the icons through FontAwesomeIcons class.

Using in Menus

Using Font awesome in Navigation Drawer

In our previous post, we have seen how to implement Navigation Drawer in our flutter apps. In this section of this article, we are going to learn to use Font Awesome in Navigation Drawer

In order to achieve this, we will have to write the following code:

drawer: Builder(
        builder: (BuildContext context){
          return Drawer(
            child: ListView(
              children: <Widget>[
                UserAccountsDrawerHeader(
                  accountName: Text('Coding Ninja'),
                  accountEmail: Text('ninja@codingninja.info'),
                  currentAccountPicture: CircleAvatar(
                      backgroundColor: Colors.deepPurple,
                      child: Text("C")),
                ),
                ListTile(
                  leading: FaIcon(FontAwesomeIcons.home),
                  title: Text('Home'),
                  onTap: () {
                    //add routes to navigate

                  },
                ),
                ListTile(
                  leading: FaIcon(FontAwesomeIcons.servicestack),
                  title: Text('Services'),
                  onTap: () {
                    //add routes to navigate

                  },
                ),
                Divider(
                  color: Colors.black87,
                ),
                ListTile(
                  leading: FaIcon(FontAwesomeIcons.cogs),
                  title: Text('Settings'),
                  onTap: () {
                    //add routes to navigate

                  },
                ),
                ListTile(
                  leading: FaIcon(FontAwesomeIcons.exclamation),
                  title: Text('Report Problem'),
                  onTap: () {
                    //add routes to navigate

                  },
                ),
              ],
            ),
          );

Using Font awesome in Bottom Navigation Bar

In our previous post, we have seen how to implement Bottom Navigation Bar in our flutter apps. In this section of this article, we are going to learn to use font awesome in Bottom Navigation Bar as shown in the figure shown below:

We can achieve it by writing the following code:

bottomNavigationBar: Builder(
        builder: (BuildContext context){
          return BottomNavigationBar(
            items: [
              BottomNavigationBarItem(
                icon: FaIcon(FontAwesomeIcons.home),
                title: new Text('Home'),
              ),
              BottomNavigationBarItem(
                icon: FaIcon(FontAwesomeIcons.envelope),
                title: new Text('Messages'),
              ),
              BottomNavigationBarItem(
                  icon: FaIcon(FontAwesomeIcons.user),
                  title: Text('Profile')
              )
            ],
          );

Using with custom Flutter widgets

Custom flutter widgets are very useful when we want to create our own widgets to achieve certain functionality or re-usability.

We can also use font awesome in our custom flutter widgets in the following way:

class MyCustomWidget extends StatelessWidget {
  Widget build(BuildContext context) {
    return IconButton(
      // Use the FaIcon Widget + FontAwesomeIcons class for the IconData
      icon: FaIcon(FontAwesomeIcons.gamepad), 
      onPressed: () { print("Pressed"); }
     );
  }
}

Final Words

Congrats! we have come to the end of this article. Fontawesome is a great icon pack with hundreds of icons and is updated daily with the new ones. So what are you waiting for? Try it out in your flutter apps.

Happy Coding! 🙂

Categories
General WordPress

Best WordPress Optimizer Plugin [Updated]

Best WordPress Optimizer Plugin Collections for your WordPress site.

WordPress site speed optimization plugin increase website speed and reduce page load time. WordPress Plugin are use to customize the website.

WordPress Image Optimizer Plugin:

WordPress Site Speed Optimization Plugin:

WordPress Performance Plugin:

Use lightweight WordPress performance plugin to increase website speed. you can also read this article how to increase WordPress website speed without plugin.

Testing the WordPress performance by using website testing tools like gtmetrix speed test. GTmetrix for WordPress plugin is one of the best WordPress site speed test plugin. Read this article for How To Use GTMetrix For WordPress Speed.

Categories
Flutter Flutter Tutorial

Flutter Tutorial: Animated Curved Navigation Bar Package

Welcome to Flutter tutorial, today we are going to discuss on how to implement Animated Curved Navigation Bar in to your android or iOS application.

by using the Flutter curved navigation bar plugin you can create flutter custom bottom navigation bar in your project.

Package name: curved_navigation_bar

How to add dependency for animated curved navigation bar flutter package

Flutter Bottom Navigation Bar Animation

Curved Navigation Bar

add this line into your project pubspec.yaml file under dependency section.

Be sure indentation is correct.

If your indentation goes wrong it will generate error.

dependencies:
  curved_navigation_bar: ^0.3.1 #latest version

Run commend in commend line

$ flutter pub get

Alternatively, your editor might support flutter pub get. Check the docs for your editor to learn more.

Import this line at the beginning in you main.dart file

import 'package:curved_navigation_bar/curved_navigation_bar.dart';

In .yaml file # sign is used for comments any line or text.

Now assign this widget as Scaffold attribute value for bottom Navigation Bar:

Flutter Bottom Navigation Bar Animation Sample Code:

Scaffold(
  bottomNavigationBar: CurvedNavigationBar(
    backgroundColor: Colors.blueAccent,
    items: <Widget>[
      Icon(Icons.add, size: 30),
      Icon(Icons.list, size: 30),
      Icon(Icons.compare_arrows, size: 30),
    ],
    onTap: (index) {
      //Handle button tap
    },
  ),
  body: Container(color: Colors.blueAccent),
)

This widgets has nine configurable attributes, by using the attributes you can easily customize the widgets as you like.

Attributes:

items: List of Widgets
index: index of NavigationBar, can be used to change current index or to set initial index
color: Color of NavigationBar, default Colors.white
buttonBackgroundColor: background color of floating button, default same as color attribute
backgroundColor: Color of NavigationBar’s background, default Colors.blueAccent
onTap: Function handling taps on items
animationCurve: Curves interpolating button change animation, default Curves.easeOutCubic
animationDuration: Duration of button change animation, default Duration(milliseconds: 600)
height: Height of NavigationBar, min 0.0, max 75.0

Flutter Bottom Navigation Bar Animation Example App

Curved Navigation Bar

Create new project:

flutter create flutter_curved_navigation_bar 

Open the pubspec.yaml file and add this under dependencies section.

name: flutter_curved_navigation_bar
description: A new Flutter project.

# The following defines the version and build number for your application.
# A version number is three numbers separated by dots, like 1.2.43
# followed by an optional build number separated by a +.
# Both the version and the builder number may be overridden in flutter
# build by specifying --build-name and --build-number, respectively.
# In Android, build-name is used as versionName while build-number used as versionCode.
# Read more about Android versioning at https://developer.android.com/studio/publish/versioning
# In iOS, build-name is used as CFBundleShortVersionString while build-number used as CFBundleVersion.
# Read more about iOS versioning at
# https://developer.apple.com/library/archive/documentation/General/Reference/InfoPlistKeyReference/Articles/CoreFoundationKeys.html
version: 1.0.0+1

environment:
  sdk: ">=2.1.0 <3.0.0"

dependencies:
  flutter:
    sdk: flutter

  # The following adds the Cupertino Icons font to your application.
  # Use with the CupertinoIcons class for iOS style icons.
  cupertino_icons: ^0.1.2
  curved_navigation_bar: ^0.3.0 #latest version

dev_dependencies:
  flutter_test:
    sdk: flutter


# For information on the generic Dart part of this file, see the
# following page: https://dart.dev/tools/pub/pubspec

# The following section is specific to Flutter.
flutter:

  # The following line ensures that the Material Icons font is
  # included with your application, so that you can use the icons in
  # the material Icons class.
  uses-material-design: true

  # To add assets to your application, add an assets section, like this:
  # assets:
  #  - images/a_dot_burr.jpeg
  #  - images/a_dot_ham.jpeg

  # An image asset can refer to one or more resolution-specific "variants", see
  # https://flutter.dev/assets-and-images/#resolution-aware.

  # For details regarding adding assets from package dependencies, see
  # https://flutter.dev/assets-and-images/#from-packages

  # To add custom fonts to your application, add a fonts section here,
  # in this "flutter" section. Each entry in this list should have a
  # "family" key with the font family name, and a "fonts" key with a
  # list giving the asset and other descriptors for the font. For
  # example:
  # fonts:
  #   - family: Schyler
  #     fonts:
  #       - asset: fonts/Schyler-Regular.ttf
  #       - asset: fonts/Schyler-Italic.ttf
  #         style: italic
  #   - family: Trajan Pro
  #     fonts:
  #       - asset: fonts/TrajanPro.ttf
  #       - asset: fonts/TrajanPro_Bold.ttf
  #         weight: 700
  #
  # For details regarding fonts from package dependencies,
  # see https://flutter.dev/custom-fonts/#from-packages

main.dart

import 'package:curved_navigation_bar/curved_navigation_bar.dart';
import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      debugShowCheckedModeBanner: false,
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);

  final String title;

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  int _page = 0;
  GlobalKey _bottomNavigationKey = GlobalKey();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      bottomNavigationBar: CurvedNavigationBar(
        key: _bottomNavigationKey,
        items: <Widget>[
          Icon(Icons.add, size: 30),
          Icon(Icons.list, size: 30),
          Icon(Icons.compare_arrows, size: 30),
        ],
        onTap: (index) {
          setState(() {
            _page = index;
          });
        },
      ),
      body: Container(
        color: Colors.blueAccent,
        child: Center(
          child: Column(
            children: <Widget>[
              Text(_page.toString(), textScaleFactor: 10.0),
              RaisedButton(
                child: Text('Go To Page of index 1'),
                onPressed: () {
                  //Page change using state does the same as clicking index 1 navigation button
                  final CurvedNavigationBarState navBarState =
                      _bottomNavigationKey.currentState;
                  navBarState.setPage(1);
                },
              ),
            ],
          ),
        ),
      ),
    );
  }
}

flutter bottom navigation bar animation make you app interface more attractive and custom bottom navigation bar make flutter app more flexible.

Github Link: https://github.com/siddik12/flutter_curved_navigation_bar

Flutter admob example

Categories
Flutter Flutter Tutorial

Flutter AdMob Banner Ads Integration Tutorial

In this article we are going to show you how to integrate flutter admob banner ads in to your flutter app very easy.

Flutter admob tutorial

Flutter Firebase Admob Example

Firebase admob flutter plugin is developed and maintain by Flutter team. so you can get all the latest update with support if you use this plugin in your project.

Package: firebase_admob

This flutter plugin support banner ads, interstitial ads and rewarded video ads using the Firebase AdMob API.

How to install flutter plugins in your project?

to add this plugin to your package’s pubspec.yaml file:

dependencies:
  firebase_admob: ^0.9.0+7

Now run this command in command line

$ flutter pub get

Import the package where you want to use this

import 'package:firebase_admob/firebase_admob.dart';

In android update your AndroidManifest.xml file by adding this line of code

<manifest>
    <application>
        <!-- TODO: Replace with your real AdMob app ID -->
        <meta-data
            android:name="com.google.android.gms.ads.APPLICATION_ID"
            android:value="ca-app-pub-################~##########"/>
    </application>
</manifest>

where [ADMOB_APP_ID] is your App ID. You must pass the same value when you initialize the plugin in your Dart code.

In order to setup the plugin for iOS you should update your Info.plist by adding these two keys:

<dict>
	<key>GADApplicationIdentifier</key>
	<string>ca-app-pub-################~##########</string>
</dict>

where [ADMOB_APP_ID] is your App ID.

Initializing the flutter plugin

First of all the AdMob plugin must be initialized with an AdMob App ID.

FirebaseAdMob.instance.initialize(appId: appId);

In main.dart file

import 'package:firebase_admob/firebase_admob.dart';

You can also test with your own ad unit IDs by registering your device as a test device. Check the logs for your device’s ID value. for this add this code in main.dart file

const String testDevice = 'YOUR_DEVICE_ID';

You can send Mobile Ad Targeting Info by adding this code into your main.dart file

MobileAdTargetingInfo targetingInfo = MobileAdTargetingInfo(
  keywords: <String>['flutterio', 'beautiful apps'],
  contentUrl: 'https://flutter.io',
  birthday: DateTime.now(),
  childDirected: false,
  designedForFamilies: false,
  gender: MobileAdGender.male, // or MobileAdGender.female, MobileAdGender.unknown
  testDevices: <String>[], // Android emulators are considered test devices
);

Add a variable for banner ads

 BannerAd _bannerAd;

Create banner Ads method

BannerAd createBannerAd() {
    return BannerAd(
      adUnitId: BannerAd.testAdUnitId,
      size: AdSize.banner,
      targetingInfo: targetingInfo,
      listener: (MobileAdEvent event) {
        print("BannerAd event $event");
      },
    );
  }

Limitations of This Plugin

This is just an initial version of the plugin. There are still some limitations:

  • Banner ads cannot be animated into view.
  • It’s not possible to specify a banner ad’s size.
  • There’s no support for native ads.
  • The existing tests are fairly rudimentary.
  • There is no API doc.
  • The example should demonstrate how to show gate a route push with an interstitial ad
Categories
General

How to Install DotNet Core on Ubuntu

How to Install DotNet Core on Ubuntu 18.04 step by step .

►Commands

sudo apt-key adv –keyserver packages.microsoft.com –recv-keys EB3E94ADBE1229CF

sudo apt-key adv –keyserver packages.microsoft.com –recv-keys 52E16F86FEE04B979B07E28DB02C46DF417A0893

sudo apt-get update

(stable)

sudo apt-get install dotnet-sdk-2.1.105

(newest)

sudo apt install dotnet-sdk-2.1.300-preview2-008533

dotnet new console

dotnet run

Categories
Digital Marketing

Pay Per Click Advertising

Almost every website uses ads as a form of monetization. These ads are often paid per click ads that earn the webmaster money every time their visitors click on them. As a webmaster, you and your website can also benefit by creating these ads and allowing other websites, as well as search engines, to display your ads. This process is called pay per click advertising.

What is Pay Per Click Advertising?

When you create an ad, you normally pay a set price to have it displayed on other people’s websites. For instance, it may cost you $50/month to advertise on one popular website.

With pay per click advertising, you create an ad and pay a certain price only when someone clicks on the ad. In addition, your ad is not just shown on one website. It has the potential to be shown on many different websites.

Your ad can also be displayed around the search engine results, depending on what service you advertise with. For instance, if you use Google AdWords to display your ad, then you can appear in the search results on Google.

In short, you can display your ad to a much wider audience using pay per click advertising than if you utilize one static ad.

How Does Pay Per Click Advertising Work?

Unlike regular ads, pay per click advertising costs you money every time someone clicks on your ad. When you create your ad, you determine how much money you are willing to pay for someone’s click.

Your ad is displayed around relevant keywords. The keywords you choose will determine how much you have to pay per click, and the price you choose to pay for one click will also determine how often your ads are shown. People who are willing to pay more per click will have their ads shown first because they take priority over other ads.

Most of the time, you will be paying under a dollar per click; however, some popular keywords, that are highly competitive, could cost you a few dollars per click. It all depends on the popularity of the keyword and the competition for that keyword.

For instance, if you create an ad based around a popular keyword such as ‘lose weight’, then there is going to be a lot more competition for ad placement than some less popular keywords.

That means that you will have to pay more per click if you want your ads to appear higher in the search results, and your competition will determine how much that price will be by the amount that they are willing to pay per click. You will have to beat their top amount if you want your ad to appear above theirs.

How Does Pay Per Click Ads Generate Traffic For Your Website?

Pay per click advertising can be very beneficial for you and your website. There are a few different ways that it is well worth the money.

First, you can steal the competitions traffic. Your competition is likely to use a pay per click form of advertising, such as Google AdWords, to monetize their website. In fact, very few websites do not use this form of advertising. If your ads appear on your competitions website, and the reader clicks on your ad, then you have the potential to impress that reader and steal their business from your competition.

Second, you will be put in front of a huge audience. Not only do you appear on your competitions websites, but you also appear in the search engines where people are actively looking for the information or products you are providing.

Lastly, the return on investment has huge potential. Even if you pay over a dollar for someone to click on your ad, you can end up turning him or her into long-term readers or customers. You have the potential to make much more money from them than it cost you to get them to your website.

Organic Search vs PPC Search Marketing Results

When you invest in pay per click advertising, you appear in the search results and receive visitors that are interested in your ads and the information promised in your ads. After that, it is up to you to pull the visitors into your website because they may not see your ads again.

However, when you appear on the same page as those ads in the natural search results, you can get targeted visitors who are interested in your content without it costing you a penny. In addition, if they come back to that list of results, you are guaranteed to have them see your website in their natural search engine results again.

This is why onsite and offsite SEO is so important in any website. It can help you appear alongside the ads in search engines and help you to get noticed by a larger audience.

Is Pay Per Click Advertising Worth It?

Yes. There is no other form of advertising, besides organic search results, that reaches such a large audience. Especially if you use a popular pay per click service such as Google AdWords. In addition, you receive targeted visitors who are interested in what your ad is offering. As long as you direct your visitors to relevant information, the chances of you gaining a reader or making a sale are huge.

Categories
Earn Money Online

How to Earn Money Online Without Investment

There is a lot of advice out there on how to earn money online. The problem is that a lot of that advice requires you to invest some money in order to get started, and not everyone can afford to invest money to start up their own online business. In this article, we will discuss some ways that you can earn money online without investment and still make a large income.

Online business is booming. According to recent statistics, of all the services provided in the U.S. in 2010, 4.7 percent of those services were from online business. The percentage may not seem like a huge number, but the total revenue earned from online business was around $684 billion. In the U.K., the percentage was even higher at 8.3 percent. As the internet grows, those percentages will grow as well.

If you cannot get your business started, because you do not have the initial investment, then you are missing out on a share of that revenue. Therefore, you need to find ways to start to earn money online without investment so that you can become a part of the multimillion dollar business.

How to Earn Money Online Without Investing A Penny

1. Video Creation

Starting an online video niche for yourself can earn you a six-figure income. For example, YouTube already has hundreds of partners who are making this kind of money, and with the right niche and branding, you can too. In addition, signing up to YouTube is free. Money is earned when you monetize your videos, draw people to your videos, and they click on the ads on or around your video.

It is important to remember that you cannot monetize your videos if they have content that does not belong to you. For instance, cartoon footage that comes from a third-party creator cannot be monetized because you did not create the cartoons yourself. Find something interesting that you enjoy doing and want to share with people, and then create a video channel around that brand.

2. Offer Your Services through Third Party Sites

Do you want to build a business around services that you are able to provide? All kinds of services are in demand online, and many people will tell you that you must have your own personal space on the Internet to offer your services, but that is not true.

You don’t have to build a website or blog to offer your services. You can join a website that connects you with people looking for your services. You do have to pay a fee when your services are used to the website that connected the two of your together, but you do not have to pay any upfront investment to join these websites.

3. Brand Yourself on Social Media

In the past 10 years, social media has taken a hold of the world and had a huge influence over business online and offline. Facebook, Twitter, Pinterest and other social sites are here to stay, and they can have a big influence over how much money you make online. Moreover, they are all free to join.

If you can brand yourself on social media and gather a large following, then you can gain trust with a large group of loyal people. Many popular personalities online can send out one tweet or post about a product and cause many interested people to click through to the product. Therefore, you can draw your followers to links that make you money (such as affiliate links), and you can start to earn money instantly.

In the end, remember, you can earn a share of this multimillion dollar business without putting money down initially.

Categories
Affiliate Marketing

Affiliate Marketing

Affiliate Marketing: The Term Is Everywhere!

Have you heard of the term affiliate marketing? You most likely see the word thrown around a lot and even see the word affiliates at the bottom of many website pages. Affiliate marketing is very popular, but it can be very difficult as well.

What Is Affiliate Marketing?

Ideally, affiliate marketing is finding someone who is offering a product similar to what you have knowledge and ideas about, and then agreeing to advertise that product in many different forms for a commission when a sale is made.

When you are advertising a product as an affiliate to a company, you will be given a unique link to that product that has your affiliate ID in it. This way, the customers that come to the company’s website from your link are associated with you and only you.

So, if you tweet about your product and use your affiliate ID link, then anyone who clicks on the link and buys the product will earn you a commission.

Commissions can range anywhere from 5% to 75% of the product price. You can even make money as an affiliate for someone signing up for a free trial in some cases. Every company is different in how much, how often, and in what form they pay you.

The companies who use affiliate marketers can use their own affiliate program, where they have to keep track of your statistics and sales for you, or they can outsource that to another company like ClickBank, Linkshare, or commission junction who keeps track of the statistics for them and you. The outsourced companies also pay you your commission.

Most companies opt for outsourcing the task, as it is well worth to pay a small fee to have someone else handle affiliates for you. It’s easier for the company in question and the affiliate marketer.

Who Has It Easier In Affiliate Marketing?

In a sense, affiliate marketers have the easy end of the stick. Once they send someone to a product that they are promoting, they don’t have to worry about them anymore in the sense of sales and happiness with the product. That is up to the person selling the product or the company that they are outsourcing to. Your job is to get them to the product and make the sale. That’s it.

What Types of Products To Market

One thing many marketers learn quickly, is that the trick to being a sincere and effective affiliate marketer is marketing products that you believe in and know something about. The fact that there are thousands of products to market can make it tempting to try and make money off of as many products as possible. But, if you know nothing about the product, your advertising methods can lack sincerity and actual reasons to buy the product.

On the other hand, if you are passionate about a product, and market it with that passion, then your ads will show sincerity, knowledge, and passion – which often motivates other people to become passionate as well.

For instance, if you are a huge advocate for alternative health, then marketing products for alternative health would be a great fit for you; whereas, if you think that alternative health is non-credible, then you may want to focus on something other form of product to market instead of trying to talk about how effective acupuncture really is. Put some passion and fire behind your marketing and it will shine through.

How To Market Your Products

Once you find something that you are passionate about, then you have to find what method of marketing works best for you and when you are online, you have many methods available to you. Articles, classifieds, pay per click, banner ads, websites, blogs, e-mail, forums, social sites and more. You just have to find what works best for you or a combination thereof and go with it.

The great thing about being an affiliate is that most of the companies will supply some sort of help to advertise their product. They may give you articles to use, banner ads, or keywords that are effective.

Who is Affiliate Marketing For?

  • Affiliate marketing is for anyone who can convey their passion and knowledge about something and convince others to be passionate as well.
  • It’s for anyone who wants to sell people stuff that they actually need, and that will benefit them in their life.
  • It’s for anyone who wants to seriously work from home while making a difference in the world in many different ways.
  • It’s for anyone who is willing to put in some work to see some self-made results. This is one of the great things about it. You see the results of your work and get paid for those results, but it does take work!

This type of work can be done from anywhere in the world as long as there is an internet connection, and the money made is dependent on the affiliates knowledge and drive. Just like everything, the more work and honesty you put in, the better the results.

Make Millions in One Hour!

If you have heard that you can make millions by putting an hour of work in per day, you have been misled. That may happen down the road, after many automated processes are in place for you, but in the beginning it’s going to take some work.

The great thing is that if you enjoy doing it, then it’s not really called working, but instead, it’s called following your dreams. And, if you are helping other people find stuff that aids them in their life, then you are doing a good service to this world while following your dreams. You can’t go wrong with that.

So is affiliate marketing right for you? Only you can decide. Just remember, it is not a get rich quick method. Just like offline work (or any work for that matter) affiliate marketing requires effort.

Categories
General WordPress

5 Best WordPress Plugins

I am a blogger and I have just started the new WordPress website, now I want to know that which are the best WordPress plugins need to be installed?

I just learned what is WordPress plugins? and how to install WordPress plugins in it.

If you have the above question too, and if you also want to know which are the Best WordPress Plugins, then this blog will be very useful to you, because after the start of blogging I also had this question, and now I know that Best WordPress plugins are required for a new WordPress website.

Top 7 Best WordPress Plugins


1. Wordfence Security Plugin

For any new WordPress website, its security is very important, so that you secure your website with the wordfence security plugin, and with the help of the wordfence security plugin, you protect the website from hacks and malware. So keep this in the list of Best WordPress plugins for the first time in its name.

WORDFENCE WORDPRESS SECURITY PLUGIN is the most DOWNLOADED PLUGIN. This protects your website very well, wordfence firewalls protect your website from HACKING.

There are many more features such as WordPress firewall, Real-time blocking, Login Security, Security scanning, Monitoring features, Multi-Site security, Caching FEATURES, Major Theme, and Plugins Supported, Free Learning Center about wordfence.


2. WP Content Copy Protection & No Right Click

This is also a SECURITY PLUGIN, but it gives security in a different way, as if it is our WordPress website, whatever content (meaning we have written all the blog posts) does not allow anyone to copy it, that means Nobody can go to our website and copy anything by MOUSE RIGHT CLICK. This WordPress security plugin gives our content security and cannot copy it.

Another advantage is that no one will be able to save images from your wordpress website.

All these keys (CTRL + A, CTRL + C, CTRL + X, CTRL + S or CTRL + V) are disabled, from the wordpress plugins.

To use WP Content Copy Protection & No Right Click,

In your WordPress dashboard >>>>> click on ADD NEW in the plugin >>>>> then search for this plugin and install >>>>> then activate

It does not need to configure anything separately in it, as soon as it is activated, it will start protecting your content.


3. Social Media Feather

Nowadays you are seeing more and more people are active in social media, and many people use Facebook, Twitter, Google Plus, Linkedin, and social media was very important to increase the traffic of your WORDPRESS website.

So it is very important that you keep the ICON button of social media in your WEBSITE so that by clicking on the SOCIAL MEDIA ICON BUTTON who visits your WEBSITE, can SHARE or FOLLOW or LIKE the post.

So for this we use this Social Media Feather plugin.

This is a free Social MEDIA WORDPRESS plugin so that we can add QUICKLY SOCIAL SHARING and FOLLOWING FEATURES to all your POST, PAGES and CUSTOM post types.


4. W3 Total Cache

If someone opens your WEBSITE, it should be OPEN in at least 5 to 7 seconds, or if the user closes the website and MOVE to another website.

If the speed of your website is low then there is a lot of impact on your traffic.

So, this W3 Total Cache WORDPRESS plugin uses to increase the SPEED of our website, this greatly reduces the loading time of your website’s posts or pages, which makes website post pages open at a very speed,

This will improve user experience as your website enhances the plugin server performance, reduces download time, and provides transparent content delivery network integration.


5. WordPress Related Posts

Its MAIN BENEFIT to increase the traffic page view of your website,

With wordpress related post plugin, you can see other posts relating to it at the end of one post in your website, which is what happens to the post of your website, after clicking on the second post and also reading the second post.

As if you wrote facebook related 5 or 6 posts in your website, and if someone is reading a post on your website, then he will see your second Facebook related 5 posts in the end of the post.

So, he will know about the second post of your website, and his engagement will increase and he will have more time on your website.

This wordpress related post plugin automatically configures the category wise related posts. You just want to install and activate it, and then you want to see the number of posts that are to be selected like 5 post 6 post, so you can select it according to your own.

6. Contact Form 7

Contact form 7 Best wordpress plugin and easy plugin to create a contact page, the advantage of this is that if a reader of your website wants to contact you, he will contact you with this contact form 7.

It is very important for any business site that if a user worn them, as their business grows,

But even in blogging, if a user has some questions related to your post, then you can ask by commenting with the help of contact form 7.

If you want to get approval from Google AdSense, you also need to have contact me page and you can keep it with the help of contact form 7.

7. Yoast SEO

Yoast SEO is a free plugin which I think is the most widely used plugin, max blogger use this Yoast SEO plugin to increase your website in SEARCH GOOGLE.

It helps IMPROVE your WORDPRESS SEO, it helps you write good content, it has many different SEO Impact features such as, Write better content with Yoast SEO, Page Analysis, Technical WordPress Search Engine Optimization, Meta & Link Elements, XML Sitemaps, Social Integration, Edit your .htaccess and robots.txt file and many more.

So you can USE these 7 BEST WROPRESS PLUGINS for your new BLOGGING website.


You can tell me by commenting on this blog and I can tell you, and if you have any questions, you can ask me by commenting.