Kode Efek Ling Berwarna-warni

INI kodenya:

1. Masuk blogger
2. Rancangan
3. Tambah Gadget > HTML/java script
4. Masukan kode dibawah ini
5. Save dan lihat hasilnya.

---

<script src="http://sites.google.com/site/javascriptnew/java-script/rainbow.js" type="text/javascript"></script>

---

Kode Text Area Sellect All

Gampang Copy saja kode dibawah ini:

  <form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /></div><div style="text-align: center;"><textarea name="txt" style="height: 30px; padding: 3px; width: 200px;"> Tulisan atau postingan kamu.<br></p>

Kode Untuk Tulisan Ngicep (Berkedip)

Caranya relatif mudah hanya menambahkan kode ini <blink> dan </blink> disetiap awal dan akhir tulisan yang kamu ingin kedipkan, contoh :

---

<blink> TULISAN KAMU </blink>

---

Hasilnya akan seperti dibawah ini:

---

TULISAN KAMU

---

selamat mencoba....!!

Widget Untuk Menampilkan Postingan Terakhir di Blog

Caranya :

1. Masuk blogger
2. Rancangan
3. Tambah Gadget > HTML/java script
4. Masukan kode dibawah ini
5. Save dan lihat hasilnya.

---

<script src="http://sites.google.com/site/anasku2000/post-terakhir.js"></script>
<script>var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="http://ngasaan.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp">
</script>

---

ket:

1. numposts = 10 adalah jumlah postingan yang akan kamu tampilkan, bisa kamu ganti.
2. http://ngasaan.blogspot.com/ adalah url atau alamat blog, ganti dengan alamat blog kamu.

Widget Hujan Salju untuk Blog

Caranya:

1. Masuk ke blogger
2. Rancangan
3. Tambah Gadget >HTML/java script
4. Masukkan kode dibawah ini.
5. Save dan lihat hasilnya.

---

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> <script src='http://blogergadgets.googlecode.com/files/snowfall.min.jquery.js' type='text/javascript'></script> <script type="text/javascript"> $(document).snowfall({flakeCount:199}); </script>

---

Widget Untuk Menampilkan Komentar Terbaru di Blogger

Caranya:

1. Masuk ke Blogger
2. Rancangan
3. Tambah Gadget > HTML/java script
4. Masukkan kode dibawah ini
5. Save dan lihat hasilnya.

---

<script style="text/javascript" src="http://bloggerhosting.appspot.com/serve/amen24.googlepages.com/showrecentcomments.js">
</script><script style="text/javascript">var numcomments = 5;var showcommentdate = false;var showposttitle = true;var numchars = 100;var standardstyling = true;</script> <script src="http://ngasaan.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

---

Ket:

1.  numcomments adalah jumlah komentar terakhir, bisa kamu ganti berapa saja.
2.  showcommentdate adalah untuk menampilkan tanggal yang diatas itu false berarti tanggal tidak tampil kalau mau tampil ganti dengan true.
3.  showposttitle adalah untuk menampilkan judul diatau true brarti tampil kalau tidak mau menampilkan ganti dengan false.
4. numchars jumlah karakter pada daftar.
5.  http://ngasaan.blogspot.com/ adalah url blog ganti dengan url blog kamu.
   

Kode Membuat Bingkai/Border Posting

Caranya dengan memakai kode dibawah ini, contoh:

<div style="border: 1px solid #CCC; margin: 10px 0px; padding: 10px; width: auto; height: auto; background-color:red; text-align: center;">Masukan Postingan Kamu Disini</div>

Hasinya Akan Seperti Di Bawah Ini:

Masukan Postingan Kamu Disini

 

 

Ket:

