GITHUB: HOW TO CREATE A WEBSITE WITH GITHUB PAGES?


Many of us have created sub pages from domains who let us host some space for free like .me, .wordpress.com, .blogspot.com. We used such domains for displaying our profile online. Back in 2008, Github announced GitHub Pages. GitHub Pages allow you to publish web content to a github.com subdomain named after your username. We don't need to worry about the database and many other tedious process of hosting and having it available 24*7. 


CREATING GITHUB PAGES

You don't need any technical expertise to publish your web content. You can create a GitHub page following few steps which I'll be explaining in today's blog. Before that I will be explaining different ways of publishing a page at GitHub. 

First way of publishing GitHub page is easy one. You can create a page from settings of your repository.
Second way of publishing a GitHub page is directly adding content to the repository. These contents within your repository will point to the github page.
Third way is by using Jekyll framework which helps you to create a blog like website just by pushing the content to your repository.

In this blog I'll explain first two ways of publishing GitHub pages. Using Jekyll Framework is not that hard. I've tried building GitHub pages with Jekyll Framework, but I'm not prepared right now to demonstrate. I'll be writing another blog to explain how to use Jekyll framework for building Blogs with Jekyll Frameworks. 

First Method
  • Create a repository and keep the repository name exactly the same which is something like: your-username.github.io
  • This is the default GitHub page that will be displayed. In case you want to create a repository page for any of your project. You need to keep it in mind that Url for your repository's page will be appended to your main github page
  • Make sure your repository has any of these two files: README.md or index.html
  • This tells GitHub Pages that the repository contains web contents that needs to be hosted.
  • Go to Settings of your Repository. Scroll down and you will see this GitHub Pages:
  • Choose a theme. There are a number of themes available for creating the Github Pages:
  • Select one of the theme and save the changes and you can see the github page build already.
  • Browse it whose url is: your-username.github.io

