blog.justinwoodie.com
Related Posts are a great way to increase engagement on your blog and keep readers scrolling through your content. If you'd like to add a simple Related Posts Widget with image thumbnails and blog post titles to you Blogger website then you've come to the right place! Follow this simple step by step tutorial below:
If you're looking to create a simple, dynamic progress bar, I'll show you how with this simple tutorial using JavaScript and CSS!
Have you ever wanted to use simple code to crop an image and focus on a specific section of that image without having it stretch or compress? Today I'm going to show you how to achieve that with a quick tutorial using the Object-Fit Property with CSS!
If you're a Safari browser user, you'll notice the frequently visited website section on a new browser tab when you start surfing the web. If you have a website built on the Blogger platform, I'm going to walk you through a very simple tutorial on how to get your own website's logo customized for the frequently visited section.
I have started learning Javascript through the easy to follow tutorials on codecademy.com, which I highly recommend checking out and am here to share my journey. This is the first of many tutorials / articles I plan to write related to this programming language. My first creation is a code your own adventure game with a simple interactive prompt feature for the user (as seen in the above screenshot from codecademy). The games focus is on one of my favorite comic book characters: Hellboy and whether or not you'd like to try arm wrestling him! Think you have what it takes?
If you decide to go through the Javascript tutorials on codecademy you'll come across a similar code your own adventure you'll have to create that focuses on singer Justin Bieber. While I didn't want to post up the exact program I made for that challenge, I decided to create one focused on Hellboy which can be used as a reference if you run into any obstacles.
Have you ever wanted to take a screenshot of your entire Mac desktop or just a specific item on it, but didn't know how? Well, look no further, as I have the simple tutorial on how to do this below, enjoy!
Have you ever wanted to crop one of your images and focus on just a section of it without editing it in Photoshop? Sure it doesn't take long using the Adobe software, but what if you could do it even quicker with code? I'll show you how! With this basic tutorial, I will show you how to crop any image using the CSS clip property. Let's begin.
In this tutorial I will walk you through creating a simple Navigation Menu Bar with HTML and CSS for your website (as shown in the image above). If you're in need of a basic navigation menu at the top of your blog just follow along with these basic steps below, to create your very own!
If you're looking for a quick and simple way to create a scrolling box for your images, check out this simple tutorial.
Below is the demo I have created of a basic scroll box in HTML, which will allow you to scroll from top to bottom with your mouse to see the images contained inside the area. Let's check out the demo and code!
The popularity of blogging and creating websites has grown immensely over the last decade. Blogger remains a great platform for creating and maintaining an online presence. With any website, creating a backup of your work is a great idea. With Blogger, the solution for backing up your website is very simple. Just follow the steps below:
In this tutorial I will walk you through creating a simple, clickable image that uses the Javascript onmouseover event to change that image when you hover over it with your mouse. For the demo I created a small banner with my Robot Digital Concept Illustration that I previously used to link to the artwork section of my website. You can view all of my illustrations here! And if you're ready to get started, let's get to the tut!
If you're a fan of the content management system (CMS) and blogging platform Blogger, chances are as you dive deeper into learning about it you'll want to customize parts of your website further. You'll also find that there are useful but limited tools available for customizing your site through the template designer. To get around that you simply have to add a little bit of code to your HTML. Above you'll see a simple screen capture image of the No Post text that Blogger displays when no post is found at the url you are directed to. If this happens on your blog it's probably because you deleted an old post and the search engines still have the page indexed. If you do not want this text to be displayed on your blog when this happens follow, this simple tutorial:
While doing some blog maintenance, I noticed I had slightly changed the title of a tutorial after importing the post, therefore the new posts url was different from the previous one that had been indexed into Google's search. This would lead to a "No Posts" page on my website, instead of the actual post. Thankfully Blogger has an easy to use function that allows URL redirection. I'll show you how to use it, let's go!
If you're blogging or creating a website full of images, chances are you want to optimize those images for search engines a.k.a Search Engine Optimization. I'm going to run through a simple tutorial on how to use the ALT and TITLE attributes properly with your images and basic rules for great image SEO! You'll need a little patience, a computer, an image to post and hands at the ready to type out HTML code. Don't stress, this tutorial is very simple and full of useful tips!
If you're writing a Java program using Windows Text Document, the simple notepad program, you'll notice that when you save the file it defaults to a .txt file naturally. In order for Command Prompt to properly read and compile the program, the file extensions must be changed to a .java. We can do this by highlighting the .txt at the end of the file name and replacing it with .java, but you may notice a problem. The file type will still remain a Text Document even though you see it says .java. All that happens is .java gets added to the extension, even though you don't see it. For example, if you're file was Java1.txt it would now be Java1.txt.java or Java1.txt.txt or Java1.java.txt and these will not work. We want the file to be Java1.java. How we do this is very simple, follow the steps below:
Yes I know CD's (Compact Disc's) are rarely used in comparison to their previous popularity years back, but some people out there still use them. The decline in CD use is all due in part to cellphones and MP3 players which have the ability to hold thousands of songs in a small device, while one CD can hold around 15 songs. Technology improves every year and helps us minimize many aspects of our life, but do we have to conform? Well no. For those who like prehistoric times and enjoy housing your music library on a large bookcase filled with hundreds of CD's then this tutorial is right up your alley! I will show you how to burn your MP3's to a CD using Apple's extremely popular music application iTunes!
If you're an owner of a Mac Mini computer from 2010 or earlier than your model came with a built in CD drive. Apple has since done away with this feature in their newer models, but it's great to have - even though it's use has been very unfrequent in recent years due to the growth of online application downloads. However, on the occasion when the necessity for inserting a CD comes up, my Mac Mini is fully prepared! On a handful of occasions I ran into the problem of getting a CD stuck in the machine and found out quite quickly that there was no manual eject button located on the outside of the computer. So like anyone else, I realized it was the end and all was lost - right? No, luckily there's an easy solution for this problem, let me walk you through it!
I wrote a simple Java program that calculates inputed weight and outputs what that weight would be on each of the 8 Planets in our Solar System (sorry Pluto you didn't make the list, you've been demoted to a dwarf planet).
Let's have a look at the compiled program in Command Prompt: