<body><script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener('load', function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <div id="navbar-iframe-container"></div> <script type="text/javascript" src="https://apis.google.com/js/platform.js"></script> <script type="text/javascript"> gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() { if (gapi.iframes && gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: 'https://www.blogger.com/navbar.g?targetBlogID\x3d261983035687298218\x26blogName\x3dWelCome\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dBLACK\x26layoutType\x3dCLASSIC\x26searchRoot\x3dhttps://widias.blogspot.com/search\x26blogLocale\x3din\x26v\x3d2\x26homepageUrl\x3dhttp://widias.blogspot.com/\x26vt\x3d-5128665632426812186', where: document.getElementById("navbar-iframe-container"), id: "navbar-iframe" }); } }); </script>

WelCome

 

[materi blog] scrolling text-marquee-html codes for bloggers

Adding simple scrolling text: Here is the code to add a simple scrolling text from right to left side The output will be like: Example 1: Selamat Datang di SMK Negeri 3 TegalIf you want some more attraction,then try these, Add a background color to the text, Example 2: Selamat Datang di SMK Negeri 3 Tegal
You can choose your background colour by replacing
the hexadecimal code(#99ccff). Click here to see the codes of the different colors. Here are some mode attributes to learn:
direction="left" direction="right" direction="up" direction="down"
The above attributes tells the text which direction to
scroll. Use the code below: Here is are some examples: To scroll in the 'right' direction: Example 3:
Selamat Datang di SMK Negeri 3 TegalExample 4: To scroll in the 'up' direction: Selamat Datang di SMK Negeri 3 Tegal
Example 5: Downwards:(I changed the hexa decimal codes
for different colours)
Selamat Datang di SMK Negeri 3 Tegalfew more attributes: You can add this attribute to alternate the text Here is the code to do this: Example 6: Selamat Datang di SMK Negeri 3 Tegal
You can also set the speed of the text with this simple
attribute: The lower the scrollamount value, the less the speed it
moves, the html code for this: example 7:(for scrollamout =2)
Selamat Datang di SMK Negeri 3 TegalExample 8:(for scrollamount=5) Selamat Datang di SMK Negeri 3 Tegal
Pausing the text when mouse is over the text: It is very useful when the reader wants to read the
text,and the scrollamount is big,sothat he will put the
mouse over the text to pause the text and read the
matter: Here is the code to do this Example 9:
Selamat Datang di SMK Negeri 3 Tegal
(place the mouse over the text to test it) Changing the text colour: Here is the code to change the text colour:
(Add it before the marquee tag) So, the code looks like this Example 10:
Selamat Datang di SMK Negeri 3 Tegal
« Home | Next »
| Next »
| Next »

» Posting Komentar
 
   





© 2006 WelCome | Blogger Templates by Gecko & Fly.
No part of the content or the blog may be reproduced without prior written permission.
Learn how to Make Money Online at GeckoandFly