1. 1px adalah ketebalan garis, bisa kamu perbesar garisnya.
2. #CCC adalah kode warna, #CCC berarti warna abu-abu bisa kamu ganti dengan warna yang kamu suka, tinggal nyari kode warnanya sendiri saja.
3. margin: 10px 0px adalah margin artinya margin atas-bawah 10px dan margin kanan-kiri 0px.
4. padding: 10px artinya jarak antara tulisan dengan border bisa kamu ganti sesuai selera kamu.
5. background-color:red berarti warna backroundnya itu berwarna merah bisa kamu ganti.
6. text-align: center berarti text kamu ditengah posisinya bisa kamu ganti dengan rata kanan (right), kiri (left), tengah (justify).

oke kan. kalo ada pertanyaan silahkan tulis ki kotak komen saja..!!

 

Kode Untuk Membuat Tulisan Berjalan

Gampang hanya memakai kode ini di antara tulisan kamu <marquee> dan </marquee>
contoh:

<marquee> Hanya Contoh Saja </marquee>

Hasilnya akan seperti ini:

Hanya Contoh Saja

Widget Kalkulator

Untuk Pasang:

1. Masuk Blogger
2. Rancangan
3. Tambah Gadget HTML/Javascript
4. Masukan dibawah ini
5. Save dan lihat hasilnya.

---

<CENTER>
<FORM name="Keypad" action="">
<TABLE>
<B>
<TABLE border=2 cellpadding=1 cellspacing=4 style="background: #E7E7E7; padding-top: 7px;">
<TR>
<TD colspan=3 align=middle>
<input name="ReadOut" type="Text" size=20 value="0" width=100%>
</TD>
<TD
</TD>
<TD>
<input style="background: #000; color: #fff;" name="btnClear" type="Button" value="  C  " onclick="Clear()">
</TD>
<TD><input style="background: #A83131; color: #fff;" name="btnClearEntry" type="Button" value="  CE " onclick="Clear()">
</TD>
</TR>
<TR>
<TD>
<input style="background: #313131; color: #fff;" name="btnSeven" type="Button" value="  7  " onclick="NumPressed(7)">
</TD>
<TD>
<input style="background: #313131; color: #fff;" name="btnEight" type="Button" value="  8  " onclick="NumPressed(8)">
</TD>
<TD>
<input style="background: #313131; color: #fff;" name="btnNine" type="Button" value="  9  " onclick="NumPressed(9)">
</TD>
<TD>
</TD>
<TD>
<input style="background: #2B2D77; color: #fff;" name="btnNeg" type="Button" value=" +/- " onclick="Neg()">
</TD>
<TD>
<input style="background: #2B2D77; color: #fff;" name="btnPercent" type="Button" value="  % " onclick="Percent()">
</TD>
</TR>
<TR>
<TD>
<input style="background: #313131; color: #fff;" name="btnFour" type="Button" value="  4  " onclick="NumPressed(4)">
</TD>
<TD>
<input style="background: #313131; color: #fff;" name="btnFive" type="Button" value="  5  " onclick="NumPressed(5)">
</TD>
<TD>
<input style="background: #313131; color: #fff;" name="btnSix" type="Button" value="  6  " onclick="NumPressed(6)">
</TD>
<TD>
</TD>
<TD align=middle><input style="background: #2B2D77; color: #fff;" name="btnPlus" type="Button" value="  +  " onclick="Operation('+')">
</TD>
<TD align=middle><input style="background: #2B2D77; color: #fff;" name="btnMinus" type="Button" value="   -   " onclick="Operation('-')">
</TD>
</TR>
<TR>
<TD>
<input style="background: #313131; color: #fff;" name="btnOne" type="Button" value="  1  " onclick="NumPressed(1)">
</TD>
<TD>
<input style="background: #313131; color: #fff;" name="btnTwo" type="Button" value="  2  " onclick="NumPressed(2)">
</TD>
<TD>
<input style="background: #313131; color: #fff;" name="btnThree" type="Button" value="  3  " onclick="NumPressed(3)">
</TD>
<TD>
</TD>
<TD align=middle><input style="background: #2B2D77; color: #fff;" name="btnMultiply" type="Button" value="  x  " onclick="Operation('*')">
</TD>
<TD align=middle><input style="background: #2B2D77; color: #fff;" name="btnDivide" type="Button" value="   /   " onclick="Operation('/')">
</TD>
</TR>
<TR>
<TD>
<input style="background: #313131; color: #fff;" name="btnZero" type="Button" value="  0  " onclick="NumPressed(0)">
</TD>
<TD>
<input style="background: #313131; color: #fff;" name="btnDecimal" type="Button" value="   .  " onclick="Decimal()">
</TD>
<TD colspan=3>
</TD>
<TD>
<input style="background: #2B2D77; color: #fff;" name="btnEquals" type="Button" value="  =  " onclick="Operation('=')">
</TD>
</TR>
</TABLE>
</TABLE>
</B>
</FORM>
</CENTER>

