Web Striver

Simple Log-in/Logout and Registration in PHP with Sessions

noreply@blogger.com (Matt Morales) — Sun, 12 May 2013 13:35:00 +0000

Before anything else, the interface is based on Facebook but it's on green. :D Anyway, I'm too lazy to post the codes here so I decided to just upload all the files and you can download it if you like. Just a few things, the file contains: 6 PHP Scripts: auth.php,connection.php,home.php,index.php,login_exec,reg.php 1 SQL Database: simple_login.sql and the password for it is : mattmorz After registration, you will be able to log-in directly. I just added a simple PHP script that...

Visit the blog to read more about this article. The author will be happy if you do. Thank you!

Open Link List in New Tab

noreply@blogger.com (Matt Morales) — Thu, 25 Apr 2013 14:47:00 +0000

When we add the "Link List" widget or gadget, all links were open in the same window when clicked which will make your reader leaves your blog/site. With this simple script, all the links from the "Link List" widget will be open in new tab. Sounds great?!! Anyway, here's the code: As usual, from Dashboard > Template > then Edit HTML then, First,add this line of code above the </head> tag. <script...

Visit the blog to read more about this article. The author will be happy if you do. Thank you!

Add/Subtract Single Digit Number in Assembly Language

noreply@blogger.com (Matt Morales) — Tue, 16 Apr 2013 13:30:00 +0000

Well, I'm not that good with this. I just want to share this "simple" arithmetic done in assembly programming. The program will: Ask the user to choose addition or subtraction Ask the user to input the 1st single digit number Ask the user to input the 2nd single digit number Show the result The program won't accept any other value except number. It will also shows (-) negative sign just like the image above. Anyway, here's the code below: .MODEL SMALL .STACK...

Visit the blog to read more about this article. The author will be happy if you do. Thank you!

Laggy Buttons in VB6 Solution

noreply@blogger.com (Matt Morales) — Tue, 19 Mar 2013 15:19:00 +0000

Well, I got my new laptop since I needed it for my course, upon installing Microsoft Visual Studio 6.0 some problems occurs, it hangs up and doesn't complete the "proper" installation. Anyway, what's the use of Google. Therefore, I "googled" it and found a solution. Installing it in Windows 8 seems troublesome. Here's the installation guide below: UAC Yes Program Compatibility Assistant "Run the program without getting help" Installation Wizard Next End User License Agreement I...

Visit the blog to read more about this article. The author will be happy if you do. Thank you!

Display Post View Count: The Easiest Way

noreply@blogger.com (Matt Morales) — Tue, 26 Feb 2013 14:15:00 +0000

What I mean about the easiest way, is no JavaScript , no sign-up, no PHP codes and it loads very fast. Nah, here's the demo showing it. Demo Well, I've been quite since I'm busy at school. This would be my last post in February. Let's do this: First, from Dashboard > Template > Edit HTML then find, <data:post.body/> Then paste this code below or above it: <span class='post-counter'> Post Views:<img height='25'...

Visit the blog to read more about this article. The author will be happy if you do. Thank you!

Preloader Script for Your Blogger Blog

noreply@blogger.com (Matt Morales) — Fri, 15 Feb 2013 15:25:00 +0000

Preloader Script will load all your page content before showing it. Nah, the page won't show until all page elements are not fully loaded. Anyway, here's the demo to explain it: Demo Let's now implement it! First, as usual from Dashboard > Template > Edit HTML then find </head> paste the code below just above it: <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js' type='text/javascript'/> <script...

Visit the blog to read more about this article. The author will be happy if you do. Thank you!

Create a Navbar: The Easiest Way

noreply@blogger.com (Matt Morales) — Tue, 12 Feb 2013 11:39:00 +0000

"A navigation bar or (navigation system) is a section of a website or online page intended to aide visitors in travelling through the online document. Typically, webpages will have a primary navigation bar and a secondary navigation bar on all pages of the web document. These sections of the webpage will include links to the most important sections of the site. The implementation and design of navigation bars is a crucial aspect of web design and web usability."-Wikipedia If you want to...

Visit the blog to read more about this article. The author will be happy if you do. Thank you!

Different Background Image on Post

noreply@blogger.com (Matt Morales) — Mon, 04 Feb 2013 16:30:00 +0000

Before anything else, here's the demo. Demo This is inspired by this theme You will have an option to change your background image in every post and having it in full width depending on the screen size. This "trick" will override your body background but it's not harmful, I promise! :D So, let's start doing it. From Dashboard > Template > Edit HTML First, find ]]></b:skin> Then paste this code above...

Visit the blog to read more about this article. The author will be happy if you do. Thank you!

Free Background Patterns for your Blog

noreply@blogger.com (Matt Morales) — Fri, 01 Feb 2013 04:15:00 +0000

