July 2011 ~ Dwi-R3tno Blog

Saturday, July 30, 2011

HTML Basics

8:32:00 PM

Dwi

No comments

before learning HTML, we should have to know beforehand, what is meant by HTML.

Hypertext Markup Language (HTML) is the basis to create a web page. Documents and applications that can run on top of a web browser generally has the format of hypertext markup language (HTML). Although now there are many tools or software that can be used to design a page in WYSIWYG (what you see is what you get), so what you see is what you will get like frontpage, Dreamweaver, Adobe GoLive, etc.. But you must keep control over HTML because HTML is the foundation if you want to learn and explore more about web programming. This shows that it is very important to learn the basics of HTML. Therefore, to be able to do programming on a web application you first need to master HTML.

Steps of Writing HTML documents:
before writing HTML, please Prepare Equipment needed: computer / laptop that has been installed Operating System, Application Notepad (windows) or Gedit (Linux) or another editor application, in accordance with your wishes.

if so, please type the basics of HTML in Below:

<html>
<head>
Text <title> be Shown On Title Bar </ title>
</ Head>
<body>
Hello All, I'm Learning HTML
</ Body>
</ Html>

If so, please you save with belajar1.html Name, Keep the Notice, you must save it with HTML extensions.

For example Look Like Picture Below this:

Writing Code after you properly, Please run the results you created, by clicking on the file belajar1.html 2x and will automatically open a Web Browser Application (Internet Explorer, Mozilla Firefox, Google Crhome, etc.). Then the result will be like the image below:

Brief Description:
Marking <html> that the Code is the code we write HTML code and at the end of the lid with the command </ html>.
<head> write code in here will not be displayed on the screen, showing only the section <title>, Text will appear in Title Bar
<body> this section that will have a lot of code and text, all who wish to be displayed on the screen should be written here

7:09:00 PM

Dwi

No comments

To start learning programming and create an HTML web page in particular, in addition to required mastery of the command syntax of the HTML programming, a web programmer must also know the direction and purpose and the distribution of results to be obtained. To achieve these objectives a programmer must know also the right technology to use in helping her work. To help the mastery of it, especially beginners in the field of web, in this chapter will discuss the forerunner of a web, theories relating to the web, even with applications and technologies involved. To support learning in this chapter is required software that is already installed on computers owned, Adapaun the software include: Recommended Operating System Windows 95 upwards, although you can use other operating systems like Linux, because the discussion in this book use the Windows operating system.

Browsers can use Internet Explorer, but if you have other browsers can also be used, such as Opera, Netscape, Mozilla, and so forth. Text editor for beginners are advised to use Notepad, because in order to prevent over-trained so that the beginner typing program that made and no specific software dependency, which tends always instant in a particular form of program code. And can install software that supports to design a web page.

Web history

Beginning web development began in March 1989 when the team Berner-Lee who works at the European particle physics laboratory, known as CERN (European consei pour la recherce nuclaire) located in Geneva Switzerland, filed a protocol (a language or procedures that are used to connect between computers with each other) internet information distribution system that is used for a variety of information among physicists.
The protocol was then known as the world wide web and protocols developed by the World Wide Web Consortium (W3C). W3C is a consortium of several organizations interested in the development of various standards relating to the web.
HTTP (hypertext transfer protocol) is a protocol used to transfer data between a web server to a web browser. This protocol to transfer web documents written or formatted HTML (hypertext markup language). It said because the HTML markup language serves to embellish a plain text file to be displayed on a web browser program. This is done by adding the tags (special order) in the plain text file.

The introduction of the Web

Existing resources on the Internet are huge numbers, like Chating, E-mail, Mailing List, and so on. One of the Internet resources development is very rapid is the www (world wide web) or often referred to as web only. Web distributed hypertext approach. Where only by using a text that is not too much / short can be a reference to open another document. through these hypertext approach, a user can obtain desired information quickly. How can move from one document into another document. Documents required location information can be located anywhere, provided that is located on the Internet network.

Check for duplicate content on your blog / website you

9:41:00 PM

Dwi

No comments

You may often see articles on different websites but the content is similar, there are even exactly the same without a bit less. maybe even the content on your own website or blog have the same possibilities with the content on other blogs. and possibly also on this website are the same too ..

here I just want to give information, how to check the quality of our content, whether purely his own writings or duplicates of other blogs, or pure chance we also write articles yourself but the content available on our blog in duplicate by others.

to check this, please open the link below:
http://copyscape.com/, then please enter your blog or website address in the textfield has disedikan, if it is click GO.

wait a few seconds or minutes and see the results

9:03:00 PM

Dwi

2 comments

add google translate to facilitate visitors to your website or blog with a variety of languages. existing facilities that may not be familiar to all Internet enthusiast, namely google translte.

to install the google translate on your blog or website, you can follow the steps below.
1. please open this address:
translate.google.com / translate_tools
2. if it is then it will appear as shown below:

   in Step 1: Type of translation element, please select Add translation to the entire webpage.
   In Step 2: Select the language you use on the Web / Your Blog
   In Step 3: Translation please specify languages, and display modes in accordance with yours.
   Next Step 4: Next please Copy and paste the code on the Website or Gadged on your blog.

3.please login to your account blogspot
4.if it is successful, please click the link design or Rancangan (Indonesia)
5. then add gadged and select HTML / JavaScript.

if all steps are done, then please see the results

Input Device : Did You Know How Many Type Keyboard?

8:13:00 AM

Dwi

No comments

Maybe you already know about the Types of Keyboard, and maybe some do not know about it, yes for my friends who already know can donate his comments here.
for friends who do not know, can read the full article. This article is actually addressed to my children my beloved guidance in vocational Yadika Natar who are learning about Input, Output Device prosess and the Personal Computer.
we go alone.
1. QWERTY keyboard

QWERTY keyboard, the layout is based on a typewriter. The layout was discovered by Scholes, Glidden and Soule in 1878, and later became a standard commercial typewriter in 1905. QWERTY keyboard was designed in such a way that is most often pressed key is located as far apart as possible, so that it can minimize the congestion at the time of typing (on a mechanical typewriter). Although the QWERTY layout is widely used, but it has some weaknesses and inefficiencies. For example, 48 percent of the movement between successive letters have to be done with a hand. Only 32 percent of beats performed on the home row (row beginning from the position of fingers on the keyboard). Load is greater than the left hand right hand (56 percent). The most obvious example of the inefficiency of the QWERTY layout is typing the letter 'a' which is quite often used, but must be done by the little finger is the weakest.

2. Projection Keyboard

Keyboard projection was developed to save space as a conventional keyboard is still considered to be space-consuming work.
This keyboard uses motion sensors to detect movement of your fingers. To use it, you just find enough flat space to yield a maximum projection.

3. Dvorak Keyboard

Dvorak Keyboard (1932), where the arrangement of letters are arranged such that the right-hand man burdened with more work than with your left hand. In addition, the Dvorak layout was designed so that 70 percent of the beats fall on the home row, so that it can reduce fatigue due to typing (more ergonomic). Numerous experiments showed that the more efficient Dvorak layout 10-15 percent compared with a QWERTY layout.

4. Keyboard KLOCKENBERG

The keyboard was made with the intention of perfecting the existing types of keyboards, that is by separating the two halves of the keyboard (the left and right). The left and right of the keyboard are separated by 15-degree angle and sloped downward. In addition, the keyboard has buttons KLOCKENBERG made closer (thin) with a desk, so feel more comfortable. Keyboard KLOCKENBERG looked funny because it separated the left and right are relatively more space-consuming.

5. Keyboard Maltron

Unlike a flat keyboard in general, this keyboard is made slightly concave inward. Considering that when the fingers are positioned to be typed, then the radius is guaranteed not to form a straight line. Maltron manufacturer believes that basically, only used 8 fingers of ten fingers available when people type on a keyboard typing on the keyboard biasa.Dengan usual, then the finger must adapt to the shape of the keyboard. It is claimed by them can cause RSI (Repetitive Stress Injuries). Meanwhile, using Maltron, keyboardnyalah which will adjust by hand. With its unique shape like this, Maltron ensure the comfort of your fingers when typing so it does not cause RSI can even improve your typing speed will be used for the 10 fingers instead of eight fingers.

6. Keyboard CHORD

Has only a few buttons between 4 to 5. To enter a letter have to press multiple buttons simultaneously. Compact size, ideal for portable applications. Short training time, reflecting the emphasis Tombo-letter form the desired high speed Less popular, due to the use of time will cause fatigue in the hand.

7. Keyboard Alphabetik

The buttons on the keyboard alphabetik arranged exactly as on the QWERTY or Dvorak layout, but the arrangement of letters as in the sequential order of the alphabet. Alphabetik keyboard also can not rival the popularity of QWERTY layout, but usually mostly found in children's toys, so children are taught to know the alphabet letters. For users who are not typists, maybe the layout is quite helpful. However, the results of testing, the use of layout like this would slow down typing speed.

8. Numeric Keyboard

To enter a number in large numbers, people prefer to use the numeric keypad (numeric keypad) the layout of the buttons can be reached by hand.

9. Kitty Kitty is a kind of keyboard that serves to enter data into PDAs, Pocket PCs, and Warable. The keyboard of this type was developed by the University of California at Irvine.
For Kitty Keyboard Image sorry I've Got.

Yes, quite a lot of keyboard type, but some are still less likely, for friends to correct my writing or want to add another keyboard version, we invite

7:25:00 AM

Dwi

No comments

Have you ever see the Smart Link? yes usually on every article there is a website or blog post that has links, if we click it will open the article in accordance with the text link or Will Make Smart Home Opens.

How It Works?
The scripts will be read later we enter the Automatic word we write into the article that we post.
For example: for example we insert the word "SEO" in the script then automatically on all pages that have the word "seo" will be a link to the url address that you specify.

Does this violate google autolink script guidelines?
No, as long as the number of links that my friend put on autolink code is still in reasonable stages. Recommendations skipper, just one link only.

How do I install this on blogspot autolink code buddy?

1. The first step, login to blogger.com and then to design.
2. Towards the edit html tab. Press ctrl + f on your keyboard. And look for the code </ body>
3. See the script code below:

<b:if cond='data:blog.url != data:blog.homepageUrl'><script type='text/javascript'>
function autoLink(){
    this.keywdHref = new Object();
    this.add = function(keyword, href){
        if(keyword.substr(0,1) != " "){keyword = " " + keyword;}
        this.keywdHref[keyword] = href;
    }
    this.createAnchor = function(){
        var objs = document.getElementsByTagName("div");
        for(var i=0; i<objs.length; i++){
            var obj = objs[i];
            if(obj.className.indexOf("post-body")>-1){
                var content = obj.innerHTML;
                for(var keyword in this.keywdHref){
                    var href = this.keywdHref[keyword];
                    var newstr = content.replace(keyword, "<a href='"+href+"'>"+keyword+"</a>", "gi");
                    obj.innerHTML = newstr;
                    content = newstr;
                }
            }
        }
    }
    this.startScript = function(){
        var onLoad = window.onload;
        window.onload = function(){
            if(onLoad){onLoad();}
            setTimeout("f.createAnchor()", 100);
        }
    }
}
</script>
<script type='text/javascript'>
var f = new autoLink();
f.add("SEO", "http://dwi-r3tno.blogspot.com/");
f.startScript();
</script></b:if>

then copy paste all the code in the script code right above </ body>

Description:

See the very end of the code and replace SEO by word or select your keywords.
Replace http://dwi-r3tno.blogspot.com/ underneath the url address of the destination.

so, until here ... and Thank you for http://blogjuragan.blogspot.com

Alhamdulillah, Socialization Education Database Metro City, Walking with the Good

2:25:00 AM

Dwi

No comments

Education Database Metro City is an established Web-Based Applications by CV. FR-SYSTEM Cooperate with the Department of Education City Metro Lampung, The purpose of this application is a Good Education For All the Data Master Data, Time, TU, Principal and Means working paper can View it online, and the application can calculate the number of teachers and constraints that will accepted as a teacher in the city of Metro, in addition, the system displays the Number of Teachers Eg Eye Melajaran Religion in Schools Lack Or Not. and Much, Much More Facilities others.

Next we will develop for the City of Metro Server Colocation, and the Making Cities Metro as Cyber City, In addition we also have plans to establish E-Learning Applications for Metro City, so every school has its own access rights to add data Teachers, and Students. and every teacher has a question bank that facility at any time be used as a test for all students who are in teaching. and many others who plan.

This little Socialization Activities Database Documentation Education City Metro:

Thanks to Metro City, the Office of the City Metro and Onward CV. FR-SYSTEM

Click Here To View the Database Application Education

Alhamdulillah, Finally My home so too

8:04:00 PM

Dwi

4 comments

With a very long process, and full of great sacrifice, as well as the funds are quite a lot, finally finished my house, too. but can not be occupied because of the doors and windows and floors not in pairs.

But during this long process, has passed for tough times, to some process of standing up to the house, can see the picture below.

Ask for Help

10:16:00 PM

Dwi

2 comments

I am confused with this one, anyone could say no?
My wife's blog account like this:

but I like this blog account:

why the blog my wife there while Monetize Menu Got me there is no
please help, please send us a comment below to answer yes.

thanks for help

9:37:00 PM

Dwi

No comments

You may often see Page Navigation in pairs on a website or blogspot. on the blog page that is made using blogspot usually just bring up the last few articles we post.

but what if we want to facilitate visitors to a website or blog to see the previous article in this post but no longer appear on the main page.

to install a paging or navigation page, follow the steps below:
1.Sign into Blogger.
2.Click the "Layout" link in the Dashboard box.
3.Click on "Add a Page Element" in the blog layout area.
4. In the pop-up window, click on "HTML / JavaScript Add"
5. then copy and paste the script below the textarea "Content":

8. if so, please see the result.

9:09:00 PM

Dwi

No comments

there are a lot of websites or blogs that are discussing about this. there are so many ways - how to make a related article. one of them is that I will write below.

Why do we have to put related links?
the answer is so that visitors can immediately see there is anything related article or a category of articles with an article that was in the open, so visitors can simply click the link to read the other articles.

to install the related articles, please follow the steps below:
1. please login to your account blogspot
2. if it is Successful, please click the link design orRancangan (Indonesia)
3. then click Edit HTML
4. before changing the template, you should first backup the existing template, so if there are mistakes or errors can be returned to the previous template.
5. give a check list on the "expand widget templates"
6. The next look at the code below:

<data:post.body>

7. usually if you have installed the "Read More", will display two same script as above. Just select the first script, then type / copy & paste the script below after the command "<data:post.body> " first.
Script:

<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<span class='box'>
<div class='widget-content'>
<h3>Related Articles</h3>
<div id='data2007'/><br/><br/>

<script type='text/javascript'>

var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 6;
maxNumberOfLabels = 100;

function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;

for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
a.href = alturl;

if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('data2007').appendChild(div1);
}
}
}
function search10(query, label) {

var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
}

var labelArray = new Array();
var numLabel = 0;

<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = "<data:label.name/>";

var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
</span></div>

</b:if>

8. the script above, There is a paper "Related Articles" (I put a bold and red letters), in writing, you can change to your liking.
9. if so, please save your template, and see the results

Replace the Default Blogger Favicon Using Your Favorite Images

10:52:00 PM

Dwi

4 comments

good afternoon all ... Today my blogspot account access and it appears there was a new appearance (new facility) that has been added to the template settings on blogspot.com.

whether it?
the answer is a Favicon. there is a new facility that we can change the standard default favicon blogspot with our favorite images, with a maximum file size 100Kb.

before continuing this article, I want to explain a bit if it's favicon?
the answer is is short for "Favorite Icon", is a small icon is an image associated with the logo of a website or blog and will appear in the browser or the bookmark. Favicon is intended to facilitate identifying a site or blog.

to change the default favicon with a new favicon how:
1. Sign into Blogger.
2. Click the "Layout" link in the Dashboard box.
3. click on "Edit" at the favicon

4. A new window appears, look like the picture below, take a picture from your computer with a maximum size of 100Kb, extensions can use a jpg / png / etc. if it is click Save.

5. wait a few seconds / minutes then the favicon will automatically edit the window closed, and we will return to the page template settings, and it will automatically show the favicon in accordance with the image we uploaded earlier.

6. then please open your web blog and see the results

Dwi-R3tno Blog

Uang Online

Language

Subscribe By Email

Related links

Support By

Total Pageviews

Me on Twitter

This is featured post 1 title

This is featured post 2 title

This is featured post 3 title

This is featured post 4 title

This is featured post 5 title

Saturday, July 30, 2011

HTML Basics

Introduction to Learning Website

Friday, July 29, 2011

Check for duplicate content on your blog / website you

How to Install Google Translate on your Blog

Thursday, July 28, 2011

Input Device : Did You Know How Many Type Keyboard?

Add Smart link For SEO in Your Blog

Thursday, July 21, 2011

Alhamdulillah, Socialization Education Database Metro City, Walking with the Good

Thursday, July 14, 2011

Alhamdulillah, Finally My home so too

Wednesday, July 13, 2011

Ask for Help

Installing the Paging or Navigation page for Blogspot

Add Related Articles on Blogspot

Monday, July 11, 2011

Replace the Default Blogger Favicon Using Your Favorite Images

About Me

Categories

Followers

Popular Posts

Archives

Me On Facebook

My Headlines