---

Widget Tv Online TVONE

1. masuk blogger
2. rancangan
3. tambah gadget > HTML/java script
4. masukan kode dibawah ini
5. save n lihat hasil nya.

---

<center><embed allowfullscreen="true" allowscriptaccess="always" bgcolor="#FFFFFF" flashvars="file=tvone&amp;type=video&amp;streamer=rtmp://202.129.216.34/live/&amp;autostart=true" height="500" src="http://www.tvone.co.id/embed/player.swf" width="640"></embed></center>
<br><b>Widget Powered by: <a href="http://forantum.blogspot.com">Forantum Corporation</a></b></br>

---

Kode tv ANTV

1. Masuk Blogger
2. Rancangan
3. Tambah gadget > HTML/Java script
4. masukan kode dibawah ini.
5. save n lihat hasilnya.

---

<center><embed src="http://www.tvone.co.id/embed/player.swf" bgcolor="#000000" allowscriptaccess="always" allowfullscreen="true" flashvars="file=antv&type=video&streamer=rtmp://202.129.216.34/live/&autostart=true" height="500" width="640"></embed><br /><br /><span style="font-weight: bold;"><br /></center>
<br><b>Widget Powered by: <a href="http://forantum.blogspot.com">Forantum Corporation</a></b></br>

---

kode untuk membuat garis lurus pemisah antar paragraf

untuk membuatnya gampang, gunakan saja kode ini <hr> diawal dan di akhir paragraf yang kamu posting, seperti contoh...:

<hr>

ini hanyalah contoh ( postingan kamu )

<hr>

hasilnya akan seperti di bawah ini:

---

ini hanyalah contoh ( postingan kamu )

---

gampang kan...!!

kode untuk menon aktifkan klik kanan di blog

1. masuk blog
2. rancangan
3. tambah gatget >HTML/java script
4. masukan kode di bawah ini
5. save

---

<script language="JavaScript">
<!--
//Disable right mouse click Script
//By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
//For full source code, visit http://www.dynamicdrive.com
var message="Maaf yah harus ijin dulu kalau mau coppas";
///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}
function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}
if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}
document.oncontextmenu=new Function("alert(message);return false")
// -->
</script>

---

yang di blog merah dapat diganti dengan kata kamu sendiri oke...!!

Lihat Hasilnya.

Widget Kode Warna

