Cara Membuat Text Berjalan Dengan Kode HTML

<!--<head>
<link href='https://www.blogger.com/static/v1/widgets/55013136-widget_css_bundle.css' rel='stylesheet' type='text/css'/>
<link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=2242846062029826952&zx=ffdf62eb-be31-477a-8d60-db8b3cafadf9' media='none' onload='if(media!='all')media='all'' rel='stylesheet'/><noscript><link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=2242846062029826952&zx=ffdf62eb-be31-477a-8d60-db8b3cafadf9' rel='stylesheet'/></noscript>
<meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/>
<meta name='google-adsense-platform-domain' content='blogspot.com'/>

<!-- data-ad-client=ca-pub-2748990081360522 -->

</head>-->

Home Blogger Programming Web RPL Cara Membuat Text Berjalan Dengan Kode HTML

Cara Membuat Text Berjalan Dengan Kode HTML

Cara Membuat Text Berjalan Dengan Kode HTML

Cara Membuat Text Berjalan Dengan HTML - Nah Kita Akan Membuat Text Berjalan Menggunakan Tags Html Yaitu " marquee " Nah Dengan Tag Marquee Tersebut Kita Bisa Membuat Text Yg Tadinya Diam Menjadi Berjalan ,
Kode Untuk Menjalankan Text Berjalan Di Bawah Ini

<marquee>Text Berjalan Kamu | KazeRPL</marquee>

Nah Dengan Syntax Di Atas Kita Bisa Kreasikan Marquee Tersebut Menjadi Lebih Menarik
Tadinya Berjalan Hanya Ke Arah Left/Kiri Saja , Sekarang Saya Akan Memberikan Beberapa Variasi Marquee Ini

1. Marquee Berjalan Ke Arah Kiri/ Left
Text Berjalan | KazeRPL
Berjalan Ke Kiri , Marquee Ini Hanya Berjalan Ke Kiri Kan.

<marquee>Text Berjalan | <font color="#e85e54">KazeRPL</font></marquee>

2. Text Berjalan Ke Arah Kanan / Right
Text Berjalan | KazeRPL
Ini Efek Marquee Ini Berjalan Ke Arah Kanan .

<marquee direction="right">Text Berjalan | <font color="#e85e54">KazeRPL</font></marquee>

3. Text Berjalan Lambat
Text Berjalan | KazeRPL
Efek Marquee Ini Untuk Mengatur Kecepatan Jeda

<marquee scrolldelay="300">Text Berjalan | <font color="#e85e54">KazeRPL</font></marquee>

4. Text Berjalan Memantul
Text Berjalan | KazeRPL
Nah Efek Text Berjalan Ini Memantul Ketika Sudah Ada Di Titik Awal Dan Akhir

<marquee behavior="alternate">Text Berjalan | <font color="#e85e54">KazeRPL</font></marquee>

5. Text Berjalan Ke Atas/Up

Text Berjalan | KazeRPL
Nah Efek Text Ini Berjalan Ke Atas.

<marquee direction="up"><center>Text Berjalan | <font color="#e85e54">KazeRPL</font></marquee>

6. Text Berjalan Ke Bawah/Down

Text Berjalan | KazeRPL
Efek Ini Berjalan Ke Bawah.

<marquee direction="down"><center>Text Berjalan | <font color="#e85e54">KazeRPL</font></center></marquee>

7. Text Berjalan Cepat
Text Berjalan | KazeRPL
Efek Marquee Kali Ini Sangat Cepat , Dan Bisa Di Atur Kecepatannya Di Bagian " 50 " , Bisa Di Ganti Dengan Kecepatan Yg Kamu Mau.

<marquee scrollamount="50">Text Berjalan | <font color="#e85e54">KazeRPL</font></marquee>

8. Text Berjalan Berhenti Ketika Cursor Menyentuh
Text Berjalan | KazeRPL
Nah Efek Yg Satu Efek Yg Kalo Text Marqueenya Di Sentuh Cursor Akan Berhenti

<marquee onmouseover="this.stop()" onmouseout="this.start()">Text Berjalan | <font color="#e85e54">KazeRPL</font></marquee>

Nah Lihat Mau Liat Hasil Nya Keseluruhan ?
Nih Saya Sediakan Demonya

Ajis Maulana January 21, 2018

Tags: Blogger Programming Web RPL

