3 Basic Things to do After Installing WordPress

Now that you’ve successfully installed WordPress site and its up and running, now you can login to your WordPress site’s dashboard. Read this post to know how to visit WordPress login page of your site. After you’re logged in, there are many options to play with. This is the main backend section of your site. Everything you see on the front-end, the menus, header, sidebar footer, widgets, design, etc everything can be manipulated from here.

Once you’re familiar with the WordPress dashboard, you can easily customize your WordPress site as per your requirements. You can either turn it into a blog, company or personal site, or even a social network.

But beginners might get to get started, so here are 3 basic things which a WP user can do after fresh installation of their WordPress site.

1. CHANGING WORDPRESS THEME

For starters, changing their WordPress site theme can be a confusing task. So, here a quick guide for WordPress beginners which shows how easy they can change WordPress theme on their website.

Installing Wordpress Theme on Your Website

• Log in to your WordPress Dashboard
• Visit Appearance Menu > Themes
• Now click Add New Button
• In WordPress repository themes are subdivided under three categories: Featured, Popular, Latest. You may search for the theme of your choice. Hover over any theme’s thumbnail to Preview the theme and once you come across a theme you like, click Install button.
• If WordPress asks for your FTP credentials, Add your HostName, FTP username and Password and Click the Proceed button.

WordPress will now install the theme and you can click Activate to use the theme for your website.

Installing Themes Downloaded From outside WordPress Theme Repository

Some may want to install themes downloaded from outside the WordPress theme repository. To do so,

• Make sure you’re logged into your WordPress Dashboard
• Visit Appearance Menu > Themes
• Click Add New to go to Add Themes page
• Now click on Upload Theme Button
• In the next page, you can upload the theme which you downloaded
• If asked, Add your HostName, FTP username and Password and click the Proceed button

Now the theme will be listed in Themes section, now click Activate to use the particular theme for your website

2. ADDING A USER

WordPress provides you to add users with different kinds of roles: Super Admin, Administrator, Editor, Author, Contributor and Subscriber. Each roles have different actions which permits each users to perform various tasks.

Adding a User to Your WordPress Site

• Login to  your WordPress Dashboard
• Go to Users > Add New
• Enter Username (used for logging in), Email, Name and other details. If you want to manually set a password for that user, click on generate password. WordPress will automatically generate a strong password, or you can enter the password manually in the password field.
• Carefully select the role, which you’d want to assign to that user
• Click on Add New Use

Now the new user can have access to your WordPress site with the role which you’ve assigned.

Note: If you do not generate password while adding the user, the user gets a link in their email, which lets them set their own password.

3. ADDING MENUS

WordPress provides its users an easy and user-friendly interface to quickly manage menus in their site. Menus are one of the must have elements for easy navigation. WordPress users can add various items like categories, tags, pages & custom links to their menu.

Adding Menus to Your WordPress Site

• Login to WordPress Dashboard
• Go to Appearance > Menus
• Click on Create Menu
• Add Name to your Menu and click on Create Menu
• Select items (categories, tags, pages, custom links) you want to add in your Menu and Click Add to Menu
• Select the theme location option where you want to place the Menu
• Drag items to arrange their position (order them in the way you want them to appear)
• Click Save Menu

WordPress automatically places the menu which you’ve just created to the location where you wanted it to appear.

How to Prevent Others From Embedding Your YouTube Video

When you upload a video on YouTube, the video will be by-default publicly published and also other can embed that video on their websites/blogs, until you manually play with the video settings. But some users might want their video to be public (able to be searched on YouTube), but do not want other people to embed their video on external sites.

Well, here’s a quick guide that shows how you can prevent others from embedding your YouTube video.

PREVENTING OTHERS FROM EMBEDDING YOUR YOUTUBE VIDEO

• Login to your YouTube account
• Visit Videos Manager after you’re logged in
• Now find the video which you do not want others to embed, and click on edit option
• Go to Advanced Settings
• Uncheck Allow Embedding option, below Distribution options heading
• Finally click on the blue Save Changes button