1. Masuk Blogger
2. Rancangan
3. Add Gatget > HTML/java script
4. Masukin kode di bawah ini
5. Save n Lihat Hasilnya...

    <script language='javascript'>
    function Barva(koda)
    {
    document.getElementById("vzorec").bgColor=koda;
    document.hcc.barva.value=koda.toUpperCase();
    document.hcc.barva.select();
    }
    function BarvaDruga(koda)
    {
    document.getElementById("vzorec2").bgColor=koda;
    document.hcc.Barva2.value=koda.toUpperCase();
    document.hcc.Barva2.select();
    }
    </script>


    <script type='text/javascript'>


    var hue;
    var picker;
    //var gLogger;
    var dd1, dd2;
    var r, g, b;


    function init() {
    if (typeof(ygLogger) != "undefined")
    ygLogger.init(document.getElementById("logDiv"));
    pickerInit();
    //ddcolorposter.fillcolorbox("colorfield1", "colorbox1") //PREFILL "colorbox1" with hex value from "colorfield1"
    //ddcolorposter.fillcolorbox("colorfield2", "colorbox2") //PREFILL "colorbox1" with hex value from "colorfield1"
    }


    // Picker ---------------------------------------------------------


    function pickerInit() {
    hue = YAHOO.widget.Slider.getVertSlider("hueBg", "hueThumb", 0, 180);
    hue.onChange = function(newVal) { hueUpdate(newVal); };


    picker = YAHOO.widget.Slider.getSliderRegion("pickerDiv", "selector", 0, 180, 0, 180);
    picker.onChange = function(newX, newY) { pickerUpdate(newX, newY); };


    hueUpdate();


    dd1 = new YAHOO.util.DD("pickerPanel");
    dd1.setHandleElId("pickerHandle");
    dd1.endDrag = function(e) {
    // picker.thumb.resetConstraints();
    // hue.thumb.resetConstraints();
    };
    }


    executeonload(init);


    function pickerUpdate(newX, newY) {
    pickerSwatchUpdate();
    }




    function hueUpdate(newVal) {


    var h = (180 - hue.getValue()) / 180;
    if (h == 1) { h = 0; }


    var a = YAHOO.util.Color.hsv2rgb( h, 1, 1);


    document.getElementById("pickerDiv").style.backgroundColor =
    "rgb(" + a[0] + ", " + a[1] + ", " + a[2] + ")";


    pickerSwatchUpdate();
    }


    function pickerSwatchUpdate() {
    var h = (180 - hue.getValue());
    if (h == 180) { h = 0; }
    document.getElementById("pickerhval").value = (h*2);


    h = h / 180;


    var s = picker.getXValue() / 180;
    document.getElementById("pickersval").value = Math.round(s * 100);


    var v = (180 - picker.getYValue()) / 180;
    document.getElementById("pickervval").value = Math.round(v * 100);


    var a = YAHOO.util.Color.hsv2rgb( h, s, v );


    document.getElementById("pickerSwatch").style.backgroundColor =
    "rgb(" + a[0] + ", " + a[1] + ", " + a[2] + ")";


    document.getElementById("pickerrval").value = a[0];
    document.getElementById("pickergval").value = a[1];
    document.getElementById("pickerbval").value = a[2];
    var hexvalue = document.getElementById("pickerhexval").value ='#'+
    YAHOO.util.Color.rgb2hex(a[0], a[1], a[2]);
    ddcolorposter.initialize(a[0], a[1], a[2], hexvalue)
    if (hexvalue!="#FFFFFF") document.getElementById("pickerhexval").select();
    }


    </script><!--[if gte IE 5.5000]>
    <script type="text/javascript">


    function correctPNG() // correctly handle PNG transparency in Win IE 5.5 or higher.
    {
    for(var i=0; i<document.images.length; i++)
    {
    var img = document.images[i]
    var imgName = img.src.toUpperCase()
    if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
    {
    var imgID = (img.id) ? "id='" + img.id + "' " : ""
    var imgClass = (img.className) ? "class='" + img.className + "' " : ""
    var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
    var imgStyle = "display:inline-block;" + img.style.cssText
    if (img.align == "left") imgStyle = "float:left;" + imgStyle
    if (img.align == "right") imgStyle = "float:right;" + imgStyle
    if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
    var strNewHTML = "<span " + imgID + imgClass + imgTitle
    + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
    + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
    + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
    img.outerHTML = strNewHTML
    i = i-1
    }
    }
    }


    YAHOO.util.Event.addListener(window, "load", correctPNG);


    </script>
    <![endif]-->