Cara Membuat Chat Facebook Generator Pada Blog

  بِسْمِ اللهِ الرَّحْمنِ الرَّحِيمِ

Berhubung Bulan lalu ada yang komment bagaimana Cara Membuat Chat Facebook Generator "Rainbow Text" Pada Blog .Nih Bagi yang mau tau gimana sih caranya membuat "Chat Facebook Generator". Oke akan saya kasih tau caranya :  

1. Login ke blogger. 

2. Bikin sebuah postingan baru.

3. Pada Postingan pilih pengaturan yang "HTML", bukan yang Compose.

4. Silahkan Copy Kode Berikut di Postingan yang "HTML".

Berikut ini Kode Chat Facebook Generator "Rainbow Text"

<center><style type="text/css"> .form {background:url(http://th529.photobucket.com/albums/dd339/pimpleshate/th_attachment.gif); border-radius:5px; border:2px solid #de0101; box-shadow:0 1px 0 #ccc,0 2px 0 #c9c9c9,0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0 #aaa,0 6px 1px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.25); width:320px; padding:10px} .input {padding:10px 10px; box-shadow:inset 1px 1px 0 #777; border-radius:5px; border:1px solid #fff} .input:focus {background:#ffffe0} .type {width:200px} .output {width:295px} .button {color:#fff; padding:9px 18px; background:-moz-linear-gradient(top,#76c1e3 0%,#1e97e8 25%,#2b84f0); background:-webkit-gradient(linear,left top,left bottom,from(#76c1e3),color-stop(0.25,#1e97e8),to(#2b84f0)); border-radius:5px; border:1px solid #b85f00; box-shadow:0px 1px 3px rgba(000,000,000,0.5),inset 0px -1px 0px rgba(255,255,255,0.7); text-shadow:0px -1px 1px rgba(000,000,000,0.2),0px 1px 0px rgba(255,255,255,0.3)} </style><br /> <form class="form" name="code"> <div style="text-align: center;"> <div style="text-align: center;"> <span style="color: red; font-size: large;">Kolom Generator</span></div> <div style="text-align: center;"> <input class="input type" name="type" size="63" type="text" value="Ketik disini" /></div> <input class="button" onclick="change();" type="button" value="Generate..!" /></div> <div style="text-align: center;"> <div style="text-align: center;"> <input class="input output" name="output" onclick="select();" size="63" type="text" /></div> <span style="color: red; font-size: large;">^ Kode Generator ^</span></div> </form> <script language="javascript" src="http://alkaz-comunity.googlecode.com/files/Generator_Pelangi.js"> </script></center>

Berikut ini Kode Chat Facebook Generator "Green Text"

<center><style type="text/css">
.form {background:url(http://th529.photobucket.com/albums/dd339/pimpleshate/th_attachment.gif); border-radius:5px; border:2px solid #de0101; box-shadow:0 1px 0 #ccc,0 2px 0 #c9c9c9,0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0 #aaa,0 6px 1px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.25); width:320px; padding:10px}
.input {padding:10px 10px; box-shadow:inset 1px 1px 0 #777; border-radius:5px; border:1px solid #fff}
.input:focus {background:#ffffe0}
.type {width:200px}
.output {width:295px}
.button {color:#fff; padding:9px 18px; background:-moz-linear-gradient(top,#76c1e3 0%,#1e97e8 25%,#2b84f0); background:-webkit-gradient(linear,left top,left bottom,from(#76c1e3),color-stop(0.25,#1e97e8),to(#2b84f0)); border-radius:5px; border:1px solid #b85f00; box-shadow:0px 1px 3px rgba(000,000,000,0.5),inset 0px -1px 0px rgba(255,255,255,0.7); text-shadow:0px -1px 1px rgba(000,000,000,0.2),0px 1px 0px rgba(255,255,255,0.3)}
</style><br />
<form class="form" name="code">
<div style="text-align: center;">
<div style="text-align: center;">
<span style="color: red; font-size: large;">Kolom Generator</span></div>
<div style="text-align: center;">
<input class="input type" name="type" size="63" type="text" value="Ketik disini" /></div>
<input class="button" onclick="change();" type="button" value="Generate..!" /></div>
<div style="text-align: center;">
<div style="text-align: center;">
<input class="input output" name="output" onclick="select();" size="63" type="text" /></div>
<span style="color: red; font-size: large;">^ Kode Generator ^</span></div>
</form>
<script language="javascript" src="http://alkaz-comunity.googlecode.com/files/Generator_Green.js">
</script></center>

Berikut ini Kode Chat Facebook Generator "Block Text"

 

<center><style type="text/css">.form {background:url(http://th529.photobucket.com/albums/dd339/pimpleshate/th_attachment.gif); border-radius:5px; border:2px solid #de0101; box-shadow:0 1px 0 #ccc,0 2px 0 #c9c9c9,0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0 #aaa,0 6px 1px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.25); width:320px; padding:10px}.input {padding:10px 10px; box-shadow:inset 1px 1px 0 #777; border-radius:5px; border:1px solid #fff}.input:focus {background:#ffffe0}.type {width:200px}.output {width:295px}.button {color:#fff; padding:9px 18px; background:-moz-linear-gradient(top,#76c1e3 0%,#1e97e8 25%,#2b84f0); background:-webkit-gradient(linear,left top,left bottom,from(#76c1e3),color-stop(0.25,#1e97e8),to(#2b84f0)); border-radius:5px; border:1px solid #b85f00; box-shadow:0px 1px 3px rgba(000,000,000,0.5),inset 0px -1px 0px rgba(255,255,255,0.7); text-shadow:0px -1px 1px rgba(000,000,000,0.2),0px 1px 0px rgba(255,255,255,0.3)}</style><br /><form class="form" name="code"><div style="text-align: center;"><div style="text-align: center;"><span style="color: red; font-size: large;">Kolom Generator</span></div><div style="text-align: center;"><input class="input type" name="type" size="63" type="text" value="Ketik disini" /></div><input class="button" onclick="change();" type="button" value="Generate..!" /></div><div style="text-align: center;"><div style="text-align: center;"><input class="input output" name="output" onclick="select();" size="63" type="text" /></div><span style="color: red; font-size: large;">^ Kode Generator ^</span></div></form><script language="javascript" src="http://alkaz-comunity.googlecode.com/files/Generator_Block.js"></script></center>

5. Pilih Publikasikan.

Udah Segitu doank caranya.. Gampang kan..? Kode-Kode diatas masih bisa anda kreasikan sesuai dengan yang anda inginkan. Ok sekian dulu ya... Semoga Sukses.