Button Link with CSS

2013-12-31T08:56:00.000-08:00

Button Link with CSS

In order to look good, designers can create links in the form of images such as buttons, icons or other. The most groove is shaped link button. With CSS, you do not need to use the pictures or the like for example the image button, simply by making a style border on the link then the link can be made in the form of buttons. Pay attention and make a script for the following links.

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Button Link with CSS</title>
<style type="text/css">
body {margin-left:20%;
      font-family:Verdana; font-size:12px;
    font-weight:bold;}
a:link
{ text-decoration:none; background-color:#0066CC;
color:#FFFFFF; border-color:#003399; border-style:outset;
border-width:6px; padding:4px 4px 4px 4px;}
a:visited
{ text-decoration:none; background-color:#0066CC;
color:#FFFFFF; border-color:#003399; border-style:outset;
border-width:6px; padding:4px 4px 4px 4px;}
a:active
{ text-decoration:none; background-color:#0066CC;
color:#FFFFFF; border-color:#003399; border-style:outset;
border-width:6px; padding:4px 4px 4px 4px;}
a:hover
{ text-decoration:none; background-color:#0099FF;
color:#FFFFFF; border-color:#003399; border-style:outset;
border-width:6px; padding:4px 4px 4px 4px;}
td {padding: 12px 12px 12px 12px;}
</style>
</head>
<body>
<table width="100">
<tr>
    <td><p><a href="http://tophtml.blogspot.com">HOME</a></p></td>
    <td><p><a href="http://tophtml.blogspot.com/about.html">ABOUT</a></p></td>
    <td><p><a href="http://tophtml.blogspot.com/contact.html">CONTACT</a></p></td>
</tr>
</table>
<p> </p>
<p> </p>
</body>
</html>

The result will look link the three-dimensional shape obtained from the value of border-style: outset.

Link As Button: use the border settings to obtain 3-dimensional button-shaped links.

PNG or GIF

2013-12-29T16:21:00.000-08:00

PNG or GIF

This article, invites you to explore the two main choices of format images that can be used in the Web to illustrate a simple graphic a scheme or logo.

GIF

Graphics Interchange Format (GIF) was developed in 1980 and more widespread use. GIF format is a compress / reduce the file size using the algorithm called LZW. The value of more than GIF is a very broad support and appears as the default choice for simple images on the web.

Compared with others (such as PNG) GIF is technically not so superior, but during this year are on the Web, supporting appears and the development of PNG, this is certainly a safe choice until today. One of the problems that states surrounding the GIF format is LZW algorithm is patent protected by U.S. company Unisys. LZW Unisys Company expired in USA, June, 20th 2003. LZW patent expired in Canada, France, Italy, Germany, Britain and Japan.

PNG

PNG (Portable Network Graphics) was developed in 1995 and became a W3C recommendation in 1996, and has grown to almost all Web browsers to the year 1998. PNG (Portable Network Graphics), a file format for the lossless, photoable, reduced image storage.PNG provide patent-free substitute for GIF and can also replace many uses of TIFF. Indexed-color support, grayscale, TrueColor, plus an optional alpha channel.

For the Web, PNG has three advantages than GIF:

alpha channels (variable transparency)
cross-platform gamma correction (control for sharpness / brightness images)
color correction and two-dimension interlacing (method of progressive display).
PNG also compresses better than GIF every case (5% to 25% in case type)

Change Icon in Blog

2011-11-11T23:18:00.000-08:00

Change Icon in Blog with Favicon

Favicon is a small icon image that is displayed in the address bar and browser tabs.

With the favicon is indeed seem attractive, even we can memorize a web site with just seeing his favicon, if we have a lot of bookmarks in our browsers, so we'll see a wide range of favicon there.

So how do I display the favicon?

First, you must have a picture of extension .ico, the standard size is about 16X16px, graphics program like Photoshop or Corel Draw can create this file type, but if you want the fast food you can download from freefavicon (http://www.freefavicon.com/freefavicons/objects/index.php) , you can attract hundreds favicon found there.

If you've found that you like, download and save the icon into your computer with the name "favicon.ico"

Next to the html document to display this icon, we must add the following code between tag elements <head> and </ head>:

<link rel="shortcut icon" type="image/ico" href="favicon.ico">

Once inserted into the html document it will be as below:

<html>
<head>
Titel <title> My Website </ title>
<link rel="shortcut icon" type="image/ico" href="favicon.ico">
</head>
<body>
<p> Using Favicon in blog</ p>
</body>
</html>

Open Notepad and copy the code above and save to your computer with the name "testicon.html" do not forget to store it in the same folder as favicon.ico earlier.

Furthermore, with the browser open the file "testicon.html" is, so if you do it right then the favicon will appear in the address bar and browser tabs.

Stay Beautiful by Minimalist Web Design

2011-10-04T19:10:00.000-07:00

Web design can be interpreted as a minimalist web design that is simple, not too many colors, and easy navigation. Minimalist web tend to be favored because these are usually easy to understand and easily accessible. As discussed in previous articles, websites that have too many elements and links can make the user confused, especially if the users are not too familiar with Internet world, and is certainly very disturbing comfort.

Web minimalist must have color, texture, background and elements as simple with the addition of one or two large object as a focal point. So when accessed, the user will tend to lead the eye on one or two points that's all. Web minimalist usually only contain elements that are considered important, widgets and links are not important and do not function better if left out. But the removal of even this element also must be careful, do not let the website be a 'lame' because of the loss of important features.

Powerful and unique accent colors on specific objects can be added as reinforcement focus. Since then the whole nature of minimalist objects that will be the focus should be as unique as possible. In essence, the web should not be lost artistic and psychological elements. Although not many objects contained therein, minimalist web must also meet the principles of graphic design, both in terms of balance, alignment, to contrast it.

Basic LayoutWeb minimalist does look simple, but for people who are not used will be very difficult to find the shape and layout are minimal but sweet. Some tips on elements that might be used include:

Use a combination of white color - gray - black for objects that do not want highlighted. Gray can be broken down in many more colors, from light gray to dark gray. This color combination will create an impression of the minimalist and neutral because the movement of white-gray color is not really black, he just means 'dark and light'. (That's why photographs and black-and-white TV is often called the TV and the photos 'no color').
Use one or two strong colors on the objects that wants to find and want to be the focus. These strong colors can be dark blue, black, red hearts, and army green. The use of color in web design is also an important component.
Use a font that is unique to some elements who want to find.
Involve flash or javascript for certain elements can move. It is important that the website does not seem 'dead'. Still, considering the SEO side.
Use the layout or arrangement of the different pictures on each page of the website. It is rather difficult, but it can make a minimalist web does not look boring.

Minimalist web design has become a trend lately. Minimalist web design is considered more mild, communicative, and elegant. But forget the minimalist web design elements can make the artistic and psychological web that looks boring, impressed 'normal', even 'dead'. Here are some examples of minimalist web design that might be used as a reference. Can be clicked to get to the original site and try to explore these web sites, you will find several animations and navigation are 'very magical' and rich in ideas. conclusion: it's minimalist web concept can be transformed into a very nice website.

How to Make RSS 2.0

2011-09-09T17:28:00.000-07:00

How to Make RSS 2.0

This article will explain what RSS is, how to create RSS, and its function.

RSS is one form of Web Syndication, RSS stands for "Really Simple Syndication", Version of RSS: 0.91, 0.92 and 2.0

The function of the RSS

Web Syndication is a little tiny piece of content of our website that we share with other websites. Functions of Web Syndication is to provide feed to other websites that use our website RSS.

Web Syndication Formats: RSS, ATOM, RDF.

How to Create RSS

You need to know in the manufacture of the RSS there is some element of compulsory and optional

What is Mandatory

title : Same with the title of your website

ex : Learn How To Make Website

link : URL from title

ex : http://tophtml.blogspot.com

description : Description that explains the title

ex : Web Development, Website for Free, Website tutorial

Optional

language : Language of your website
Copyright : Copyright for your contents
managingEditor : Editor Email
webMaster : Webmaster Email
pubDate : Publication date
lastBuildDate : Last time content changed
Category : category
Generator : Generator used by RSS
Docs
Cloud
Ttl
Image : GIF, JPEG, PNG
textInput
skipHours
skipDays

FireFox and Opera is supported by the RSS.

After you create RSS, you can verify to:

Feed Validator : http://www.feedvalidator.org

Remember the RSS should be updated, follow the development of website content

Create Blog Table of Contents

2011-08-16T17:38:00.000-07:00

Do you like to read books? The answer will certainly vary, there are going to answer like and some that will say no like it. But I'm sure you have ever read a book. In a book there is a section called the table of contents, with a list of the contents of the book it will make the reader of the book to find the parts of the book you want to read. The question that may arise is what to do between books with blogs? not just a book that can contain a list of contents for ease of his readers, even within a blog we can do it. In addition to tempt visitors to linger more on our blog, it would be very easier for readers to find articles in the sense of interesting to read. make a link to the article.

Well ... I want to explain right now is how do I create a List of blog content automatically. Yupppsss .. with only once we make a list of the contents should not be made again and again but continue to work automatically, this technique introduced by the hans through the beautiful beta blog. Interested to make it? please follow the following steps:

The first step:

Sign in Blogger
Click the Layout menu
Click the Edit HTML
Click the link Download full template, please save it for backup data
Copy and paste the following CSS code in the above code ]]></ b:skin>

#toc { border: 0px solid #000000; background: #ffffff; padding:2px; width:495px; margin-top:10px;}
.toc-header-col1, .toc-header-col2,
.toc-header-col3 { background: #B5CBFA; color: #000000; padding-left: 5px; width:250px;}
.toc-header-col2 { width:75px;}
.toc-header-col3 { width:125px;}
.toc-header-col1 a:link, .toc-header-col1 a:visited,
.toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link,
.toc-header-col3 a:visited { font-size:100%; text-decoration:none;}
.toc-header-col1 a:hover,
.toc-header-col2 a:hover,
.toc-header-col3 a:hover { font-size:100%; text-decoration:underline; color:#3D3F44;}
.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 { padding-left: 5px; font-size:100%; background:#f0f0f0;}

Click Save Template button

Step two:

Click the Page Element
Click on Add a Page Element
Click HTML/JavaScript
Copy and paste the following code into the elements that appear

<div id="toc"></div>

Click the Save button
Move the new element is made just above the Post element
Click the Save button located on the top
Click on Add a Page Element back
Click HTML/JavaScript
Give the title to this element. Example: TABLE OF CONTENTS, then copy and paste the following code into the box element

<div id="toclink"><a href="javascript:showToc();">Table Of Contents</a><br/><br/></div>
<script style="text/javascript"
src="http://home.planet.nl/~hansoosting/downloads/blogtoc.js"></script>
<script

src="http://tophtml.blogspot.com/feeds/posts/default?alt=json-in-script&max-results=999&callback=loadtoc"></script>

Replace the url with the name of your blog
Click the Save button
Move the new element was made where you want (preferably on the top)
Click the Save button located on the top
Completed

Do not forget to replace the url of your own blog with the name of your blog.

Good luck!

How to Make a Random Post on Blogger

2011-08-14T17:37:00.000-07:00

How to make a random post on blogger. Tutorial blog this time will explain how I view the posts / articles randomly on Blogger.

This type of random post is called dynamic random post, because it looks like a slide. With a slide show, of course random post will also attract the attention of visitors.

For those of you who rarely update the blog, this widget may be quite useful. Because of all the articles in your blog will be displayed randomly using this widget.

That way, visitors who several times visited the blog, you can continue to read your articles the other, even if you have not added a new post though.

For those of you who want to try this dynamic random post, can directly follow the following tutorial.

CSS
First you need to do, put the CSS code for this random post.

Log in to Blogger.
Select Layout menu » Edit HTML.
Find this code ]]></ b:skin>.
Copy the following code above the code.

.gfg-root { width: auto; height: auto; position: relative; overflow: hidden; text-align: center; font-family: verdana, sans-serif;font-size: 12px;padding:2px; background:none;border: 0px solid #363636;}
.gfg-title {font-size: 16px;font-weight : bold;color : #fff;background-color: none;line-height : 1.4em;overflow: hidden;white-space : nowrap;}
.gfg-subtitle {font-size: 14px;font-weight: bold;color: #333;background-color: none;line-height : 1.4em; overflow : hidden;white-space : nowrap;margin-bottom : 0px;}
.gfg-subtitle a {color : #a43434;display:none !important;}
.gfg-entry {background-color: none;width : 100%;height : 9.9em;position : relative;overflow : hidden;text-align : left;margin-top : 0px;}
/* To allow correct behavior for overlay */
.gfg-root .gfg-entry .gf-result {position : relative;background-color:none;width : auto;height : 100%;padding-left : 5px;padding-right : 5px;}
.gfg-list {position : relative;overflow : hidden;text-align : left; margin-bottom : 15px;display:none !important;}
.gfg-root .gfg-entry .gf-result .gf-title {font-size: 13px;display:block;color:#a43434;font-weight:bold;line-height: 1.2em;overflow : hidden;white-space : nowrap;text-overflow : ellipsis;-o-text-overflow : ellipsis;margin-top : 4px;}
.gfg-root .gfg-entry .gf-result .gf-snippet {line-height : 1.3em;color: #333;margin-top : 3px;font-size: 12px;}
.clearFloat {clear : both;}
#feedGadget { margin-top: 3px;margin-left: auto;margin-right: auto;width: auto;font-family:verdana, arial;font-size: 10px;color: #333;}

Save the template.

Random Post Script
To install the random post script follow the steps below.

Open Layout »Page Elements.
Click Add a Gadget.
Select the gadget HTML/JavaScript.
Copy-paste the following script into the gadget earlier.

<script src="http://www.google.com/jsapi/?key=ABQIAAAAcV2jSs52yGHKNXjYTcwvNBQjGizh_00DUHOFTBoYdXcXzGgaZxRGIm148GyVsULR8I1--uCF7hoW2w" type="text/javascript"></script>
<script src="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js" type="text/javascript"></script>
<script type="text/javascript">
function showGadget() {
var feeds = [
{title:'title',
url:'http://tophtml.blogspot.com/feeds/posts/default?redirect=false&start-index=1&max-results=999'},
];
new GFdynamicFeedControl(feeds, 'feedGadget',
{numResults : 1000, stacked : true,
title: " "});
}
google.load("feeds", "1");
google.setOnLoadCallback(showGadget);
</script>

<div id="feedGadget"><center><img src="http://img80.imageshack.us/img80/1577/loadingtrans.gif" /></center></div>

Make sure you change your blog name.
Save gadget.

Now look at the results. Your post will appear at random. This will help your visitor to find other posts in your blog.

Good luck!

What is Cookie?

2011-08-08T17:21:00.000-07:00

What is cookie?

Non Technical

It’s very difficult to find good examples in the real world that can describe the cookies with appropriately. But let's try this one: A doctor will give you a card that will be filled on your circumstances when you first came for a treatment to him and handed the card to you. Every time you come (which may still be associated with the same disease) you submit the card and the doctor can know your progress, and can know you came because of what (for the disease earlier, or because of new diseases). If the doctor is a web server and the patient is a client (browser), then the card is a cookie that will be discussed at this time.

Most physicians (whose patients are not too many) will be remembered by each patient and also the disease, but the webserver does not remember all about a client, about the same doctor who had so many patients to not remember that these patients received treatment for the second time yesterday in connection with the illness. Nature webserver (HTTP server) that do not pay attention to (keep in mind) is called a stateless request.

A patient can come to the doctor for some time for the same (same disease). Similarly someone can come to web pages for a purposes, e.g. to buy something online, he will enter the login page, then go to page to choose the goods, go to page to fill in payment method, and move to another page to logout. Because the HTTP server does not keep in mind what clients did, so we have to find a way so that HTTP server can remember, one of which is with cookies. A cookie is like a card given by a doctor to the patients that must be given every time the treatment, so the cookies sent by the webserver, received by client (browser) and then every time you visit the page the cookie is submitted to the webserver, by viewing the contents of the cookie information can be: "oh this is before the client with login name John, or login name: john; items selected: a laptop and a printer". Cookies are not the only way to create a session on HTTP. As the card is not the only way doctors could know the condition of his patient (He can ask his beautiful assistants to remember / keep track of all patients).

Technical

Before you can understand about cookies, you need to know about HTTP. HTTP is a stateless protocol that is used for world wide web (WWW). The term World Wide Web of course you already know. There are two terms that need to be explained: the protocol and the stateless. In short we can say the Protocol is an agreement about how communication will be done (Tanenbaum, 1992). While the stateless protocol means that it does not retain information from one request with another request. The HTTP server will serve the request without depending on a previous request or demand thereafter.

By its nature, stateless, will be very difficult to make an application with the HTTP protocol that need to handle a session (e.g. online shopping). In the context of this session is a series of requests in the form of a unity, for example, from your login, select the item, make a payment, until logout. Although at that time other people who are both equally login and select the item, the item you choose will not mix with people because you and that person has a different session.
Cookie is one way to create a stateful session with HTTP, there is still a cookie than the other way, but this way is considered the most convenient and standard for now.

How does cookie look like?

Cookie is a text-based information that is exchanged by client and server (which makes this cookie is a server). In the cookie is there some information, i.e. name server which provides, cookie path, cookie contents and expiration date. When receiving a cookie, the cookie will be stored by the browser in the cookie jar, it’s usually in the form of text files. When a browser visits a site that is in the cookie jar, the same paths when requesting the page for the site content is also sent a cookie.

What can be done by cookies?

Cookies are used to store information on the client by a server. So who writes the contents of a cookie is a webserver, and the client to save. For each server, the size of a cookie is limited in number as well, so a server will not be able to give cookies in large numbers or in larger size to meet your hard drive.
Cookies can be used to save your login information to be used on the following pages, cookies can also be used to store additional information that you do not have to login every time you visit a site.
Cookies can also be used to monitor which pages you visit in a site. These are usually exaggerated by the media, they said: You could be tracked with cookies. RFC 2109 itself has mentioned this:

An origin server could create a Set-Cookie header to track the path
of a user through the server. Users may object to this behavior as
an intrusive accumulation of information, even if their identity is
not evident. (Identity might become evident if a user subsequently
fills out a form that contains identifying information.)

Actually, what the cookie can do is just that, it’s like a security guard or clerk is watching you when shopping in a store. He could find out what your habits each time to store it, but they will not know what you do not tell (your name or address for example). If you did not fill any data to a site, cookie had almost no effect on you. For website owner, the data is just like the survey (so he knows which pages are most visited and not) but he did not know who is filling the survey.

The advantage for user with a cookie

You have visited sites that require login and have the word “remember my login and password?”, that site save the login and encrypted password in the cookie. With this facility you do not have to login every time you log onto the site. For Internet users at home using phone lines or modems, this means savings credit because you do not need to load the home page, login and wait until the page appears. Some sites can save your settings to facilitate your use of services, for example is Google. Google allows a user to set a few things (such as language, number of search results per page and others) and this setting will remain there until the cookie expires.

Keep your cookies

Cookies are not dangerous, but if this cookie copied by other people, the result could be fatal. As I mentioned earlier, this cookie can be used to store login and password, if this cookie can be copied to login with yours, no password. But this way (copying the cookie) is not always successful, most of the cookie have the active time, and many sites on the Internet that will out-do a user if there are two logins from two different IP (Internet Protocol) from the same user.

So be careful with your cookies. In the public use computers, you should not activate the option “remember my login name and password” because it is very dangerous. But at home or in other private places (such as office computer to be used alone, or laptop) this facility can help you reduce the time online.

Bug

Some browsers that support cookies in the first version has a bug. There is a bug that allows a cookie to be exchanged with another domain (when it should not be). Latest current browser is free from this bug.

Conclusion

Cookies are not too dangerous when compared to other technologies that exist on the internet today. Javascript is usually active in every browser is much more dangerous than the cookies. Currently not many bugs in the browser cookie implementation, but implementation errors Javascript and VBScript are very much.

If you too worry to the point that you install a cookie manager that will delete your cookies , you should probably more worried about other things. In addition to burden your PC with the software, maybe you'll get a false sense of security because there are many attacks other than through a cookie. If you did not make financial transactions on the Internet and do not have important data on the internet (on the internet hard drive such as Xdrive, for example), can be said that cookies are harmless.

Introduction to XML

2011-08-07T18:09:00.000-07:00

Before starting to learn the techniques of building a web service, it helps us understand the basic concepts of XML. An understanding of XML will help us to more easily understand what is happen behind the web service. For readers who already understand the basic concepts of XML, can skip the discussion in this chapter.

What is XML?
XML lies at the core web service, which is used to describe data. The main function of XML is the communication between applications, data integration, and communications with external partner application outcomes. With the standardization of XML, different applications can easily communicate between each other.

XML stands for eXtensible Markup Language. Markup language is a set of rules that defines a syntax that is used to explain, and describe the text or data in a document through the use of tags. Another popular markup languages like HTML, describes the web browser on how to display text formatting, data, and graphics to the computer screen while visiting a website. XML is a markup language used to process the meta data (information about data) which describes the structure and intent / purpose of the data contained in XML documents, but rather describes the display format of the data. XML is a simple standard that is used to describe text data in a way self-describing (self description). XML can also be used to define other specific domains, such as music, mathematics, finance and others that use structured markup language.

Here is an example of an XML document to the information contact person:

<?xml version="1.0" encoding="ISO-8859-1"?><contact>
<contact>
<name>Jack</name>
<company>Intel, Inc</company>
<address>Backstreet 43</address>
<city>Los Angeles</city>
<state>United States</state>
<zip>99999</zip>
<phone>0811111</phone>
<email>jack@gmail.com</email>
</contact>

Notice how easy it is to understand the meaning and structure information on the above XML document, so it will also be easy for computers to understand this XML document.
Like HTML, XML uses elements that are marked with an opening tag (starts with '<' and ends with a closing tag '>'), (starts with '</' terminated '>') and attribute elements (the parameters stated in the tag e.g. <form name="content"> opener). Only difference, define HTML tags and attributes from the beginning that is used in it, whereas we can use the XML tags and attributes at will.

Writing an XML Document Structure
Here is an example of an XML document structure:

<? xml version = "1.0" encoding = "ISO-8859-1"?> --> Header

<email> --> Root element
<to> Jason </ to> --> child element
<from> Jack </ from> --> child element
<subject> Hello </ subject> --> child element
<message> Good Morning ... </ message> --> child element
</email>

The first line in the XML document above is a standard declaration header that defines the XML version and character encoding used in XML documents. In this document, refers to the version of XML 1.0 and uses the character set encoding standard ISO-8859-1 (European Latin-1/West).
The next line describes the parent element (root) document "<email> .. </ email>", as we call that "This document is an Email". Then the line to 3-6 illustrate the elements of a child (child) from the parent element of the document.
Tag in the XML document are case-sensitive where the opening tag and closing tag must be equivalent. As an example the opening tag "<email>" must be closed with the tag "</email>".

Here is an example of writing an XML document that is not true:

"<email> .... </Email>"
"<EMAIL> .... </Email>"
"<email> .... </EMAIL>"

Here is an example of writing a correct XML document:

"<email> .... </email>"
"<EMAIL> .... </EMAIL>"
"<Email> .... </Email>"

Table In Blog With Google Docs

2011-08-02T18:05:00.000-07:00

How to create a table on the blog already widely shared on other blogs, but how to create tables that will be presented here are very different and much easier for even novice bloggers who do not understand the HTML language. Generally to create a table on a blog or site used HTML code, but in this article we will learn to create tables by using google documents.

How to create a table in Google documents is the same as creating tables in spreadsheet pogram like Microsoft Office Excel or Open Office Calc. The good news is the table is online and can be pasted in a blog of site.
Another advantage of google documents to create table are :

No need to understand the HTML code language (<table>, <td>, <tr>, etc).
The tables will be like spreadsheets, and can consist of several sheets.
Table area (especially width) is not limited by the width of the blog page.
Data in the table can not be stolen (copy).
Easy to edit directly on google documents.
The width and length of rows and columns is easily managed, without any HTML code (width, height, etc)
The number of rows and columns can be arranged which you want to display and which do not want to appear

But, nothing is perfect. The lack of creating table with google documents is you can not put a link.
Steps how to create a table with google documents is as follows:

Log in to Google Doc with your Google account.
Click "New" and select "spreadsheet"
Fill the data table and beautify as usual we created in Excel spreadsheets.
Save and name the table that we created
Click the "Share" and choose "Publish As A Webpage"
Select the sheet you want to display and tick the "Automatically republish after changes are made" and click "Start Publishing"
Select "HTML To Embed In A Page", "Sheet" that you want displayed, and the range of rows and columns you want displayed. For example: A1: G18.
Copy the entire existing code and paste it in pages or posts you want to display the table.
Set the table width and length on the width and height in accordance with the width of the blog page. Excess length and width of the table will be displayed in the form of scroll (roll screen).

What do you think? Which is easiest?

Commercial and Free CMS

2011-07-21T19:17:00.000-07:00

If you are looking for a CMS (Content Management System) on the Internet, then you will be given plenty of options. Like Joomla, WordPress, and Drupal CMS is part of Free (Open Source) are popular. There are still many other free CMS you can use. In addition to free CMS, also many commercial CMS that can be used for companies, online stores, web portals, web education, etc.
Between commercial CMS and Free CMS, which one is best to use? It is difficult to determine which is best, all depends on the type of website that will be made, for what the website is created, and how much budget is available to make the website.
Before you decide to use CMS or CMS Free Commercial for your website, first you need to know what the difference of the two types of CMS is.

FREE CMS (OPEN SOURCE)
Free CMS is available free on the Internet, which can be downloaded and converted his script code. Because it is free, its development came from the developers who voluntarily contribute in improving and enhancing performance. Usually the development of Free CMS more quickly than commercial CMS.

Free CMS Advantages:

The installation is fast and free, except for payment for the rental of the domain and hosting.
Faster performance and stability testing (not necessarily better) because many users and developers.
Usually a lot of support for Technical Support in the forums or blog tutorial.

Free CMS Disadvantages:

Security Systems is not as good Commercial CMS, because it is Open Source or script code can be viewed and can be learned by everyone.
The number of developers are likely generated a lot of damage (crash) on the system, because every web developer have different habits in developing a web application.
Because anyone can participate to the development, so not all of them professional. So often the problem arises because the programming is not competent.
Options menu settings that are very complicated and required language skills to the integration of programming for each application.

COMMERCIAL CMS
Commercial CMS basically similar to the Free CMS, which together have the ability to manage web content. But on the Commercial CMS restricted access to the script code. Even on some Web Developer Company, can not access the script code, or the price to be able to access the script code is very expensive. In the sense that clients buy the full rights over the script code that has been made.

Commercial CMS Advantages :

Security System is better than Free CMS because script code can not be access, or only the client can see the script code.
The possibility of a crash on applications is smaller because the application is made by the same developer.
Development is more competent because handled by a professional developer.
For clients, it is not complicated and not needed programming language skills because the Commercial CMS is made as simple as possible (users friendly) in accordance with the needs of clients.

Commercial CMS Disadvantages:

It needs so long time to make it and usually expensive, because the developers build it from zero.
Performance and stability for testing takes a long time.
Technical Support are charged extra.

Walking Text in Menu Bar

2011-07-20T19:15:00.000-07:00

Maybe you have ever seen the text run which is on the menu bar.

This article is the answer to make walking text in blog. Well if you were interested to make the walking text, please read this article thoroughly.

Because the blogger template is divided into two: the classic and new template, then for how to make the text run will be different, so my discussion will be divided into two parts. However, I need to say, the example that I will give this result is not exactly like on this blog is the text runs from left-right direction, but I'll give an example text runs from left to right direction and there is a lag time between writing the tops with The second and subsequent writings.

For the classic template, please follow the steps below:

Sign in blogger with your id
Click the Template menu
Click the Edit HTML
Copy the entire HTML code and paste it in notepad and then save. This in intended as a precaution in case of errors in the process of editing the template, so you still have the data to restore it to its original.
Copy the code below and paste the above code </ head>

<script language='javascript'>
message = "Write your first text here ^" +
"Your second text here ^" +
"Your third text here ^" +
"Your fourth text here ^"

scrollSpeed = 130
lineDelay = 0

// Do not change the text below //

txt = ""

function scrollText(pos) {
if (message.charAt(pos) != '^') {
txt = txt + message.charAt(pos)
status = txt
pauze = scrollSpeed
}
else {
pauze = lineDelay
txt = ""
if (pos == message.length-1) pos = -1
}
pos++
setTimeout("scrollText('"+pos+"')",pauze)
}
scrollText(0)
</script>

Click the Save Template Changes
Done.

For the new template please follow the steps below:

Sign in blogger with your id
Click the Layout menu
Click the Edit HTML
Click Download Full Template and save the data. This is a precaution in case of an error in editing the template code
Click the little box next to Expand Widget Templates to check. Once again do not forget to click the little box next to Expand Widget Templates
Wait a while until the process is complete
Save the following code under the code </ body>, the code is located in the bottom before the code </ html>

<script language='javascript'>
message = "Write your first text here ^" +
"Your second text here ^" +
"Your third text here ^" +
"Your fourth text here ^"

scrollSpeed = 130
lineDelay = 0

// Do not change the text below //

txt = ""

function scrollText(pos) {
if (message.charAt(pos) != '^') {
txt = txt + message.charAt(pos)
status = txt
pauze = scrollSpeed
}
else {
pauze = lineDelay
txt = ""
if (pos == message.length-1) pos = -1
}
pos++
setTimeout("scrollText('"+pos+"')",pauze)
}
scrollText(0)
</script>

Click the SAVE TEMPLATE
Completed

In the script above there are some writing that you must replace it with the writing you want. For example: welcome to my blog. or anything which according to you deserve to be written there. The example I gave above contain as many as four text messages or writing, if you want more that can be done by adding lines such as code before. For writing code : scrollSpeed = 130. The number "130" is the speed of the text run, the smaller the value the faster the text runs, and the greater its value then the text will be slower. Please adjust with your need.
Good luck!

Neon Lights Text

2011-07-19T19:10:00.000-07:00

Creating text animation with effects of fluorescent light (Neon Lights Text)

This post is about the neon effect on text in which the text turns from left to right. So with the following script would look effects lit from left to right but only two or more of the characters are lit depend on your setting.

If interested in trying the effect of neon on this text, please copy the script below and then insert it into the html / javascript gadget or into the post,
Script can be seen below:

<h1><script language="JavaScript1.2">
//Neon Lights Text II by G.P.F. (gpf@beta-cc.de)
//visit http://www.beta-cc.de
//Visit http://www.dynamicdrive.com for this script

var message="Welcome to my blog!!!"
var neonbasecolor="gray"
var neontextcolor="blue"
var neontextcolor2="red"
var flashspeed=100 // speed of flashing in milliseconds
var flashingletters=2 // number of letters flashing in neontextcolor
var flashingletters2=1 // number of letters flashing in neontextcolor2 (0 to disable)
var flashpause=0 // the pause between flash-cycles in milliseconds

///No need to edit below this line/////
var n=0
if (document.all||document.getElementById){
document.write('<font color="'+neonbasecolor+'">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
document.write('</font>')
}
else
document.write(message)
function crossref(number){
var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
return crossobj
}

function neon(){
//Change all letters to base color
if (n==0){
for (m=0;m<message.length;m++)
crossref(m).style.color=neonbasecolor
}
//cycle through and change individual letters to neon color
crossref(n).style.color=neontextcolor
if (n>flashingletters-1) crossref(n-flashingletters).style.color=neontextcolor2
if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=neonbasecolor
if (n<message.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",flashpause)
return
}
}
function beginneon(){
if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)
}
beginneon()
</script></h1>

Description:
Replace the text “Welcome to my blog!!!” with the text you want displayed
In var neonbasecolor = "gray" is the text color
In var neontextcolor = "blue" is first neon text color
In var neontextcolor2 = "red" is second neon text color
At var flashspeed = 100 is the speed of moving color

You can see the result below, how good it is...

Circling Text Trail

2011-07-18T19:01:00.000-07:00

How to make the circular text follow the mouse movement (Circling text trail)

How to make text follow a circular motion moving the mouse or known as "Circling text trail". The text is moving in a circle around the mouse pointer when the mouse is idle. Text to be displayed can be set as desired.

All you need do is to insert the script below into the gadget html / javascript.

<style type="text/css">
/* Circle Text Styles */
/*http://www.dynamicdrive.com/dynamicindex13/circletext.htm */
#outerCircleText {
/* Optional - DO NOT SET FONT-SIZE HERE, SET IT IN THE SCRIPT */
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial;
color: #000;
/* End Optional */

/* Start Required - Do Not Edit */
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
/* End Required */
/* End Circle Text Styles */
</style>
<script type="text/javascript">

/* Circling text trail- Tim Tilton
   Website: http://www.tempermedia.com/
   Visit: http://www.dynamicdrive.com/ for Original Source and tons of scripts
   Modified Here for more flexibility and modern browser support
   Modifications as first seen in http://www.dynamicdrive.com/forums/
   username:jscheuer1 - This notice must remain for legal use
   */

;(function(){

// Your message here (QUOTED STRING)
var msg = "Welcome to my blog!";

/* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */

// Set font's style size for calculating dimensions
// Set to number of desired pixels font size (decimal and negative numbers not allowed)
var size = 24;

// Set both to 1 for plain circle, set one of them to 2 for oval
// Other numbers & decimals can have interesting effects, keep these low (0 to 3)
var circleY = 0.75; var circleX = 2;

// The larger this divisor, the smaller the spaces between letters
// (decimals allowed, not negative numbers)
var letter_spacing = 5;

// The larger this multiplier, the bigger the circle/oval
// (decimals allowed, not negative numbers, some rounding is applied)
var diameter = 10;

// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.4;

// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)
var speed = 0.3;

////////////////////// Stop Editing //////////////////////

if (!window.addEventListener && !window.attachEvent || !document.createElement) return;

msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body,

mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},

makecircle = function(){ // rotation/positioning
if(init.nopy){
o.style.top = (b || document.body).scrollTop + 'px';
o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){ // makes the circle
d = document.getElementById('iemsg' + i).style;
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},

drag = function(){ // makes the resistance
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},

init = function(){ // appends message divs, & sets initial values for positioning arrays
if(!isNaN(window.pageYOffset)){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
d = document.createElement('div'); d.id = 'iemsg' + i;
d.style.height = d.style.width = a + 'px';
d.appendChild(document.createTextNode(msg[i]));
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},

ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};

o.id = 'outerCircleText'; o.style.fontSize = size + 'px';

if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
if (/Apple/.test(navigator.vendor))
   window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};

})();

</script>

Description:
Replace the text “Welcome to my blog!” with the text to your desired. You can edit the font style, circle speed, etc.

Copy the script above into the html / javascript gadget.

Source of the script above I took from the site that discusses the dynamic drive circling text trail

Put Google Buzz Button in Blog

2011-07-17T23:40:00.000-07:00

Google has introduced Google Buzz Button. Buzz button help others to share your content from your website/blog in Google Buzz page, social networking such as Facebook and Twitter.

You can add a Buzz button to your blogger blog easily in just minutes.

Below I will explain how to add this Google official buzz button to blogger.

Log in to your dashboard -> Layout -> Edit HTML
Click on "Expand Widget Templates"
Search this code:

<data:post.body/>

Put the following code before or after the code above, according to my friend's favorite

<div style='float:right; margin-right:10px;'>
<a title="Post on Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="normal-count"> </a>
<script type="text/javascript" src="http://www.google.com/buzz/api/button.js"> </script>
</ div>

By adding Google Button Buzz, your blogs will become more SEO Friendly
Support us by commenting. Thanks.

How to Hide Blog Header Description

2011-07-16T23:36:00.000-07:00

Blogs, of any kind, in the making requires header consisting of the blog title and blog description.
Although there are some blog calling itself "No Title". Actually it is also the title of the blog.
Usually the description of the blog will consist of several words that could explain the outline of the content or blog content.
Well the thing is, if the description is too long then it can take up header space of our blog.

This time we will discuss a bit of blog tips to hide blog description.
The steps to hide blog description:

Login to your Blogger account >> Layout >> Edit Html
Click on “Expand widget templates”
Find these code:

# header-wrapper {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
background: $ headerbgColor;
border: 1px solid $ headerBorderColor;
}

Add code: display:none; after #header-wrapper { so it looks as follows:

# header-wrapper {
display: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
background: $headerbgColor;
border: 1px solid $headerBorderColor;
}

Save template

Look the result, you will find your blog without blog description.
Good luck

Put Digg This Button in Your Blog

2011-07-15T23:25:00.000-07:00

How to Put Digg This Button

This time we will discuss about a tutorial on how to install Digg This button on your website.

Digg has a tool where visitors can directly submit your articles to digg. This tool is called a Digg This Button.

Then how do I install this digg button on your website? Simply look at the script below.

There are 4 options that you can use.

Not using the count (only links, no amount submit).

<a expr: href = '"http://digg.com/submit?url =" + data:post.url + "&title =" + data:post.title' target ='_blank' title = 'Submit this post on Digg"> Digg This </ a>

Not using the count (icon).

<script type='text/javascript'>
digg_url = '<data:post.url/>';
digg_title = '<data:post.title/>';
digg_skin = 'icon';
digg_window = 'new';
</script>
<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>

With the count (small).

<script type='text/javascript'>
digg_url = '<data:post.url/>';
digg_title = '<data:post.title/>';
digg_skin = 'compact';
digg_window = 'new';
</script>
<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>

With the count (big).

<script type='text/javascript'>
digg_url = '<data:post.url/>';
digg_title = '<data:post.title/>';
digg_skin = 'large';
digg_window = 'new';
</Script>
<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>

For Blogger users, see the installation tutorial below.

Copy one of the script above.
After that, go into your Blogger account.
Select Layout » Edit HTML
Click "Expand widget templates", then look for code below. This code is the code for the title of the post. Each template may be slightly different, so adjust your template.

<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'> <data:post.title/> </ a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'> <data:post.title/> </ a>
<b:else/>
<data:post.title/>
</ b:if>
</ b:if>
</h3>

Paste the script you copied before above the code on no. 4.
Finally, add the following code in the script digg this.

<div style="float: right;">
digg this button code
</div>

The script above can not only be used to blogspot, but also or other blogs / websites such as wordpress.
Good luck!

Multiple Target Hyperlink

2011-07-14T18:56:00.000-07:00

Link on a website or blog is generally used to provide a single link, whether it was an open target location or the target of open window.

Well, here we will modify hyperlink to open several new target window tabs in one link. So when users click the link it will open more than one tab with different address. I often see this technique in a website/blog with many advertisement.

Here is the code to make multiple target hyperlink:

javascript:(function(){window.open('http://tophtml.blogspot.com');})();javascript:(function(){window.open(http://tophtml.blogspot.com/2011/05/text-glow-effect.html');})();javascript:(function(){window.open('http://tophtml.blogspot.com/2011/05/color-scrollbar.html');})();

Do not you beelive? just click link below :

Top HTML Tutorial

It’s easy right? Use simple javascript to make multiple target hyperlink.

Internal Search Facility for Blog

2011-07-13T18:50:00.000-07:00

Website and blog today is more complex than ever. Number of information in a blog can be used by visitors to answer their questions and learn what they need to know before contacting the blog owner.
But with all the information and features that are packed in a lot of blogs today, visitors can also make it more difficult to determine if a blog contains the information they need and then how to find it on her blog. Moreover if a blog has a design and confusing navigation. Internal search facility is the solution to the problem.
Advantage of Internal Search Facility in Blog :
Installation of an internal search facility can provide several benefits to help visitors of our blog, including:

Helping visitors find what they need quickly.
Overcoming the problems of navigation and blog design that confusing.
Provide a profit opportunity make money from programs like adsense for search.
Creating a blog is more focused on the visitors.
Provide lots of information about who is visiting our blog and what they need.
The inspiration for writing new articles.
Reveals new keywords

So make sure if our blog has internal search facility. If not, what options can we use? There are several solutions that free, commercial, and even paid that are available.
Sites provide Internal Search Facility for Blog :

Google Adsense For Search
This service is the most widely used because it is a service from Google and provide opportunities to get money from blog. Ads will be included in search result. If visitors click the ads, you will get revenue.

Lijit Search
The service is also quite widely used and provide opportunities to get money like adsense for search. The surplus is we can obtain statistical data and key word searches made on our blog.

Atomz Search
This service is free and it has it’s own hosting for search results.

Pico Search
This service is free and paid. Free services include ads in search results but not for blog owner doesn’t get money.

FusionBot
This service pack also has a free and paid.

Already put one of them in your blog?

WordPress.com vs. WordPress.org

2011-07-12T18:45:00.000-07:00

I remember once when I was in the early stage in learning website, especially during the early acquainted with Wordpress cms. At that time I think Wordpress is only one, but it's not true. There are Wordpress.org and

Wordpress.com and it's different.
I never list on wordpress.org with the intent to create a free blog. I've been looking for themes / templates on wordpress.com, and yet it is very limited, not like I've come across on a site called Wordpress also (apparently Wordpress.org). Never too many days Googling looking for info on how to install your favorite plugins on Wordpress.com, but could not. Have you ever experienced?
Based on that experience, now I can share with you, about how real difference between Wordpress.COM and Wordpress.ORG. Hopefully this post, will reduce the number of people who confuse the understanding of wordpress, and back towards the right path ..
Previously, let's first get acquainted with WORDPRESS

WordPress is the name of a cms, a physical is a set of interrelated scripts and supporting drawings, which is the main framework of a website (which uses wordpress script of course)
WordPress is open source license, meaning easy it is free and may be modified
WordPress has a lot of support from the opensource community, therefore, many WordPress themes and plugins are created and distributed for free
CMS WordPress is the most support from the community, minimum until the time of writing

Now about Wordpress.COM:

WordPress.COM is a free blog hosting service like Blogger, with the list you will get the url Wordpress.COM blog with a subdomain of Wordrpess, eg http://yourname.wordpress.com
WordPress.COM course use WORDPRESS cms engine
In Wordpress.COM You can only use a few themes that are available, can not add new theme
So is the plugin, too bad you can not install your favorite plugins
Free hosting at Wordpress.COM have limitations, for example, you can not access the database directly
Not allowed to embed javascript
And not allowed to access the files with ftp client and not given web cpanel, this means you can not alter the codes that exist on the core or theme
Talk fortunately, the cost of course, because Wordpress.COM blog for free. In terms of maintenance, upgrades and security, which handles the wordpress.COM
Another advantage is in terms of publications, on wordpress.COM dashboard displayed top Wordpress blog today, the most popular posts, the blog with the fastest growth, and recent posts from some blogs. Get ready to have your writing appear on the dashboard of other users

Unlike Wordpress.ORG:

WordPress.ORG is a central website publication, discussion and documentation about WORDPRESS script, you can download WordPress at wordpress.ORG. In other words, call it wordpress.ORG is only home to store and download center of WORDPRESS
So is the plugin and theme, in wordpress.ORG you can select thousands of themes and plugins support, all free. There are also themes and plugins are deployed outside wordpress.ORG, and partly commercialized by the manufacturer.
The focus here is, I emphasize, that wordpress.ORG only provide the script, so to create a website, you must provide your own domain, hosting, and all the components to build a website
By using WordPress script on the domain and hosting separate, not in wordpress.COM, then say you can use all the available wordpress themes on the internet universe, and can install all the plugins you need
Like hosting (some say wordpress self hosting or wordpress custom domain), then you are 100% entitled to access your files, either using ftp client or cPanel. So here you are free to change the code php, css, html, especially on the theme of your blog
And you are free to use javascript and accessing the database directly
The cost you'll shell out more for hosting and domains. But if you have a blog that give profit, why not. There really is no alternative to the search for a free, open to free and open domain is for free hosting

Well it turns out a lot too. Please enjoy, if something is missing please googling again, if there are more please comment below. Hopefully it can be particularly useful for studying website.

Auto Hide Navbar Blogspot

2011-07-11T17:59:00.000-07:00

What is meant Auto Hide Navbar here is the navbar congenital of Blogspot posted in every blog on blogspot.com with congenital standard template.

The function of this navbar to facilitate other bloggers to participate, share, reported abuse of the use of blogs (e.g. porn blogs, blogs that contain elements of rough, making a obscene, etc.) and search for the next blog, this means blog walking is recommended by Google.

Some of the blogs that we find by using a blog template from third parties, some of which remove congenital Blogger Navbar.

In my opinion, it’s better navbar template should not be removed from the blog because it allows users (blog owner) to sign (enter) set up or edit a blog layout.
In addition, in order to not break Blogger TOS, so it will be loved by Google and easily indexed by Google search engine.

In this tutorial we won’t remove Navbar, but we will hide it (make it transparent).
Here's how to make the Auto Hide Navbar:

Login to your Blogger account. Go to Dashboard > Layout > Edit Html
Find the following code:

body {
font: 100% Arial, Helvetica;
background: #000000;
color: #333;
}

Put the following code above that code:

# Navbar-iframe {opacity: 0.0; filter: alpha (Opacity = 0)}

# Navbar-iframe: hover {opacity: 1.0; filter: alpha (Opacity = 100, FinishedOpacity = 100)}
Well, the code will be like this:
# Navbar-iframe {opacity: 0.0; filter: alpha (Opacity = 0)}

# Navbar-iframe: hover {opacity: 1.0; filter: alpha (Opacity = 100, FinishedOpacity = 100)}

body {
font: 100% Arial, Helvetica;
background: # 000000;
color: # 333;
}

PHP Function With More Than One Value

2011-07-10T17:18:00.000-07:00

PHP Function With More Than One Value

This article will try to explain how to create a function that can return more than one value, or Returning multiple values from function in PHP. The essence of these functions is the use of arrays and list (); function. Here I will try to give an example function that can separate the first name and last name of a person's name. Create a file named value.php or you can give another name that you want.

The contents of the file with:

< ?php
function double_value($fullname)
{
$firstlast = explode(” “, $fullname);
$first_name = $ firstlast[0];
$last_name = $ firstlast[1];
return array($first_name, $last_name);
}
$myfullname = “John Lennon”;
list($myfirstname, $mylastname) = double_value($myfullname);
echo “Full Name : “.$myfullname.”<br>”;
echo “First Name : “.$myfirstname.”<br>”;
echo “Last Name : “.$mylastname ;
?>

The core of its functions :
When a variable used as the contents of the parameter :

double_value ($fullname)

Separate the first and last name by using a space and enter into an array :

$firstlast= explode ("", $fullname);

So that later can be able to access the first name we can use variable $firstlast[0]
and to access last name we can use variable $firstlast[1]
Then do the return value of the form array :

return array ($first_name, $last_name);

With the list() function take two values that shaped an array :

list ($myfirstname, $mylastname) = double_value ($myfullname);

Then show by using echo function :

echo “Full Name : “.$myfullname.”<br>”;
echo “First Name : “.$myfirstname.”<br>”;
echo “Last Name : “.$mylastname ;

That is one example of the algorithm makes the function can return two values.

PHP Function With More Than One Value

Chat with Google Widget

2011-07-09T17:48:00.000-07:00

Chatting with the widgets from Google. Many chat widget scattered around the Internet today. But every widget would vary, ranging from appearance to functionality owned.

Chat widget the most widely used in particular is Shoutmix. But now shoutmix can not be used the same way again. Some functions can not be used again.

This widget is quite simple and can be used with your Google account. In addition, the conversations do not only from the visitors in your website, but it can also of other websites around the world. But it seems that users of these widgets is still small. Even so, it would not hurt if you try it.
Simply follow the tutorial below :

Visit http://www.google.com/webelements/social/conversation/.
In Size, select the size of the widget you want.
Select a topic of conversation. If there is no topic appropriate with your blog, you can use topic of your own by choosing “Type your own” and type your topic.
In Scope select “Restrict to your site” to restrict the conversation only on your website. Or choose “Share across the web” to receive the conversation from the entire website.
If you have, now you'll see a preview of this widget.
Last copy an existing script into your website or blog.

Top Website Tutorial

Button Link with CSS

PNG or GIF

Change Icon in Blog

Blogroll

Stay Beautiful by Minimalist Web Design

How to Make RSS 2.0

Blogroll Tips

Create Blog Table of Contents

How to Make a Random Post on Blogger

What is Cookie?

Introduction to XML

Table In Blog With Google Docs

Commercial and Free CMS

Walking Text in Menu Bar

Neon Lights Text

Circling Text Trail

Put Google Buzz Button in Blog

How to Hide Blog Header Description

Put Digg This Button in Your Blog

Multiple Target Hyperlink

Internal Search Facility for Blog

WordPress.com vs. WordPress.org

Auto Hide Navbar Blogspot

PHP Function With More Than One Value

Chat with Google Widget