SECOND METHOD
Well second method came in the middle of first step because this has something to do with the first Image above i.e. the GitHub Pages Section.
    • Github pages are disabled by default. Click None and you will see three options


      In your master branch if you are going to display the README file as the default information. Choose Master Branch.
      If all your web pages are hosted in the master branch and your index.html is hosted in aster Choose Master Branch.
      If you have an ongoing project codes in the repository and you plann to separate the project's Wiki that will be displayed as github page in a separate folder, name that folder as docs. Then select the second option.master branch /docs folder.
    These are two easy methods of hosting your github Pages. The third One i.e. using Jekyll Framework, I'll soon be writing a blog post about it and explain steps by steps how to use it for creating a GitHub Pages.
    RELATED ARTICLES:

    UBUNTU 16.04: How to Completely Reset Wifi Settings?

    I was struggling with this Wifi issue for three days now and I almost gave up. But then a single command saved my ass! I was about to reinstall Ubuntu again. But I survived the frustration.

    PROBLEM:

    • My Wifi was On but it was not lisiting any Wifi so that I can connect
    • I could surf internet via LAN Connection
    • The wifi status is enabled and I checked for available connection via terminal using this command: sudo nmcli conn  but didn't see any connection. 
    • Networking connectivity is full, I can check it via my terminal with this command:
      nmcli networking connectivity check
      full
    • I turned down all netowrk interfaces with ifdown  and upagain with ifup  but it didn't work
    Today's blog is a quick solution to hard reset your Wifi Settings. As a quick note it is necessary to know that Linux based OS(Ubuntu in my case) saves its network lists i.e. all connections in this . location: /etc/NetworkManager/system-connections/ 
    You can find all your Wifi connections ssid  listed inside this folder. Whenever you have issue with your wifi like case similar to mine, perform two steps:
    • Remove all system connections from the system-connection folder:
      sudo rm-f /etc/NetworkManager/system-connections/*
    • Then kill the signal which is running the process NetworkManager
      sudo pkill -9 NetworkManager -9 means SIGKILL to kill a signal that is ignoring or is hidden.
    This remover all the connections, resets Network Manager, restarts your wifi connection. Now the issue is solved. You can connect to your wifi signal and browse the internet.

    GITHUB: Shorten your GitHub Repository Url with GIT.IO

    Today's Article is a quick glance about this less known feature provided by Github: GIT.IO . What GIT.IO does is shortens your repository's url. Seems pretty basic us, but this actually plays a significant role for those who always stick to GIT BASH.

    Most of us during our web application development use the Command Line Interface. They are so ease to use rather than using drag and drops or simultaneous clicks for a single task. CLI is next cool technology trend that every software framework are fascinated about. So whenever we start a new project we initialize the project configuration via Command Line Interface.

    I do some AngularJs Web App development. Talking about my way of configuring projects i normally do npm init which within next steps asks for the github repository. So either I need to copy paste the git repository or type it manually. And here by shortening the repository url with the help of GIT.IO all we need to keep not of is the fiveunique characters linked with the git.io url like shown below:

    Here I shorten url of a repository that belongs to a organization that I'm involved with:
    Later this long url turns out to be short with just 5 characters appended to git.io.
    It would have been even more helpful if github could provide short urls for any Url. But git.io only shortens GitHub.com URLs.


    RELATED ARTICLES:




    How To Set JAVA Environment Variables in Windows?

    How To Set JAVA Environment Variables in Windows?

    Checking whether you have installed Java or not in your machine is quite easy. In your command prompt type java and press enter. If you see a list of entries (i.e. parameters for using java commands) which means java is installed. If not installed your need to download it from the official site: FREE JAVA INSTALL.
    But installation only is not enough to run a java based application in your machine. Most of the time we cannot see the logs in Windows based softwares. But in case you are able to see the installation logs provided by that particular applicaiton you will see issues like: 
    Path not found for Java, JAVA_HOME not found System cannot find JRE, JDK etc... 

    Today in this blog I'll be writing about setting some environment variables required for Java.
    In order to set environment variables:

    • Open My Computer or This PC
    • Do Right Click and Click Properties
    • Click Change Settings
    • Switch to Advanced Tab
    • Click Environment Variables
    • Click New
      Here we add a Variable name and Value in two separate box.
      In order to add Java Variables add following Environment Variables each at a time:
    Variable Name: JAVA_HOME 
    Variable Value: C:\Program Files\Java\jdk1.8.0_112
    Note: Enter path of respective jdk version exploring the path mentioned above.

    Variable Name: JDK_HOME
    Variable Value: %JAVA_HOME%

    Variable Name: JRE_HOME
    Variable Value:%JAVA_HOME%\jre

    Variable Name: CLASSPATH
    Variable Value: .;%JAVA_HOME%\lib;%JAVA_HOME%\jre\lib

    After you add the environment variables one more thing should be done.

    How To Integrate Disqus in Blogger?

    Disqus (pronounced discuss) is a worldwide blog comment hosting service for web sites and online communities that uses a networked platform. The company's platform includes various features, such as social integration, social networking, user profiles, spam and moderation tools, analytics, email notifications, and mobile commenting.

    Why Disqus?

    • User can post comment, vote comment, flag comment and share comments to social networks. Also they can subscribe to comments.
    • You will get notification to your email for each new comment.
    • A commenter can attach media files (image, video) in their comments.
    • You can see your site’s comment activity in a graph.
    • You can set custom avatar for comments for those who don’t actually display their avatar.
    • Commenter can post their comment as guest or they can post using their open ID.
    • Disqus adds real time threaded comments and shows a related discussion below comments which reduces your bounce rate.
    • You can make money from Disqus by showing recommendations just like nRelate related posts.
    There are two different way to integrate disquss in any of the content management system(CMS). You can either do all the configuration from the disqus website or do it from your blog gadgets and templates.You just need to choose a platform and follow the instruction.

    As our site is hosted in blogger. I did exlpore ways to integrate blogger and disqus. I wanted to integrate it so much because this medium of comment posting is similar to that of some of the great news sharing sites reddit and 4chan. Like these sites, disqus also maintains the threads within thread,  vote ups, as well as the recommendation of comments and sharing them. You can not only expect if your blogger read the blogs but with the help of disqus now you can also get their valuable feedback.


    Configuration from blogger(Manual work):
    • In your blogger Dashboard , Click "Layout", and Click "Add a Gadget below the blog text area of your layout where your blog is posted.
    • Clicking the "Add a Gadget", you will see the collection of Gadgets made available by blogger as well as third parties. Search for "HTML/Javascript"
    • Enter the title of the gadget as "Disqus".
    • Save the gadget and also save the arrangements.
    Now we will add a disqus code inside that gadget from our Template section. Before doing that make sure that you have created a disqus account. If not signup now it is too easy, Signup and get a username.
    • Now again go to the dashboard and Click "Template". Then click "Edit HTML".
    • After that click within the code area and find the text "Disqus". (Searching is done by CTRL+F key combination)
    • After you find the code block expand the code division.
    • Find the code snippets withing that division and remove them.
    • Instead of those codes you just deleted, copy the code mentioned below:
    • That's It. Now Save your template.
    • Don't forget to hard refresh your blog( Which is generally done by pressign CTRL+ F5)
    You Should now see a  disqus comments area just below your website. Cheers1

    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 AdminAdministratorEditorAuthorContributor 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), EmailName 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

    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 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 Free up Google Photos Storage From Google Drive

    How to Free up Google Photos Storage From Google Drive

    Over a period of time your phone definitely takes tons of photos and if you’re using Google Photos to backup your photos then I’m sure the storage might have been used to some GBs. Google Drive allows you to store max 15 GB of data (Drive, Gmail & Google Photos). For high-quality photos, Google gives you unlimited storage. But if the images are stored in original size, the upload quota is limited.
    So if your photos have been accumulated in your drive account in original size and the storage is about to bid you bye bye, well here’s a way-out to free up Google Photos storage from Google Drive.
    FREEING UP GOOGLE PHOTOS STORAGE
    You can download all of your Google Photos to your local machine using Google Takeout.
    Visit Google Takeout page and select the app Google Photos and click the “next” button to grab all the photos from your Google Account.
    After you’ve downloaded all your photos (make sure you have all of them), delete the online copy of photos from Google Photos app.
    Now within Google Photos app, visit settings > backup and select the quality of photos to “high quality”. Selecting high quality gives you unlimited storage quota for backing up your photos in Google Photos.

    How to Visit Your WordPress Login Page


    WordPress beginners might find it difficult to find and visit their WordPress login page. WordPress login page is the admin section of WordPress site which lets authentic users to login into their site’s dashboard, so they can manage their WordPress site from the back-end. Once you’re logged in to your WordPress dashboard you can publish posts & pages, change appearance, add or delete themes & plugins, add or remove users, and manipulate various site elements.
    Once you’re familiar with WordPress, everything becomes quite easy. You can have a better site running under 5-10 minutes. But to edit your WordPress site app per your needs, you’ll first need to login to admin dashboard vi WordPress login page.

    FINDING YOUR WORDPRESS LOGIN URL

    You can simply access the login page of your WordPress site by entering /login/ or /admin/ slug after your WordPress site’s URL.
    http://www.example.com/login/
    http://www.example.com/admin/
    These URL automatically redirect to the main login page of your WordPress site. If they do not properly redirect, you can make use of following URLs.
    http://www.example.com/login.php/
    http://www.example.com/admin.php/
    The above example URLs are for the WordPress site running on the root domain. If you’re running your WordPress site on a subdomain, then you can access your site’s login page by adding /login/ or /admin/ slug to the subdomain URL. But if that does not redirect properly to the login page, use following URL structure.
    http://subdomain.example.com/login.php/
    http://subdomain.example.com/admin.php/
    Once you’re familiar with these URL, you can easily access WordPress login page of your site or blog.

    Windows 10 : How to Disable Login Screen Background Image


    Windows 10 included Hero wallpaper that comes as a default wallpaper in final build of Windows 10. It also popped in the same image for the login background.
    It might have pleased a few people but most of the people out there don’t seem to have liked it.

    DISABLING THE LOGIN SCREEN BACKGROUND IMAGE IN WINDOWS 10

    • Go to Start > type regedit
    • On the folder tree (left side of regedit window), open HKEY_LOCAL_MACHINE > SOFTWARE > Policies > Microsoft > Windows > System
    • By clicking System, you can see (Default) file on the right pane of the window.
    • Right-click on the empty area > New > DWORD (32 bit) Value
    • Name the file DisableLogonBackgroundImage (Remember: Name the file exactly mentioned here)
    • Double-click the file:
      • To remove the Windows Hero background, set the Value data to 1.
      • To restore the Windows Hero background, set the Value data to 0.
    This method sets the accent color to the background image in login screen. In the internet, you may find 3rd party software that commits to set user defined image but after the KB3081424 Windows Update, it seems to cause screen flickering issue between Lock Screen and Login Screen.

    How to Resolve Issue "UNABLE TO RESOLVE HOST HOSTNAME" in UBUNTU ?



    Today's blog is about a simple issue you sometimes encounter after you rename your machine's hostname. 
    Issue: 
    [email protected]:~$ sudo cat /etc/hostnameUnable to resolve hostname xenialPlease enter your password:
    This issue occurred to me just recently when I renamed my machine name from whoareyou to xenail.
    Everytime I encountered this "Unable to resolve hostname xenial" issue

    Earlier while I checked my hostname with command sudo cat /etc/hostname the result was xenial.
    [email protected]:~$ sudo cat /etc/hostnamexenial

    But the hostname was not listed inside /etc/hosts. I checked with command sudo cat /etc/hosts

    [email protected]:~$ sudo cat /etc/hosts
    127.0.0.1 localhost
    127.0.1.1 whoareyou
    The exact reason for why the host xenail wasn't listed in hosts is yet unknown. But in order to resolve the issue I did this simple tweak.
    I renamed the hostname xenial from /etc/hostname to whoareyou.  and restarted the machine. Then after the issue was no more encountered. As simple as it is.
    #HAPPYBLOGGING 

    Earn Money Online With These Legitimate Ways

    Internet is not always about chatting, watching and listening! It’s a lot more than that. One can easily make a living out of it. And that’s true. You can just head to Google and search for this thing. You’ll come across a lot of true stories about people who’re actually generating revenues online.

    You don’t need to be a kind of internet geek to earn money online. This is year 2015 and there are some easy and legitimate ways which can help you to earn money online straight away. You don’t need to think out of the box, you can easily earn with the things you’re already doing.
    So here are top 8 easy, safe and legitimate ways to earn money online.

    BLOGGING
    Yeah, I’m placing this in the top position.  Blogging is the best way to generate revenue online. Just start a new blog today, publish some really good and useful articles, and apply for advertising partners like Google Adsense, Media.net, Chitika, Infolinks, etc. Once your blog gets accepted in their program, your blog is going to generate quite a good amount.

    YOUTUBE
    If you hate writing but have a really good way of presenting things, then you might straight away create a YouTube channel and start uploading videos. Videos can be anything related to: fun & entertainment, educational, how-to guides, tutorials, etc. Post videos about those things which you like and think that it might be helpful for others.
    What next? After publishing about 5-10 informative and quality videos, monetize your videos. The more views your video gets, the more you’re likely to earn.

    HUBPAGES
    HubPages is also more or less like blogging. If you think getting a domain name and a webhost for your blog will be a difficult task, then I recommend you to join HubPages and start creating your first Hub right away.
    Visit HubPages

    TESTING APPS & WEBSITES
    You can earn money just by reviewing websites and apps. You get $10 for completed website test and $15 for mobile test.
    How it works? You’ll have to download a screen recorder which records everything that’s happening on your screen. The mouse movements, clicks and keystrokes; everything will be recorded. And after you’re done with testing the website or mobile app, you’ll receive your amount in your PayPal account.
    Visit usertesting

    AMAZON ASSOCIATES
    Getting commissions form Amazon is another best way to earn online. When a visitor clicks a link in your site and lands on Amazon’s site to buy the product, you’ll then receive commission from that particular sell.
    For example, Just imaging if a visitor buys a cell phone or laptops; price ranging from $300-$700; you’re going to receive a good amount.

    FIVERR
    If you think you’re good at something like: Graphics & Design, Online Marketing, Writing, Videos, Music, Programming & Tech, then you might consider joining Fiverr where you can earn $5 or more per task.
    Visit Fiverr

    SHUTTERSTOCK
    More effective if you’re a graphic designer or a professional photographer. You can easily make best use of ShutterStock to sell your digital images.
    Visit: ShutterStock

    ITUNES
    If you’re a musician or artist, and have good understanding of creating music or videos then you may sell them in iTunes store. There are millions of users who visit iTunes store everyday, there’s a chance they’ll like your stuffs. You can actually make a healthy leaving out of it.

    Oracle VM VirtualBox Manager: Add Network Drive / Shared Folder in Windows Server 2012 R2

    Share a folder outside the VM in computer's drive and add a network location inside i.e. from Virtual Machine enabling the Guest Addition. This enables access to your shared folder.

    In computing, this situation of inadequate softwares/tools/operating systems occurs quite often if you are a tech junkie who loves experimenting numerous tools or operating systems on your single machine. Harddisk partitioning for dual boot operating system is one popular solution to accommodate two

    Today, I did Windows Server 2012 setup on my Oracle VM VirtualBox Manager which was an easy task. But right after I completed the setup, I find out that  I was unable to access my computer files and folders from the virtual machine I set up.

    So this blog is about my findings on accessing your machine's drive (file and folders) while you are  using an operating system installed inside your virtual machine. This is actually a simple task and it took me less than five minute to configure but at least half an hour to find the solution.

    I'm using Oracle VM Virtual Box Version 5.1.8 r111374(QT5.5.1). While I tried to add a network drive for using local partition as a shared drive on my newly installed Windows Server 2012 in my VM following error was encountered:
    Oracle VM requires the VirtualBox Guest Addition be enabled in order to add shared folder. The error message also also tells how to use virtual machine inside the virtual machine. Our task now is to install guest addition. To do so:
    • Go to Devices menu
    • Select Insert Guest Additions CD image
    Install the Guest Addition for Virtual Box. after installation of Guest Addition, we are now able to add the guest drives to access from virtual machine. Now this is how we add shared drives:
    • Right Click your Virtual Machine
    • Click Settings
    • Click Shared Folders

    • Add a Machine folder
    • Not that in order to access any folder from you virtual machine you first need to change the folder properties and share it. Only the shared folders are accessible.

    After you've shared a folder outside the VM in your computer's drive and added a network location from the inside  i.e. from your Virtual Machine enabling the Guest Addition. you can now easily access the shared folder.



    This was a simple yet useful tips that I've shared in this blog. On my Next blog I will share how to download files from your web browser (Internet Explorer which is the default browser available) in a Windows Server. 
    HAPPY BLOGGING