<!--
<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/984859869-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY5Vf6aB47bx_fUJIqtQIrl36xDv2g:1732909644204';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d2242846062029826952','//kazerpl.blogspot.com/2018/01/cara-membuat-text-berjalan-dengan-kode.html','2242846062029826952');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '2242846062029826952', 'title': 'KazeRPL', 'url': 'https://kazerpl.blogspot.com/2018/01/cara-membuat-text-berjalan-dengan-kode.html', 'canonicalUrl': 'https://kazerpl.blogspot.com/2018/01/cara-membuat-text-berjalan-dengan-kode.html', 'homepageUrl': 'https://kazerpl.blogspot.com/', 'searchUrl': 'https://kazerpl.blogspot.com/search', 'canonicalHomepageUrl': 'https://kazerpl.blogspot.com/', 'blogspotFaviconUrl': 'https://kazerpl.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': 'UA-111542112-1', 'encoding': 'UTF-8', 'locale': 'en-GB', 'localeUnderscoreDelimited': 'en_gb', '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\x22KazeRPL - Atom\x22 href\x3d\x22https://kazerpl.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22KazeRPL - RSS\x22 href\x3d\x22https://kazerpl.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22KazeRPL - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/2242846062029826952/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22KazeRPL - Atom\x22 href\x3d\x22https://kazerpl.blogspot.com/feeds/235150393756173689/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseClientId': 'ca-pub-2748990081360522', '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/2fafd358a4bcb2b4', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Get link', 'key': 'link', 'shareMessage': 'Get link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Share to Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'Share to X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Share to 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: \x27en_GB\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Read more', 'pageType': 'item', 'postId': '235150393756173689', 'postImageThumbnailUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpOTh_KMnu3VflrNEZO97A8f6i-tPMoF1WRiLsCVV0Dr0pRVfSqVSGS0JPaMj_hgLEcHx7-S0kooLxLrvIdhCVnVSWluEZNC7tw7CwkzBLbOVqXaBJbEuqXk7WdKzh3i4nG3bOHzeIYp5s/s72-c/textberjalankazerpl.jpg', 'postImageUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpOTh_KMnu3VflrNEZO97A8f6i-tPMoF1WRiLsCVV0Dr0pRVfSqVSGS0JPaMj_hgLEcHx7-S0kooLxLrvIdhCVnVSWluEZNC7tw7CwkzBLbOVqXaBJbEuqXk7WdKzh3i4nG3bOHzeIYp5s/s320/textberjalankazerpl.jpg', 'pageName': 'Cara Membuat Text Berjalan Dengan Kode HTML', 'pageTitle': 'KazeRPL: Cara Membuat Text Berjalan Dengan Kode HTML', 'metaDescription': 'Cara Membuat Text Berjalan Dengan HTML - Nah Kita Akan Membuat Text Berjalan Menggunakan Tags Html Yaitu \x22 marquee \x22 Nah Dengan Tag Marquee Tersebut Kita Bisa Membuat Text Yg Tadinya Diam Menjadi Berjalan ,\nKode Untuk Menjalankan Text Berjalan Di Bawah Ini'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Link copied to clipboard', 'ok': 'Ok', 'postLink': 'Post link'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Custom', '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': 'Cara Membuat Text Berjalan Dengan Kode HTML', 'description': 'Cara Membuat Text Berjalan Dengan HTML - Nah Kita Akan Membuat Text Berjalan Menggunakan Tags Html Yaitu \x22 marquee \x22 Nah Dengan Tag Marquee Tersebut Kita Bisa Membuat Text Yg Tadinya Diam Menjadi Berjalan ,\nKode Untuk Menjalankan Text Berjalan Di Bawah Ini', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpOTh_KMnu3VflrNEZO97A8f6i-tPMoF1WRiLsCVV0Dr0pRVfSqVSGS0JPaMj_hgLEcHx7-S0kooLxLrvIdhCVnVSWluEZNC7tw7CwkzBLbOVqXaBJbEuqXk7WdKzh3i4nG3bOHzeIYp5s/s320/textberjalankazerpl.jpg', 'url': 'https://kazerpl.blogspot.com/2018/01/cara-membuat-text-berjalan-dengan-kode.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 235150393756173689}}]);
_WidgetManager._RegisterWidget('_PageListView', new _WidgetInfo('PageList1', 'page', document.getElementById('PageList1'), {'title': 'Pages', 'links': [{'isCurrentPage': false, 'href': 'https://kazerpl.blogspot.com/', 'title': 'Beranda'}, {'isCurrentPage': false, 'href': 'https://kazerpl.blogspot.com/p/about.html', 'id': '133970949065839219', 'title': 'About'}, {'isCurrentPage': false, 'href': 'https://kazerpl.blogspot.com/p/contact.html', 'id': '6382716969027437866', 'title': 'Contact'}, {'isCurrentPage': false, 'href': 'https://kazerpl.blogspot.com/p/sitemap.html', 'id': '2828464712456255911', 'title': 'Sitemap'}, {'isCurrentPage': false, 'href': 'https://kazerpl.blogspot.com/p/admin.html', 'id': '1802694385822102245', 'title': 'Admin'}], 'mobile': false, 'showPlaceholder': true, 'hasCurrentPage': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/1575117483-lbx__en_gb.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/1964470060-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label2', 'sidebar', document.getElementById('Label2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts1', 'sidebar', document.getElementById('PopularPosts1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'footer1', document.getElementById('HTML1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label4', 'footer2', document.getElementById('Label4'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'footer3', document.getElementById('HTML2'), {}, 'displayModeFull'));
</script>
</body>-->