Design To Website, Blog How To Set Up, Google Update Pagerank, Google Crawl, Free Submit Site
Here I continue showing you how to create a WordPress theme from scratch. Definitely watch part 1 of this tutorial as well as How to Layout a Website before watching this video.
I focus on how to make dynamic sidebars in this tutorial. You’ll learn how to make static sidebars as well as sidebars that work with widgets but also have embedded functionality.
If you want to download the theme it’s here WordPress Theme 3.
In this tutorial I’ll show you how to Create a WordPress Theme from scratch. I made all of the HTML and CSS code in this video tutorial How to Layout a Website.
You should definitely watch that tutorial before you try this one unless you are very experienced using HTML and CSS.
The theme is available in this zipped archive. This is a newer version of this theme. Everything is available under the GNU License.
I’ve created numerous WordPress Video Tutorials. Here I provide you with an easy location to find all 40 of them.
I cover how to install WordPress on a development system. As well I provide a deep understanding of Taxonomies, Shortcodes, WP Nav Menu, the WordPress database and much more.
All of the code and the original articles follow all of the videos.
Continue reading WordPress Video Tutorials
In this tutorial I finish up the How to Layout a Website Tutorial. If you missed the previous videos you can see them here at How to Layout a Website Pt 1, Pt 2, Pt 3 and Pt 4.
Here I’ll finish making the template used by all the individual web pages.
This time I create the template without any planning at all. I create the whole page completely out of my head. In the end I think it looks really nice.
All of the code follows the video.
Here I finish off the website I started creating in part 1 of How to Layout a Website.
I finish up the right sidebar and the footer. Then I move on to clean up any loose ends that exist.
I’ve made this whole website out of my head using just a photograph as a reference so that you can see how a designer thinks. Maybe more importantly you get a chance to see what mistakes I make and how to easily correct those mistakes.
In the previous tutorials How to layout a website Part 1 and Part 2 I created a website template from scratch. Here I continue that process.
As you see making a website is a process of placing each individual part of the page in a box (DIV) and then moving this boxes into the correct position.
I hope is that through repetition you will be able to recreate any design. It really isn’t that hard to make custom website templates. It just takes some practice.
In the last video / article How to Layout a Website, I showed you how to set up the header, import Google Web Fonts and the basics of CSS.
In the tutorial, I’ll show you how to make pretty complicated layouts. I show you how to overlay divs and how to make adjustments with CSS until everything looks perfect.
If you need to brush up on HTML or CSS here are video tutorials on those subjects.
The vast majority of questions I receive boil down to How to Layout a Website!
While I’m not going to say it is easy to make a website. It takes time! However, I think anyone can learn to layout a website if they grasp some core concepts.
In my next series of videos I’m going to focus on everything you need to know to layout a website using just a text editor.
I previously covered this topic in a WordPress HTML Tutorial , but this time I’ll approach it in a more step-by-step manor.
In HTML 5 Help Part 1, I introduced the HTML 5 standard tags and then went on to introduce the HTML 5 Canvas Tag.
In this tutorial, I will continue covering Canvas. I answer many questions that have been emailed to me and I focus on all you can do with lines, paths, arcs and text with HTML 5 Canvas.
All of the code used follows the video of course.
A couple of days ago Facebook introduced numerous changes. One of those changes affects the Facebook Timeline Profile. In this tutorial, I show you how to get the new Facebook Timeline Profile before any of your friends.
It’s actually very simple to set up the Facebook profile. Basically all you have to do is sign up to be a Facebook Developer, verify your identity with your phone, and hit next a bunch of times.
Todays video tutorial will show you how to get yours today.
A guy over on YouTube named RealinAmerica, asked me to review the new WordPress Forum Plugin called Buddypress 1.5.
Not only do I show you how to install it, I also show you the following:
I’ve received numerous requests for some HTML 5 Help. So, in this tutorial I’ll cover one of the most exciting new features being the HTML 5 Canvas tag.
This will be a long tutorial that you’ll be able to use as a HTML 5 guide.
While HTML 5 is nor supported by Internet Explorer versions prior to the newest version 9, I felt I had waited long enough to cover this topic.
All of the code follows the video. Feel free to use it in anyway that you’d like.
In this video tutorial I teach how to do a ton of things with WordPress.
I teach you how to create a contact form for WordPress. This contact form is extremely customizable and includes both Akismet and Captcha spam blocking. It also allows for file uploads.
Then I show you how to create an email capture for an e-book system inside of WordPress.
In my last article Facebook Like for WordPress, I showed you how to add a Facebook like button so your visitors could display there love of your website on Facebook.
In this video I’ll show you how to add a a Like button on WordPress that dynamically allows visitors to like individual pages.
I also will show you how to make your website part of the Facebook network using the Open Graph Protocol. We then explore Facebook Insights and the Facebook Graph.
Today I’ll show you an easy way to add a Facebook like button inside your WordPress posts.
I’m going to create a WordPress shortcode that will allow you to enter the simple code nttfblike between brackets to paste a like button any where in your posts.
First you need to get your code from here Facebook Like Button. You can define how you want your personal like button to look by defining :
In the previous tutorial on How to Make Facebook Apps, I showed you how to get all of the tools you need and how to use a few XFBML tags.
In this part of the tutorial, I’ll finish everything up. I’ll show you how the Facebook app we are building actually works outside of Facebook. You can see it here Facebook Movie App.
I also show you how to grab YouTube thumbnails and how to dynamically load new videos.
A while back I promised to make this video series and it’s finally here!
In this video series you will learn How to Make Facebook apps. I’ll cover every subject imaginable. If you want to see this first app look for the tab named Top Video in my left sidebar on my Facebook page.
I made this app because someone was actually charging to allow people to post their YouTube videos. It was fun to make and useful.
I’ve received numerous emails on what is a HTTPS Certificate? The reason everyone is asking is because Facebook as of October 1st is going to require all app developers to purchase one if they want to continue making Facebook apps.
In this tutorial, I’ll explain what a HTTPS Certificate, or a SSL (Secure Socket Layer) Certificate is. I’ll also walk you step by step through the process of getting one.
I use Go Daddy for hosting, so my installation will be based on that fact. Most hosting companies will be very similar though.
A while back I did a video about the basics of WordPress Taxonomies. Since then I’ve received requests on how to:
Ever since I wrote Install WordPress on a Localhost I’ve received a bunch of requests on how to update WordPress on a localhost. It is actually extremely easy.
I think what frustrates people is the fact that WordPress automatic updates don’t work on most development servers? Don’t worry about that. It is actually very easy to update WordPress manually.