Hyperlink
Senin, 25 Juli 2011
1. Link AddressAbsolut address merupakan full internet address (URL) yang meliputi protokol, network location, path dan nama file.Contoh : http://profile.net84.net/profile.php2. Link ke Document LainUntuk membuat link ke document lain, kita harus mempunyai minimal 2 halaman link, misalkan saya ada nama halaman1.html dan halaman2.html :Contoh :halaman1.html Muryan
<div style='clear: both;'></div>
</div>
<div style='padding:8px 0px;margin:4px 0px;width:100%;float:left;height:20px;border-bottom:2px solid #D8B60A;'>
<div style='float:right;padding-left:10px;'>
<a class='twitter-share-button' data-count='horizontal' data-via='borneotemplates' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script>
</div>
<div style='float:right;padding:1px 0 0 10px;'>
<a name='fb_share' type='button_count'></a>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'>
</script></div>
<div style='float:right;padding:3px 0;font:normal 12px Arial;'>
Share this Article on :
</div><div style='clear: both;'></div>
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'><span class='post-author vcard'>
Diposting oleh
<span class='fn'>Unknown</span>
</span>
<span class='post-timestamp'>
di
<a class='timestamp-link' href='http://wartoberita.blogspot.com/2011/07/hyperlink.html' rel='bookmark' title='permanent link'><abbr class='published' title='2011-07-25T18:36:00-07:00'>18.36</abbr></a>
</span>
<span class='post-comment-link'>
</span>
<span class='post-icons'>
<span class='item-action'>
<a href='https://www.blogger.com/email-post.g?blogID=5598443852687813139&postID=55562584696334942' title='Posting Email'>
<img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
</a>
</span>
<span class='item-control blog-admin pid-998546673'>
<a href='https://www.blogger.com/post-edit.g?blogID=5598443852687813139&postID=55562584696334942&from=pencil' title='Edit Entri'>
<img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</span>
<div class='post-share-buttons goog-inline-block'>
<a class='goog-inline-block share-button sb-email' href='https://www.blogger.com/share-post.g?blogID=5598443852687813139&postID=55562584696334942&target=email' target='_blank' title='Kirimkan Ini lewat Email'><span class='share-button-link-text'>Kirimkan Ini lewat Email</span></a><a class='goog-inline-block share-button sb-blog' href='https://www.blogger.com/share-post.g?blogID=5598443852687813139&postID=55562584696334942&target=blog' onclick='window.open(this.href, "_blank", "height=270,width=475"); return false;' target='_blank' title='BlogThis!'><span class='share-button-link-text'>BlogThis!</span></a><a class='goog-inline-block share-button sb-twitter' href='https://www.blogger.com/share-post.g?blogID=5598443852687813139&postID=55562584696334942&target=twitter' target='_blank' title='Berbagi ke Twitter'><span class='share-button-link-text'>Berbagi ke Twitter</span></a><a class='goog-inline-block share-button sb-facebook' href='https://www.blogger.com/share-post.g?blogID=5598443852687813139&postID=55562584696334942&target=facebook' onclick='window.open(this.href, "_blank", "height=430,width=640"); return false;' target='_blank' title='Berbagi ke Facebook'><span class='share-button-link-text'>Berbagi ke Facebook</span></a><a class='goog-inline-block share-button sb-pinterest' href='https://www.blogger.com/share-post.g?blogID=5598443852687813139&postID=55562584696334942&target=pinterest' target='_blank' title='Bagikan ke Pinterest'><span class='share-button-link-text'>Bagikan ke Pinterest</span></a>
</div>
</div>
<div class='post-footer-line post-footer-line-2'><span class='post-labels'>
Label:
<a href='http://wartoberita.blogspot.com/search/label/Belajar%20CSS?&max-results=10' rel='tag'>Belajar CSS</a>,
<a href='http://wartoberita.blogspot.com/search/label/tips%20dan%20trik%20CSS?&max-results=10' rel='tag'>tips dan trik CSS</a>,
<a href='http://wartoberita.blogspot.com/search/label/Tips%20Trik%20HTML?&max-results=10' rel='tag'>Tips Trik HTML</a>,
<a href='http://wartoberita.blogspot.com/search/label/Tutorial%20CSS?&max-results=10' rel='tag'>Tutorial CSS</a>,
<a href='http://wartoberita.blogspot.com/search/label/Tutotial%20HTML%20Dasar?&max-results=10' rel='tag'>Tutotial HTML Dasar</a>
</span>
</div>
<div class='post-footer-line post-footer-line-3'><span class='post-location'>
</span>
</div>
</div>
</div>
<div class='comments' id='comments'>
<a name='comments'></a>
<h4>
0
komentar:
</h4>
<div id='Blog1_comments-block-wrapper'>
<dl class='avatar-comment-indent' id='comments-block'>
</dl>
</div>
<p class='comment-footer'>
<div class='comment-form'>
<a name='comment-form'></a>
<h4 id='comment-post-message'>Posting Komentar</h4>
<p>
</p>
<a href='https://www.blogger.com/comment/frame/5598443852687813139?po=55562584696334942&hl=id' id='comment-editor-src'></a>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'></iframe>
<!--Can't find substitution for tag [post.friendConnectJs]-->
<script src='https://www.blogger.com/static/v1/jsbin/1466990918-comment_from_post_iframe.js' type='text/javascript'></script>
<script type='text/javascript'>
BLOG_CMT_createIframe('https://www.blogger.com/rpc_relay.html', '0');
</script>
</div>
</p>
<div id='backlinks-container'>
<div id='Blog1_backlinks-container'>
</div>
</div>
</div>
</div>
</div></div>
<!--Can't find substitution for tag [adEnd]-->
</div>
<div class='blog-pager' id='blog-pager'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' href='http://wartoberita.blogspot.com/2011/07/tabel-html.html' id='Blog1_blog-pager-newer-link' title='Posting Lebih Baru'>Posting Lebih Baru</a>
</span>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' href='http://wartoberita.blogspot.com/2011/07/grouping-element.html' id='Blog1_blog-pager-older-link' title='Posting Lama'>Posting Lama</a>
</span>
<a class='home-link' href='http://wartoberita.blogspot.com/'>Beranda</a>
</div>
<div class='clear'></div>
<div class='post-feeds'>
<div class='feed-links'>
Langganan:
<a class='feed-link' href='http://wartoberita.blogspot.com/feeds/55562584696334942/comments/default' target='_blank' type='application/atom+xml'>Posting Komentar (Atom)</a>
</div>
</div>
</div></div>
<!--Page Navigation Starts-->
<!--Page Navigation Ends -->
</div>
<div style='clear:both;'></div>
</div>
<div id='sidebar-wrapper'>
<div class='sidebar section' id='sidebar'><div class='widget HTML' data-version='1' id='HTML5'>
<div class='widget-content'>
<a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau bola aneh kaya gini"></a><object type="application/x-shockwave-flash" style="outline:none;" data="http://ballclockgadget.googlecode.com/svn/trunk/ballClock.swf?" width="300" height="220"><param name="movie" value="http://ballclockgadget.googlecode.com/svn/trunk/ballClock.swf?" /><param name="AllowScriptAccess" value="always" /><param name="wmode" value="opaque" /></object><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau bola aneh kaya gini"></a>
</div>
<div class='clear'></div>
</div><div class='widget HTML' data-version='1' id='HTML2'>
<div class='widget-content'>
<script type="text/javascript"><!--
google_ad_client = "ca-pub-3207507025961940";
google_ad_host = "pub-1556223355139109";
/* iklan text */
google_ad_slot = "7786388714";
google_ad_width = 300;
google_ad_height = 600;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<div class='clear'></div>
</div><div class='widget HTML' data-version='1' id='HTML4'>
<div class='widget-content'>
<!-- Histats.com (div with counter) --><div id="histats_counter"></div>
<!-- Histats.com START (aync)-->
<script type="text/javascript">var _Hasync= _Hasync|| [];
_Hasync.push(['Histats.start', '1,2397118,4,437,112,75,00011111']);
_Hasync.push(['Histats.fasi', '1']);
_Hasync.push(['Histats.track_hits', '']);
(function() {
var hs = document.createElement('script'); hs.type = 'text/javascript'; hs.async = true;
hs.src = ('http://s10.histats.com/js15_as.js');
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(hs);
})();</script>
<noscript><a href="http://www.histats.com" target="_blank"><img src="http://sstatic1.histats.com/0.gif?2397118&101" alt="" border="0" /></a></noscript>
<!-- Histats.com END -->
</div>
<div class='clear'></div>
</div></div>
</div>
<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'> </div>
</div>
<!-- end content-wrapper -->
</div></div>
<!-- end outer-wrapper -->
<div class='picfooter'>
<div id='footer-wrapper'>
<div class='footer no-items section' id='footer'></div>
<div id='footer1-wrapper'>
<div class='footer no-items section' id='footer1'></div>
</div>
<div id='footer2-wrapper'>
<div class='footer no-items section' id='footer2'></div>
</div>
<div id='footer3-wrapper'>
<div class='footer no-items section' id='footer3'></div>
</div>
<div id='footer4-wrapper'>
<div class='footer no-items section' id='footer4'></div>
</div>
<div id='footer5-wrapper'>
<div class='footer no-items section' id='footer5'></div>
</div>
<div style='clear:both;'></div>
</div>
</div>
<div class='menubottompic'>
<div class='menubottom'>
<ul>
<li><a href='http://wartoberita.blogspot.com/'>Home</a></li>
<li><a href='http://wartoberita.blogspot.com/search/label/facebook'>Facebook</a></li>
<li><a href='http://wartoberita.blogspot.com/search/label/gosip'>Gosip</a></li>
<li><a href='http://wartoberita.blogspot.com/search/label/Android'>Android</a></li>
<li><a href='http://wartoberita.blogspot.com/search/label/film'>Film</a></li>
<li><a href='http://wartoberita.blogspot.com/search/label/sepakbola'>Sepak bola</a></li>
<li><a href='http://wartoberita.blogspot.com/search/label/olahraga'>Olah Raga</a></li>
<li><a href='http://wartoberita.blogspot.com/search/label/peristiwa'>Peristiwa</a></li>
<li><a href='http://wartoberita.blogspot.com/search/label/otomotif'>Otomotif</a></li>
<li><a href='http://wartoberita.blogspot.com/search/label/seks'>Seks</a></li>
</ul>
</div>
<div style='clear:both;'></div>
</div>
<div class='creditpic'>
<div class='credit'>
<a href='http://www.herdiansyah.net/'><img src='https://lh4.googleusercontent.com/-0etMYf1uLGM/TY03lzSbUcI/AAAAAAAAARk/Iea6aYOOPfA/s1600/Site+Kreator.png'/></a><br/>
© Copyright <a class='sitename' href='http://wartoberita.blogspot.com/' title='HOT NEWS'>HOT NEWS</a> 2010 -2013 | Design by <a href='http://wartoberita.blogspot.com/'>Giyono Umeda</a> | Published by <a href='http://wartoberita.blogspot.com/'>Giyono Umeda</a> | Powered by <a href='http://www.blogger.com'>Blogger.com</a>.
</div>
</div>
<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/1998734309-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY5ZcMwgaH15_IUvjxd9-srJvicUdQ:1727673748664';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d5598443852687813139','//wartoberita.blogspot.com/2011/07/hyperlink.html','5598443852687813139');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '5598443852687813139', 'title': 'HOT NEWS', 'url': 'http://wartoberita.blogspot.com/2011/07/hyperlink.html', 'canonicalUrl': 'http://wartoberita.blogspot.com/2011/07/hyperlink.html', 'homepageUrl': 'http://wartoberita.blogspot.com/', 'searchUrl': 'http://wartoberita.blogspot.com/search', 'canonicalHomepageUrl': 'http://wartoberita.blogspot.com/', 'blogspotFaviconUrl': 'http://wartoberita.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'id', 'localeUnderscoreDelimited': 'id', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22HOT NEWS - Atom\x22 href\x3d\x22http://wartoberita.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22HOT NEWS - RSS\x22 href\x3d\x22http://wartoberita.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22HOT NEWS - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/5598443852687813139/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22HOT NEWS - Atom\x22 href\x3d\x22http://wartoberita.blogspot.com/feeds/55562584696334942/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseClientId': 'ca-pub-3207507025961940', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/3dd3958b3e62bc19', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Dapatkan link', 'key': 'link', 'shareMessage': 'Dapatkan link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Bagikan ke Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'Twitter', 'key': 'twitter', 'shareMessage': 'Bagikan ke Twitter', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Bagikan ke Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27id\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Baca selengkapnya', 'pageType': 'item', 'postId': '55562584696334942', 'pageName': 'Hyperlink', 'pageTitle': 'HOT NEWS: Hyperlink'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Tautan disalin ke papan klip!', 'ok': 'Oke', 'postLink': 'Tautan Pos'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Khusus', 'isResponsive': false, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'Hyperlink', 'description': '1. Link AddressAbsolut address merupakan full internet address (URL) yang meliputi protokol, network location, path dan nama file.Contoh : h...', 'url': 'http://wartoberita.blogspot.com/2011/07/hyperlink.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 55562584696334942}}]);
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'header2', document.getElementById('HTML1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML17', 'main2', document.getElementById('HTML17'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML7', 'main2', document.getElementById('HTML7'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML16', 'main2', document.getElementById('HTML16'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/3810121102-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/13464135-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML6', 'main3', document.getElementById('HTML6'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'main3', document.getElementById('HTML3'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML5', 'sidebar', document.getElementById('HTML5'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'sidebar', document.getElementById('HTML2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML4', 'sidebar', document.getElementById('HTML4'), {}, 'displayModeFull'));
</script>
</body>
</html>