Rabu, 25 April 2012

Cara Membuat Free maker Text Di blog Sendiri

Buat Teman-Blogger.blogspot.com yang ingin Membuat Free maker Text Di blog Sendiri Silahkan mengcopy scrip dibawah ini!!

Ingat : Harus di Buat Sumber/Backlink nya!!


<script type="text/javascript">
function generateCode(form){
scrolldirection = document.inputForm.scrolldirection.value;
marqueebehaviour = document.inputForm.marqueebehaviour.value;
speed = document.inputForm.speed.value;
height = document.inputForm.height.value;
width = document.inputForm.width.value;
backgroundcolor = document.inputForm.backgroundcolor.value;
fontfamily = document.inputForm.fontfamily.options[document.inputForm.fontfamily.selectedIndex].value;
fontsize = document.inputForm.fontsize.options[document.inputForm.fontsize.selectedIndex].value;
fontcolor = document.inputForm.fontcolor.value;
fontstyle = document.inputForm.fontstyle.checked;
fontweight = document.inputForm.fontweight.checked;
borderwidth = document.inputForm.borderwidth.options[document.inputForm.borderwidth.selectedIndex].value;
borderstyle = document.inputForm.borderstyle.options[document.inputForm.borderstyle.selectedIndex].value;
bordercolor = document.inputForm.bordercolor.value;
textbody = document.inputForm.textbody.value;
backgroundcolor = backgroundcolor.replace(/#/,"");
bordercolor = bordercolor.replace(/#/,"");
fontcolor = fontcolor.replace(/#/,"");

output = '<!-- Widget By teman-blogger.blogspot.com N Software Pro -->\n' +
'<style type="text/css">\n' +
'.html-marquee {'
output +=
((height) ? 'height:' + height + 'px;' : '') +
((width) ? 'width:' + width + 'px;' : '') +
((backgroundcolor) ? 'background-color:#' + backgroundcolor + ';' : '') +
((fontfamily) ? 'font-family:' + fontfamily + ';' : '') +
((fontsize) ? 'font-size:' + fontsize + ';' : '') +
((fontcolor) ? 'color:#' + fontcolor + ';' : '') +
((fontstyle) ? 'font-style:italic' + ';' : '') +
((fontweight) ? 'font-weight:bold' + ';' : '') +
((borderwidth) ? 'border-width:' + borderwidth + ';' : '') +
((borderstyle) ? 'border-style:' + borderstyle + ';' : '') +
((bordercolor) ? 'border-color:#' + bordercolor + ';' : '') +
'}\n' +
'</style>\n' +

'<marquee class="html-marquee" ' +
((scrolldirection) ? 'direction="' + scrolldirection + '" ' : '') +
((marqueebehaviour) ? 'behavior="' + marqueebehaviour + '" ' : '') +
((speed) ? 'scrollamount="' + speed + '" ' : '') +
'>' + textbody +'</marquee>';

document.inputForm.source.value = output;

return output;
}

function displayHTML(form) {
var inf = '<style type="text/css">.html-marquee {background-color:ccc;}</style>' + generateCode();
win = window.open(", ", 'popup', 'toolbar = no, status = no,width=500,height=400,top=100,left=100,scrollbars=yes');
win.document.write("" + inf + "");
}
</script>


<div align="justify" style="background-color: grey;">
<div style="-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background-attachment: scroll; background-image: none; background-position: 0% 0%; background-repeat: repeat; border: 0px solid rgb(204, 204, 204); padding: 5px; width: 400px;">
<b><i><span style="color: yellow;">By</span></i>.<a href="http://teman-blogger.blogspot.com/" target="_blank"><span style="color: cyan;">Teman Blogger</span></a><span style="color: lime;">&nbsp;</span><span style="color: yellow;"> </span></b>

<form id="inputForm" name="inputForm" onchange="javascript:generateCode();">
<table border="0" cellpadding="5" cellspacing="0" class="example-code"><tbody>
<tr><td colspan="2"><a href="http://teman-blogger.blogspot.com/" target="_blank"><b><i><span style="color: lime;">MARQUEE STYLE</span></i></b></a></td></tr>
<tr> <td>Scroll Direction:</td><td><select name="scrolldirection"><option value="left"> Left</option><option value="right"> Right</option><option value="up"> Up</option><option value="down"> Down</option></select></td></tr>
<tr><td>Marquee Behaviour:</td> <td><select name="marqueebehaviour"><option value="scroll"> Scroll</option><option value="alternate"> Bounce</option></select></td></tr>
<tr><td>Kecepatan:</td><td><select name="speed"><option value="1">Sangat Lambat </option><option value="8">Lambat</option><option selected="selected" value="12">Sedang</option><option value="18">Cepat</option><option value="30">Sangat Cepat</option></select></td></tr>
<tr><td class="separator" colspan="2"></td></tr>
<tr><td colspan="2"><a href="http://teman-blogger.blogspot.com/" target="_blank"><b><i><span style="color: lime;">MARQUEE BOX</span></i></b></a></td></tr>
<tr> <td>Tinggi:</td> <td><input name="height" size="5" type="text" value="200" /> <i><span style="background-color: #666666; color: cyan;">(pixels)</span></i></td></tr>
<tr><td>Lebar:</td> <td><input name="width" size="5" type="text" value="400" /><span style="background-color: #666666;"><span style="color: cyan;">(pixels)</span></span></td></tr>
<tr> <td>Lebar Border:</td><td><select name="borderwidth"><option value="0"> 0 pixels</option><option selected="selected" style="border: 1px solid black; margin: 1px;" value="1">1 pixel</option><option style="border: 2px solid black; margin: 1px;" value="2">2 pixels</option><option style="border: 3px solid black; margin: 1px;" value="3">3 pixels</option><option selected="selected" style="border: 4px solid black; margin: 1px;" value="4">4 pixels</option><option style="border: 5px solid black; margin: 1px;" value="5">5 pixels</option><option style="border: 6px solid black; margin: 1px;" value="6">6 pixels</option></select></td></tr>
<tr><td>Border Style:</td><td><select name="borderstyle"><option style="border: 2px solid black; margin: 1px;" value="solid">Solid</option><option style="border: 2px dashed black; margin: 1px;" value="dashed">Dashed</option><option selected="selected" style="border: 2px dotted black; margin: 1px;" value="dotted">Dotted</option><option style="border: 3px double black; margin: 1px;" value="double">Double </option></select></td></tr>
<tr><td>Warna Border:</td><td><input name="bordercolor" size="10" type="text" value="#555" /><a href="http://teman-blgger.blogspot.com/2011/04/warna-html.html" id="pick3" name="pick3" target="_blank"></a></td> </tr>
<tr><td>Warna Background:</td><td><input name="backgroundcolor" size="10" type="text" value="#ffffff" /><a href="http://xpresi4share-x4s.blogspot.com/2011/04/warna-html.html" id="pick1" name="pick1" target="_blank"></a></td> </tr>
<tr><td class="separator" colspan="2"></td></tr>
<tr><td colspan="2"><a href="http://teman-blogger.blogspot.com/" target="_blank"><b><i><span style="color: lime;">TEKS MARQUEE</span></i></b></a></td></tr>
<tr><td>Warna Teks:</td><td><input name="fontcolor" size="10" type="text" value="#33cc33" /><a href="http://xpresi4share-x4s.blogspot.com/2011/04/warna-html.html" id="pick2" name="pick2" target="_blank"></a>

<script type="text/JavaScript">
cp.writeDiv()
</script>&nbsp;&nbsp;</td> </tr>
<tr><td>Teks Family:</td><td><select name="fontfamily"><option style="font-family: arial;" value="Arial">Arial </option><option style="font-family: helvetica;" value="Helvetica"> Helvetica </option><option style="font-family: verdana;" value="Verdana">Verdana </option><option style="font-family: times roman;" value="Times">Times Roman</option><option style="font-family: georgia;" value="Georgia">Georgia </option><option style="font-family: garamond;" value="Garamond">Garamond </option><option selected="selected" style="font-family: cursive;" value="Cursive">Cursive </option></select></td></tr>
<tr><td>Teks Size:</td><td><select name="fontsize"><option style="font-size: 8pt;" value="8pt">8pt</option><option style="font-size: 10pt;" value="10pt">10pt</option><option style="font-size: 12pt;" value="12pt">12pt </option><option style="font-size: 14pt;" value="14pt"> 14pt </option><option style="font-size: 16pt;" value="16pt">16pt</option><option style="font-size: 18pt;" value="18pt">18pt </option><option style="font-size: 20pt;" value="20pt"> 20pt </option><option selected="selected" style="font-size: 22pt;" value="22pt"> 22pt </option><option style="font-size: 24pt;" value="24pt"> 24pt </option><option style="font-size: 28pt;" value="28pt"> 28pt </option><option style="font-size: 32pt;" value="32pt"> 32pt </option><option style="font-size: 36pt;" value="36pt">36pt </option></select></td></tr>
<tr><td>Teks Style:</td><td><input name="fontstyle" type="checkbox" value="italic" /><i>Italic</i><input name="fontweight" type="checkbox" value="bold" /><b>Bold</b></td></tr>
<tr><td>Marquee Teks:</td><td><textarea cols="30" name="textbody" rows="5">Isi dengan teks/tulisan</textarea></td></tr>
<tr><td class="separator" colspan="2"></td></tr>
<tr><td colspan="2">












<center><input onclick="javascript:displayHTML(this.form);" type="button" value="Generate Code" />

</center></td></tr>
<tr><td colspan="2"><h3>


</h3>

<textarea cols="50" name="source" onclick="this.focus();this.select()" rows="10"></textarea></td></tr>
</tbody></table>
</form>
</div>
</div>
</div>
by :<a href="http://teman-blogger.blogspot.com/">Teman-blogger.blogspot.com</a>

0 komentar:

Posting Komentar