Plain Colors load the fastest! Image background loads fast! But having a background pattern loads faster at the same time gives more "flavor" to your blog background. So, why not use it! :P Anyway, this is my first post for this month. I've been improving my blog template to please your eyes guys. :) So, I'm using patterns for the template body background. In order to use patterns as a background, you just need a little bit of CSS. body{background:#343434...

Visit the blog to read more about this article. The author will be happy if you do. Thank you!

Facebook Page or Blog Creation?

noreply@blogger.com (Matt Morales) — Sun, 27 Jan 2013 15:42:00 +0000

"Which comes first, Facebook Page or Blog Creation?" This question bothers me. There are Facebook pages that I "like" in which it doesn't have a website but I'm sure that almost websites now has Facebook pages. As my personal view, having a 10k-100k likes in Facebook without a site is somehow a missed amount of opportunity and a potential penny. Not being greedy but at least you paid your effort in running your page. Anyway, just to answer the question I created a blog first then...

Visit the blog to read more about this article. The author will be happy if you do. Thank you!

Make Your Online Image Editing Easy

noreply@blogger.com (Matt Morales) — Mon, 21 Jan 2013 15:24:00 +0000

This is not a paid advertisement but... "Make Your Online Image Editing Easy use Pixlr Grabber" Anyway, my last post talks about watermarking a multiple image at once. Now, let's maximize your pixlr experience by downloading their browser extension. Go to this link and download the extension. Sorry, no extension for other browsers! :P You'll be able to Print Screen easily and edit it in pixlr. Just explore it! You might also try their Pixlr...

Visit the blog to read more about this article. The author will be happy if you do. Thank you!

Watermarked Multiple Images at Once

noreply@blogger.com (Matt Morales) — Sat, 19 Jan 2013 05:01:00 +0000

A watermark is a recognizable image or pattern in paper that appears as various shades of lightness/darkness when viewed by transmitted light, caused by thickness or density variations in the paper.-Wikipedia One way of protecting your image is putting a watermark on it. It also helps you to promote your portfolio and avoid others to just copy and alter it. But having a lot of images to watermark is somehow tiring. So, here comes a great and small software that will do the task. *drum...

Visit the blog to read more about this article. The author will be happy if you do. Thank you!

Easiest Way to Protect Image from Copying

noreply@blogger.com (Matt Morales) — Tue, 15 Jan 2013 16:05:00 +0000

Let's say, you don't want your image to be copied? Nah, that is nearly impossible. As of now, I don't know how to do it! Anyway, this post will just prevent people from copying your image by disabling the image link. Here's the sample below: When you right-click the image above, you won't see an option to save the image, at least if someone will copy your "precious" photos, they'll do it the hard way. :D So, enough with the talk. Implementation: You just need to paste a...

Visit the blog to read more about this article. The author will be happy if you do. Thank you!

Create a Page Gallery from your Picasa Web Albums

noreply@blogger.com (Matt Morales) — Mon, 14 Jan 2013 14:51:00 +0000

Do you want to create a page containing the albums of your Picasa Web account? If yes, then let's do it! :D First, let me mention this very nice JQuery script made by alanhamlett to make this possible. Go to his site, from there you can download all the scripts and css files and take a look at the sample. Study it if you want! You can also host the scripts on your own, you need : jquery.fancybox.pack.js jquery.fancybox-thumbs.js jquery.picasagallery.js sample output from...

Visit the blog to read more about this article. The author will be happy if you do. Thank you!

Disable Comments in a Specific Post

noreply@blogger.com (Matt Morales) — Fri, 11 Jan 2013 04:20:00 +0000

This post will help you disable comment in a specific post as the title says. Comment is good , you should consider your post "value" before doing this. Consider this example: Click me for Demo The comment is disable because he just used that post to categorize his articles. That's a great idea! Anyway, let's do this. To disable comments if your using: 1.Blogger default comment. This is so easy to do, just follow the image's instruction. Click the Option...

Visit the blog to read more about this article. The author will be happy if you do. Thank you!

Create a Link to Randomly view Posts

noreply@blogger.com (Matt Morales) — Sun, 06 Jan 2013 17:49:00 +0000

This tutorial will help you build or create a link and give a random posts when clicked. I think it will help most if your blog is for "entertainment" like this one. Click me for Demo First. So let's start by going from Dashboard > Template > Edit HTML then find </head> and paste this code above it. // Second. Then include the short script, ignore if you have it already. <script src='http://code.jquery.com/jquery-latest.js'/> Lastly. You can post...

Visit the blog to read more about this article. The author will be happy if you do. Thank you!

Style Your Blog Posts Elements Separately

noreply@blogger.com (Matt Morales) — Thu, 03 Jan 2013 03:11:00 +0000

An HTML element is everything from the start tag to the end tag. An HTML element starts with a start tag / opening tag An HTML element ends with an end tag / closing tag The element content is everything between the start and the end tag Some HTML elements have empty content Empty elements are closed in the start tag Most HTML elements can have attributes -W3schools In order to separately style each HTML elements in your blog posts, you need to define them by...

Visit the blog to read more about this article. The author will be happy if you do. Thank you!

Create a Dynamic Social Network Buttons

noreply@blogger.com (Matt Morales) — Sun, 30 Dec 2012 12:57:00 +0000

Social Network buttons have been very useful for a website/blog to be known more. I guess having a social network button is a "must" in a blog/website. It helps a lot, and placing it correctly should be consider. The easiest way to add social network buttons is through addthis. You can copy the code above or just go to their site and choose a different style. Before doing this, view this demo first. Click me for Demo You'll notice that when we scroll down the page, the...

Visit the blog to read more about this article. The author will be happy if you do. Thank you!

Use textarea Element when Posting Codes

noreply@blogger.com (Matt Morales) — Fri, 28 Dec 2012 15:30:00 +0000

Sometimes when we want to post a code in a certain posts, we used blockquote. As you notice my past posts with codes are posted using the blockquote tag. And it doesn't look nice! Honestly, I want to change my posts with codes using textarea tag instead of blockquote but I'm too lazy to do it. :P The <textarea> tag defines a multi-line text input control. A text area can hold an unlimited number of characters, and the text renders in a fixed-width font (usually Courier). The size of...

Visit the blog to read more about this article. The author will be happy if you do. Thank you!

Add Breadcrumb navigation to your Blog

noreply@blogger.com (Matt Morales) — Thu, 27 Dec 2012 14:01:00 +0000

Breadcrumbs or breadcrumb trail is a navigation aid used in user interfaces. It allows users to keep track of their locations within programs or documents. The term comes from the trail of breadcrumbs left by Hansel and Gretel in the popular fairytale.-Wikipedia The method that we will use here is the label of your posts. First, let's set our blog and allow label to show. Then, from Dashboard > Template > Edit HTML > Find "]]></b:skin>" and paste the code above...

Visit the blog to read more about this article. The author will be happy if you do. Thank you!

Learn more about ID and Class Selector

noreply@blogger.com (Matt Morales) — Wed, 26 Dec 2012 10:32:00 +0000

This should be a "must" learn in HTML and CSS. It helps you to beautify a specific element in your HTML body. SELECTOR ID CLASS CHARACTERISTICS unique single usage style many elements can be use several times DEFINE WITH "#" "." It works like this, let's say for example in your HTML body This is a sample paragraph text using class selector This has no class This is a another sample paragraph text...

Visit the blog to read more about this article. The author will be happy if you do. Thank you!

Create a Gadget with Posts from a Specific Label

noreply@blogger.com (Matt Morales) — Sat, 22 Dec 2012 17:35:00 +0000

This is the scenario here, you want to have a gadget/widget containing the posts of a specific label. Let's say, you have 10 posts having an "ABC" label and you want to create a gadget containing those posts. Sounds confusing but it's simple to achieve using Feedburner and it's BuzzBoost service. Before proceeding, you may take a look on how to create a feed out of your blog posts here. After watching the video, you only need to identify which label you want to use. Let's say I...

Visit the blog to read more about this article. The author will be happy if you do. Thank you!

Add Related Posts with Thumbnail and Summary

noreply@blogger.com (Matt Morales) — Sat, 22 Dec 2012 13:01:00 +0000

The related posts widget appears if one of your post has the same label with others. You need to label your posts first. This tutorial will teach you on how to add related posts widget below your every posts. Don't worry this is simple, just copy and paste. All you need to do is follow the steps and learn to customize it by CSS. It has three parts. The Script <script type='text/javascript'> //<![CDATA[ /* Related Post with Thumbnail & Summary 1.0 (May 02,...

Visit the blog to read more about this article. The author will be happy if you do. Thank you!

Validate and Optimize Your CSS

noreply@blogger.com (Matt Morales) — Tue, 18 Dec 2012 16:01:00 +0000

Upon reading this, I believed you have knowledge on how CSS works. CSS (Cascading Style Sheet) in layman's term is the one responsible for dressing-up your web page. It adds colors your dull web page. Without CSS, by default the body background is white, links are blue, all text were align in left, font is in Times New Roman with size 12px, etc. Too much for the intro... When we're creating or let's say beautifying a page, sometimes we tend to wrote the code without proper format as...

Visit the blog to read more about this article. The author will be happy if you do. Thank you!

5 Reasons Not To Apply Google Adsense

noreply@blogger.com (Matt Morales) — Tue, 18 Dec 2012 14:44:00 +0000

You have a blog, you want to earn money from it but there are things that you must consider before monetizing it. Some bloggers were hasty getting money from their blog but failed to earn a considerable amount. Then they got bored, stop blogging. It doesn't have to end with that. All you need is patience and some pointers, motivation and lots of ideas which are original and not "copy-paste". Here are some pointers, which I believe that should be consider before applying Google...

Visit the blog to read more about this article. The author will be happy if you do. Thank you!