Now on other people won’t be able to embed your that specific video on their Websites and blogs.

How to Update Google Chrome in Desktop/Android

Chrome is an amazingly fast and free browser, from Google. I personally prefer using Chrome over Safari and Firefox, because of availability of thousands of plugins to choose from, easy to use developer options and the main plus point of using Chrome is that I get extra security from the search giant Google. Google automatically warns me when I try opening spam or infected websites. I rarely get this sort of security in other browsers, until I manually make use of antivirus plugins.

Well, All I want to say is that I love surfing web with Google Chrome, and I recommend you too to start using it, if you still haven’t. I bet you’ll not regret.

I was just playing around. If you weren’t using Google chrome as your browser, why would you have bothered reading this post. Okay, let’s get to the point here. This quick guide shows how you can update Google Chrome in your desktop or Android device.

UPDATE GOOGLE CHROME IN DESKTOP

While you’re in Windows or Mac, simply click on the stack icon (that says, Customize and control Google Chrome) besides URL bar, and visit Help and About > About Google Chrome.

In next windows, Chrome will automatically check for updates.

You can also directly visit this settings page by entering chrome://chrome/ in the URL bar.

Mac users can also update google chrome by visiting Chrome (from the menu bar) > About Google Chrome. This takes you to the same page where Chrome checks for updates availability.

UPDATE GOOGLE CHROME ON ANDROID DEVICES

If you’ve installed Google Chrome on your Android device and want to update it to the latest version, you can do that using the play store.

Open Play Store app and make sure you’re logged in with your Gmail account. Tap on the menu (stack icon) to bring a list of options and select My apps. You can also slide your finger from left corner of the screen to bring this menu.

Now find Google Chrome from the updates available apps list. In the next window tap on UPDATE button and confirm your update decision.

Update will be automatically downloaded and installed on your Android device.

How to Enable Dark Theme on Youtube?

Hey Guys welcome to another Blog from Techjhola. This is a pretty basic blog where I would like to talk about my new Youtube Video. This video is about How to Enable Dark Theme on Youtube? So if you know it or not, but  it's been like more than four months that Google Chrome has added Dark Theme as a inbuilt theme. So this How To Video will walk you through how to enable the Dark Theme in Youtube. It is just a single step and just a click but I am using this cool easy screencast tool KAZAM. SO I created a Hot To video and uploaded it on Youtube. Hope you guys will like it.

Related Articles:

• How to Prevent Others From Embedding Your YouTube Video
• [VLOG] EXPLORE GADGETS: AWESOME TECH - February 2017
• Now Loop YouTube Videos Without any Extra Software
• Red Line In Youtube Videos
• TOP 5 TECH YOUTUBE CHANNELS OF 2016 FROM NEPAL

Angular2 [Part 2]: How to associate Angular2 Project with existing git repository

This article is second blog post from our Angular2 Series. As our first attempt on Angualr2 Framework we started about "How to start Angular2 Project via angular-cli?".

Make sure your have basic idea about creating project via your machine. We can move ahead to this second blog with assumption that you have set-up angular project in your local machine.

Here we will create a repository online on GitHub. We will than initialize configuration locally in order to can keep track of our code to the repository we just created.

1. Create a project on Github and copy its repository url ending with .git which is like for example: https://github.com/algosig/project-angular.git
2. Open your git console. Point directory which has your angular project that you created with angular-cli as a part of previous tutorial "How to start Angular2 Project via angular-cli?"
3. Initialize Project via npm. In your console type:
   npm initThis loads all configuration needed to initialize in your project. And stores all those settings creating a new file package.json in your project.

After you'll enter the values for above mentioned configuration, you will see following information set by npm:

You can notice above in the screenshot the url we proided is listed inside "repository" with "type":"git". So we have added a git repository in package.json with the help of npm init. There is two more things to notice in this configuration they are the bugs and homepage.You can see adding a single url of project repository, we are by default provided with the urls for issuing the bugs and also the home page to read the ReadMe of our repository.

Now that we've linked our github repository we can now commit straight to the master and keep proper track of our project contribution. These steps are pretty easy to catch up with. But do let us know if you face any problem during configuration. 

That's all about associating git repository. Second part of blog is completed here. We will continue to write about Angular2 on our next blog. Keep subscribed with our email list to get update of PART 2 of Angular2.

Related Articles:

• Angular2 [PART 1]: How to start Angular2 Project via angular-cli?
• How to Hide/Exclude Certain Files from Sidebar in Visual Studio Code?
• Why Visual Studio Code?

How to Quickly Import Music and Movies Straight into iTunes

What do you do when you have to add some music or movies into iTunes library? Well, the answer is obvious that you’ll open iTunes and visit music list or movies list accordingly and import the music or movies which you’ve wanted to import.

Instead of doing these (opening iTunes, visiting the proper music or movies list, and drag the files) , did you know that there is a hidden folder in Mac OS X which automatically does the same thing for you.

QUICKLY IMPORT MUSIC AND MOVIES STRAIGHT INTO ITUNES

• Within Finder, Visit go > go to folder
• Type this location in the field: ~/Music/iTunes/iTunes Media/

Once you’ve reached that location, one of the folder you see is Automatically Add to iTunes.

Whenever you place any music or movie file inside this folder, it is automatically imported into your iTunes Library.

AUTOMATICALLY IMPORT DOWNLOADED MUSIC & MOVIES TO ITUNES

If you use any software to download music or movies, make its default download location to that folder. That means the downloaded music or movie will be automatically imported to your iTunes library.

Tip: You can make a shortcut of that file in your desktop. So whenever you like to add any music or movie, you can simply drag it into it.

Angular2 [PART 1]: How to start Angular2 Project via angular-cli?

Angular is one out of top 5 framework for web app development. It's learning curve is not straight forward but we can catch up in a short time. I started learning Angular2 like a month before. This is my first time learning any JavaScript based framework. Now in a month, I am quite confident about developing some components and services using barrels, custom pipes and angular built validations for responsive forms. I still need to learn communicating with third party services and unit testings. I have just began learning the fundamentals. But the fundamentals itself teaches a lot of features about angular which is worth sharing. :)

If you are thinking where to start with, then I would recommend two of these authentic source:

• Angular2 Quickstart
• Angular IO Docs

Always search for the official documentation for learning any tools and technologies.

This blog as well as a series of upcoming blogs on Angular2 will be kind of tutorial for exploring fundamentals on Angular2. I will mainly focus on the issues that I encountered during my learning. This could help readers to overcome such issues and save some time as well.

Right before starting my findings I wanted to include this definition about what angular is from Angular's Official site:

Angular is a platform that makes it easy to build applications with the web. Angular combines declarative templates, dependency injection, end to end tooling, and integrated best practices to solve development challenges. Angular empowers developers to build applications that live on the web, mobile, or the desktop

Before starting a project on angular skill wise you need to have basic knowledge about HTML, TypeScript, a little bit of CSS and Bootstraping if you want to give a pleasing view to your web application.

You need to install following tools which I'll be listing & also showing you the step wise installation for setting up an angular2 project:

     1. Install Node with version greater than 6.0

Download NodeJs from its official website.(nodejs.org). Download LTS(Long Term Support) version such that it will be grater than Version 6.0. Angular2 Supports only Nodejs greate than version 6.0.

• Install nodejs
  Once you complete the installation, type node --version in your command prompt. You will be displayed the node version if everything went fine with your installation:
  
  Currently, I've v6.11.0 installed on my machine.

      2. Update npm( node package manager) to the latest version

Node package manager abbreviated as npm is installed during the installation of nodejs. To check whether npm is installed or not on your machine:

• Open a command prompt ant type npm --version
  
  I've version 5.0.3 installed on my machine.
• Now that you have npm update it to the latest version tying:
  
  npm i -g npm

     3. Install angular-cli from npm

angular-cli is a command line interface for interface. Here we use the inbuilt functionalities of angular-cli to perform actions like:

• create angular project
• create new components scafolded by angular-cli
• create new services scaffolded by angular-cli
• initialize a project configuration flie

Install angular-cli from npm by typing following command from your console:

 npm install @angular/cli

Now we are all set with required tools for creating an angular2 project.

     4. Creating A Project

Now that we have required tools already set up, creating a project is two steps ahead.

• In your command prompt type :
  ng new project-name
  
  You will see a list of files bundled by angular-cli. We will go through the bundled file folders and it's purpose in upcoming blogs.
• Now move inside the project directory:
  cd project-name
• Now start the server and you will see your web application up and running in a port hosted in your localhost server. Type:
  ng serve
  

Notice the information on your command prompt:
**NG Live Development Server is running on http://localhost:4200. **
Open a web browser and browse http://localhost:4200 and find the result for yourself.

It actually Works. Wait for our upcoming blog where we will write something meaningful about Angular2.

Related Articles:

• Angular2 [PART 2]: How to Associate Angular2 Project With Existing Git Repository
• How to Hide/Exclude Certain Files from Sidebar in Visual Studio Code?
• Why Visual Studio Code?

How to Hide/Exclude Certain Files from Sidebar in Visual Studio Code?

Currently I'm learning Angular2 and building a test project using Visual Studio Code.  VSCode is a lightweight but powerful source code editor which runs on your desktop and is available for Windows, OS X and Linux.

So what happens while working on Angular2 Project is that we write TypeScript codes. The tsc: typescript compiler generates respective JavaScript Code for our typescript codes. For this single process there are 3 files created which are listed below:

For a typescript file: event-details.component.ts, typescript compiler creates event-details.component.js.map and event-details.component.js. This is two additional files for a single components. Imagine an application with 20 components and 10 services, your side bar will be full of files. Because of similar names you cannot locate your required files easily. 

So in Visual Studio Code, here is how you Hide/Exclude certain files from your sidebar:

1. Goto File
2. Click Preferences
3. Click Settings
   You will see the user Settings and Workspace Settings in your Visual Studio Code Text Editor.
4. In your text editor add following code:
   "files.exclude": { "**/**.js.**" : true, "**/**.js": true, "**/**-lock.**": true } 

Above code listed every file with extension .js , js.** (example: *.js.map), *-lock.*(example:config-lock.json) will be hidden from sidepanel.

This small tips will help us refine our sidepanel and also vase much time in finding the right file we want

Related Article: 

1. Why Visual Studio Code?
2. Microsoft and Open Source Technologies
3. How to run any chrome app as Desktop App in Windows10

 Free. Open source. Runs everywhere.

Visual Studio Code is a lightweight but powerful source code editor which runs on your desktop and is available for Windows, OS X and Linux. It comes with built-in support for JavaScript, TypeScript and Node.js and has a rich ecosystem of extensions for other languages (such as C++, C#, Python, PHP) and runtime. Visual Studio Code is one of the greatest committed open source project on Github by Microsoft. 

Owner: Microsoft

Github: vscode

Why Visual Studio Code?

VS CODE provides development environment for most of the programming languages which follow Open Specification (technical standard) known as Common Language Insfastructure(CLI) 

VSCode is lightweight. Comparing it with the Visual Studio it has many pros which promises developers to dive into it.

Visual Studio	2015(V14.0)	CODE
Software Size	1.9GB	54MB

Visual studio Code consists of three components:

1. Side Panel
   Here we can see the tree structure of your project. We see a search icon where we can perform advance search in files as well as folders. Visual Studio has integrated Git where we see the change in file immediately. We can perform every git operation that can be done from other git application. We can browse extensions and download from side panel too.
2. Text Editor
   This is where you do all the coding stuffs. The color customization and Theme Selection from VSCode is pretty straight forward. You can split the screen and see multiple text editors.
3. Terminal
   Here we build and run the project. Once we run the program from terminal it fetches and downloads all the necessary referenced library online while building the project.

You can perform all other activities that you do from Visual Studio 2013, 15, 17 and other IDEs.

This can be a major alternative of Visual Studio IDEs where you need to buy the licence key and also need ore space and memory to execute it. VS CODE mimics the Command Line Interface implementation of developing and deploying a project. So this could be a good tool for software development.  

Because it's free   . Free as in you can view and customize the source code. Do you believe that Microsoft launched a software for free? Means it's worth it.

I use visual studio code for web app development in ASP.NET MVC Framework, Angular2. 

Explore more about Visual Studio Code.

Related Articles:

1. Why Visual Studio Code?
2. Microsoft and Open Source Technologies
3. How to run any chrome app as Desktop App in Windows10

How to Run Any Chrome App as a Desktop Apps in Windows 10

Previously on my Windows8.1 Machine, I installed Google Keep from Chrome Application Store. Chrome automatically set the app as my Desktop Application. After I installed Windows 10, it didn't happened automatically. I didn't  see Google Keep installed on my machine. So I did a small tweak from which I will now onward use my Chrome browser to run an instance of my desired chrome app from Desktop only. I wont need to open Chrome and type the url time and again.

Following are the steps to Create Shortcuts of the Chrome Apps, which lets us browse standalone apps as our new desktop Apps.

• Right Click your Desktop
• Add New Shortcut
  Add this path to the interface shown below:
  "C:\Program Files(x86)\Google\Chrome\Application\chrome.exe" --app="https://keep.google.com"
  

  What this does is, it uses the Chrome Application installed on your local machine and provides an instance to launch Google Keep.
• Next name the application as Google Keep or simply Keep as your wish.
• Save it.
• You will now see a new shortcut icon of chrome on your desktop like shown below:
  

  

This icon is little confusing. It would be better if you could get the Google Keep Icon for Keep. Otherwise you will be confused when you will try to open chromium browser next time. So this is quite simple. All you need to do is:

• Right Click your Shortcut that you recently made.
• Click to the properties.
• There you can see Change Icon
• Download the Google Keep Icon and locate that icon.
• Save it

And here we are with separate icon for separate app. This small tweak is valid for every chrome apps.All you need to do is change the url of the app in this particular section: "C:\Program Files(x86)\Google\Chrome\Application\chrome.exe" --app=keep.google.com. Instead of keep.google.com you can replace it with pictures.google.com or contacts.google.com as you wish.

Here you can see I created five new Desktop Apps i.e. linked Chrome Apps as shortcuts which are now browsable as desktop apps on my Windows 10 Machine.

Regarding Memory usage:  I find out that all apps ran independently are threaded inside chrome app in Task Manager and consume memories which is managed by Chrome itself.

Related Articles:

• How to Activate or Deactivate Cortana in Windows 10
• How to Disable Login Screen Background Image
• How to Remove Plugins From Your Browser
• How to get .np Domain for Free
• Why Visual Studio Code?
• Microsoft and Open Source Technologies
• How to run any chrome app as Desktop App in Windows10

Mr. Pradeep Khanal (IPP CAN-USA) Awarded with ICT Excellence Award

ICT Excellence Award was awarded to Mr. Pradeep Khanal. 

On the occasion of Honoring Program for Great Personality, Mr. Pradeep Khanal (Immediate Past President of CAN-USA) has been cordially honoured by Information Security Response Team Nepal (Infosec-Nepal).

The ceremony was structured with Interaction. The event was held Saturday, 10th June, 2017  at Softech Foundation premises. ICT Frame, one of the online tech portal of Nepal, has covered the event and also covered the press release. For more information Click here.