MURDANI

MURDANI
"Kebahagiaan, Tergantung Bagaimana Menikmati Hidup"

Mengenai Saya

Mataram, NTB, Indonesia
keluar dari kebiasaan karna "Manusia Dikutuk Untuk Merdeka" Tuhan memberikan jalan hidup yang berbeda apa yang aku katakan, adalah kebenaran yang aku yakini

Pages

Labels

Tampilkan postingan dengan label tutorial. Tampilkan semua postingan
Tampilkan postingan dengan label tutorial. Tampilkan semua postingan

BACKGROUND PELANGI

Penampilan background dapat anda ganti dengan warna yang selalu silih berganti. Sebab itulah EPG Studio memberi judul post ini dengan sebutan Background Pelangi karena selalu berkedip dengan berbagai warna.
Background Pelangi ini, penerapannya pada blog harus meminta bantuan pada situs yang dapat mengubah kode HTML menjadi kode yang dapat diterima oleh template Blogspot. Misalnya Centricle.com

Ikuti langkah-langkahnya :

LANGKAH PERTAMA
  1. Copy kode dibawah ini


    <script language="JavaScript">
    <!--
    //you can assign the initial color of the background here
    r=255;
    g=255;
    b=255;
    flag=0;
    t=new Array;
    o=new Array;
    d=new Array;

    function hex(a,c)
    {
    t[a]=Math.floor(c/16)
    o[a]=c%16
    switch (t[a])
    {
    case 10:
    t[a]='A';
    break;
    case 11:
    t[a]='B';
    break;
    case 12:
    t[a]='C';
    break;
    case 13:
    t[a]='D';
    break;
    case 14:
    t[a]='E';
    break;
    case 15:
    t[a]='F';
    break;
    default:
    break;
    }
    switch (o[a])
    {
    case 10:
    o[a]='A';
    break;
    case 11:
    o[a]='B';
    break;
    case 12:
    o[a]='C';
    break;
    case 13:
    o[a]='D';
    break;
    case 14:
    o[a]='E';
    break;
    case 15:
    o[a]='F';
    break;
    default:
    break;
    }
    }

    function ran(a,c)
    {
    if ((Math.random()>2/3||c==0)&&c<255)
    {
    c++
    d[a]=2;
    }
    else
    {
    if ((Math.random()<=1/2||c==255)&&c>0)
    {
    c--
    d[a]=1;
    }
    else d[a]=0;
    }
    return c
    }
    function do_it(a,c)
    {
    if ((d[a]==2&&c<255)||c==0)
    {
    c++
    d[a]=2
    }
    else
    if ((d[a]==1&&c>0)||c==255)
    {
    c--;
    d[a]=1;
    }
    if (a==3)
    {
    if (d[1]==0&&d[2]==0&&d[3]==0)
    flag=1
    }
    return c
    }
    function disco()
    {
    if (flag==0)
    {
    r=ran(1, r);
    g=ran(2, g);
    b=ran(3, b);
    hex(1,r)
    hex(2,g)
    hex(3,b)
    document.body.style.background="#"+t[1]+o[1]+t[2]+o[2]+t[3]+o[3]
    flag=50
    }
    else
    {
    r=do_it(1, r)
    g=do_it(2,g)
    b=do_it(3,b)
    hex(1,r)
    hex(2,g)
    hex(3,b)
    document.body.style.background="#"+t[1]+o[1]+t[2]+o[2]+t[3]+o[3]
    flag--
    }

    setTimeout('disco()',50)
    }
    //-->
    </script>
  2. Buka Centricle.com
  3. Paste kode yang anda copy tadi pada kolom yang tersedia
  4. Klik tombol Encode, tunggu sampai prosesnya selesai
  5. Copy hasil Encode tadi untuk dimasukan ke blog anda
    Cara memasukan kode pada blog :
    • Masuk ke Blogger dengan ID anda
    • Pilih Tata Letak
    • Pilih Edit Html
    • Backup dulu template anda jika takut gagal
    • Paste kode dari hasil Encode tadi tepat diatas kode </head> pada template blog anda

LANGKAH KEDUA
  1. Masih pada Edit HTML
  2. Cari kode <body> pada template anda
  3. Copy kode dibawah ini kemudian paste dibawah kode <body>

    <body onload="disco()"/>
  4. Klik tombol Simpan Template
  5. Lihat blog anda sekarang
Category: 0 komentar

Mengubah background judul postingan

Setelah lebih kurang 3 jam mengotak-atik template, akhirnya dapat juga mengganti background pada judul postingan. Sebenarnya cara itu sangat mudah apabila tahu kode yang harus diubah atau ditambah.
Anda tidak perlu melakukan hal yang sama berjam-jam duduk didepan komputer hanya untuk mencari cara agar bacground judul postingan pada blog anda bisa diganti dengan warna pilihan yang cocok dengan tata warna blog anda, karena EPG Studio telah mendapat cara yang dapat anda ikuti.
Simak caranya...!!!
  • Masuk ke Blogger dengan ID anda
  • Pilih Tata Letak
  • Pilih Edit HTML
  • Backup dulu template anda kalau takut gagal
  • Kotak padaExpand Template Widget tidak perlu dikasih tanda contreng
  • Cari kode ini :

    .post h3 {
    margin:.25em 0 0;
    padding:0 0 4px;
    font-size:140%;
    font-weight:normal;
    line-height:1.4em;
    color:$titlecolor;
    }
  • Ganti kode tadi dengan kode dibawah ini :

    .post h3 {
    margin:.25em 0 0;
    padding:4px 4px 4px;
    font-size:140%;
    font-weight:normal;
    line-height:1.4em;
    color:$titlecolor;
    background:#0066CC;
    border:3px solid #C3D9FF;

    }


    Dari kode diatas menunjukan background postingan berwarna biru tua dan border berwarna biru muda. Ganti kode warna dengan warna kesukaan anda dan border pasang di angka 0 jika anda tidak menginginkan adanya border.
  • Setelah anda selesai melakukan perubahan yang diperlukan, klik tombol simpan template
  • Lihat Blog anda sekarang.
Sumber : http://www.cukuhnau.co.cc/2011/03/mengubah-background-judul-postingan.html
Category: 0 komentar

Cara Sembunyikan Buku Tamu Facebook

Cara Sembunyikan Buku Tamu Facebook bisa juga dibilang membuat buku tamu melayang disisi Kiri atau Kanan Blog kita.
cara pasang buku tamu Facebook di blog Mempercantik Blog kita dengan berbagai widget / Gadget memang sudah jadi Tradisi, ini demi betahnya pengunjung diblog kita. Namun kadang juga kita bingung mau ditaruh dimana lagi gadget baru kita sedangkan blog sudah penuh dengan pernak pernik. CONTOH disini dari BANG UDIN
Alternatif yang paling Keren yakni disembunyikan atau dibuat melayang disisi kiri atau kanan, blog.
Silahkan Ikuti Langkah-langkah Berikut Untuk Pemasangannya :
  • Tentu Login dulu ke Account Blogger Sobat
  • Silahkan Menuju Dasbor lalu Klik Rancangan
  • Pilih Tambah Gadget
  • Pada Halaman Tambah Gadget Cari Tab menu HTML/JavaScript lalu klik Tambah
  • Isi judul dengan kode ini <!--judul-->
    Maksudnya supaya nanti Gadget kita terlihat tanpa Judul, karena sekarang jika sobat kosongkan judul maka Gadget dianggap SALAH
  • Sekarang Isikan dengan Kode dibawah ini
Sobat Tinggal Mengcopy CODE dibawah ini
Kode untuk Sebelah Kanan
<style type="text/css">
#gb{ position:fixed; top:50px; z-index:+1000; } * html #gb{position:relative;} .gbtab{ height:100px; width:30px; float:left; cursor:pointer; background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhf4rVcQuyUomu_MkSVHvmQKuNSBHY6RWMw_N9Niat9TN8g1W1URZ1glUapl_Z_tid9JEt_QhAK7O37VxC3mvOLobQMlM_6ycxVZ66_PDTpklubvwC_yqkuMJ800lI0nrN70KTyX5ZdDM/') no-repeat; } .gbcontent{ float:left; border:2px solid #A5BD51; background:#F5F5F5; padding:10px; } </style> <script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0); gb.opened = !gb.opened; } function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; gb.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} } </script> <div id="gb"> <div class="gbtab" onclick="showHideGB()"> </div> <div class="gbcontent"> <div style="text-align: center;"> <span style="color: blue; font-size: x-small;">Selamat Datang</span> <span style="font-size: x-sma</span><span style="font-size: x-small;"><b style="color: blue;">Kunjungannya</b></span> </div> &lwidth=290&amp;height=400&amp;xid=355411944445" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:290px; height:400px;" allowTransparency="true"></iframe><div style="color: #999999;"> <span style="font-size: xx-small;">Widget by: <a href="http://www.facebook.com/">Facebook</a> Develop by: <a href="http://www.kumpulancara.com/" target='new,>kumpulancara</a></span> </div> <br/> <div style="text-align:right"> <a href="javascript:showHideGB()"> [tutup] </a> </div> </div> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script>

Kode untuk Sebelah Kiri

<style type="text/css">
#gb{
position:fixed;top:100px;z-index:+1000;}
* html #gb{position:relative;}
.gbtab{height:128px;width:35px;
float:right;
cursor:pointer;background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhf4rVcQuyUomu_MkSVHvmQKuNSBHY6RWMw_N9Niat9TN8g1W1URZ1glUapl_Z_tid9JEt_QhAK7O37VxC3mvOLobQMlM_6ycxVZ66_PDTpklubvwC_yqkuMJ800lI0nrN70KTyX5ZdDM/') no-repeat;}
.gbcontent{float:right;border:2px solid #A5BD51;
background:#F5F5F5;padding:10px;}
</style><script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);gb.opened = !gb.opened;}
function moveGB(x0, xf){var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.left = x.toString() + "px";if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}}
</script><div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div><div class="gbcontent">

<div style="text-align: center;">
<span style="color: blue; font-size: x-small;">Selamat Datang</span>
<span style="font-size: x-small;"><b style="color: red;">Jgn Lupa Comment</b></span><span style="color: blue; font-size: x-small;">
 </span><span style="font-size: x-small;"><b style="color: blue;"></b></span></div>
<iframe src="http://www.facebook.com/plugins/livefeed.php?app_id=136575963025211&amp;width=290&amp;height=400&amp;xid=355411944445" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:290px; height:400px;" allowTransparency="true"></iframe><div style="color: #999999;">
<span style="font-size: xx-small;">Widget by: <a href="http://www.facebook.com/">Facebook</a> Develop by: <a href="http://www.kumpulancara.com/" target='new'>kumpulancara</a></span>
</div><br/><div style="text-align:left"><a href="javascript:showHideGB()">[tutup]
</a></div></div></div>
<script type="text/javascript">var gb = document.getElementById("gb");
gb.style.left = (30-gb.offsetWidth).toString() + "px";
</script>

Keterangan :

position:fixed;top:100px;z-index:+1000 = Posisi Tombol Logo Open Close 
height = 400px; (untuk ketinggian buku tamu)
width = 290 px; (untuk kelebaran buku tanu)

Silahkan Sesuaikan Keinginan, Tapi Menurut saya itu sudah sesuai
Jika Ada yang tidak berfungsi Mohon Konfirmasi

sumber : http://www.cukuhnau.co.cc/2011/03/cara-sembunyikan-buku-tamu-facebook.html
Category: 0 komentar

CARA MEMBUAT KUPU-KUPU TERBANG DI BLOG

Ingin tahu gimana caranya membuat kupu kupu terbang di blog. Kayak di blog ini. simaklah tutorial saya berikut ini yaa....
Caranya cukup mudah anda cukup memasukkan java sript untuk memunculkan kupu-kupu indah di blog anda. Baiklah langsung saja akan saya tuliskan cara membuatnya :

1. Login ke Blogger
2. Masuk ke Tata Letak
3. Trus Edit HTML
4. Trus copy-paste kode java script di bawah ini tepat
sebelum kode </head> untuk mempermudah pencarian tekan ctrl+f.
<script type='text/javascript'>
//<![CDATA[
var Ymax=8; //MAX # OF PIXEL STEPS IN THE "X" DIRECTION
var Xmax=8; //MAX # OF PIXEL STEPS IN THE "Y" DIRECTION
var Tmax=10000; //MAX # OF MILLISECONDS BETWEEN PARAMETER CHANGES

//FLOATING IMAGE URLS FOR EACH IMAGE. ADD OR DELETE ENTRIES. KEEP ELEMENT NUMERICAL ORDER STARTING WITH "0" !!

var floatimages=new Array();
floatimages[0]='http://i363.photobucket.com/albums/oo72/herisys/butterfly.gif';
floatimages[1]='http://i363.photobucket.com/albums/oo72/herisys/butterfly.gif';

//*********DO NOT EDIT BELOW***********
var NS4 = (navigator.appName.indexOf("Netscape")>=0 && parseFloat(navigator.appVersion) >= 4 && parseFloat(navigator.appVersion) < 5)? true : false;
var IE4 = (document.all)? true : false;
var NS6 = (parseFloat(navigator.appVersion) >= 5 && navigator.appName.indexOf("Netscape")>=0 )? true: false;
var wind_w, wind_h, t='', IDs=new Array();
for(i=0; i<floatimages.length; i++){
t+=(NS4)?'<layer name="pic'+i+'" visibility="hide" width="10" height="10"><a href="javascript:hidebutterfly()">' : '<div id="pic'+i+'" style="position:absolute; visibility:hidden;width:10px; height:10px"><a href="javascript:hidebutterfly()">';
t+='<img src="'+floatimages[i]+'" name="p'+i+'" border="0">';
t+=(NS4)? '</a></layer>':'</a></div>';
}
document.write(t);

function moveimage(num){
if(getidleft(num)+IDs[num].W+IDs[num].Xstep >= wind_w+getscrollx())IDs[num].Xdir=false;
if(getidleft(num)-IDs[num].Xstep<=getscrollx())IDs[num].Xdir=true;
if(getidtop(num)+IDs[num].H+IDs[num].Ystep >= wind_h+getscrolly())IDs[num].Ydir=false;
if(getidtop(num)-IDs[num].Ystep<=getscrolly())IDs[num].Ydir=true;
moveidby(num, (IDs[num].Xdir)? IDs[num].Xstep : -IDs[num].Xstep , (IDs[num].Ydir)? IDs[num].Ystep: -IDs[num].Ystep);
}

function getnewprops(num){
IDs[num].Ydir=Math.floor(Math.random()*2)>0;
IDs[num].Xdir=Math.floor(Math.random()*2)>0;
IDs[num].Ystep=Math.ceil(Math.random()*Ymax);
IDs[num].Xstep=Math.ceil(Math.random()*Xmax)
setTimeout('getnewprops('+num+')', Math.floor(Math.random()*Tmax));
}

function getscrollx(){
if(NS4 || NS6)return window.pageXOffset;
if(IE4)return document.body.scrollLeft;
}

function getscrolly(){
if(NS4 || NS6)return window.pageYOffset;
if(IE4)return document.body.scrollTop;
}

function getid(name){
if(NS4)return document.layers[name];
if(IE4)return document.all[name];
if(NS6)return document.getElementById(name);
}

function moveidto(num,x,y){
if(NS4)IDs[num].moveTo(x,y);
if(IE4 || NS6){
IDs[num].style.left=x+'px';
IDs[num].style.top=y+'px';
}}

function getidleft(num){
if(NS4)return IDs[num].left;
if(IE4 || NS6)return parseInt(IDs[num].style.left);
}

function getidtop(num){
if(NS4)return IDs[num].top;
if(IE4 || NS6)return parseInt(IDs[num].style.top);
}

function moveidby(num,dx,dy){
if(NS4)IDs[num].moveBy(dx, dy);
if(IE4 || NS6){
IDs[num].style.left=(getidleft(num)+dx)+'px';
IDs[num].style.top=(getidtop(num)+dy)+'px';
}}

function getwindowwidth(){
if(NS4 || NS6)return window.innerWidth;
if(IE4)return document.body.clientWidth;
}

function getwindowheight(){
if(NS4 || NS6)return window.innerHeight;
if(IE4)return document.body.clientHeight;
}

function init(){
wind_w=getwindowwidth();
wind_h=getwindowheight();
for(i=0; i<floatimages.length; i++){
IDs[i]=getid('pic'+i);
if(NS4){
IDs[i].W=IDs[i].document.images["p"+i].width;
IDs[i].H=IDs[i].document.images["p"+i].height;
}
if(NS6 || IE4){
IDs[i].W=document.images["p"+i].width;
IDs[i].H=document.images["p"+i].height;
}
getnewprops(i);
moveidto(i , Math.floor(Math.random()*(wind_w-IDs[i].W)), Math.floor(Math.random()*(wind_h-IDs[i].H)));
if(NS4)IDs[i].visibility = "show";
if(IE4 || NS6)IDs[i].style.visibility = "visible";
startfly=setInterval('moveimage('+i+')',Math.floor(Math.random()*100)+100);
}}
function hidebutterfly(){
for(i=0; i<floatimages.length; i++){
if (IE4)
eval("document.all.pic"+i+".style.visibility='hidden'")
else if (NS6)
document.getElementById("pic"+i).style.visibility='hidden'
else if (NS4)
eval("document.pic"+i+".visibility='hide'")
clearInterval(startfly)
}
}

if (NS4||NS6||IE4){
window.onload=init;
window.onresize=function(){ wind_w=getwindowwidth(); wind_h=getwindowheight(); }
}

//]]>
</script>
5. Save...buka blog anda dan refresh browser....sekarang ada sesosok binatang yang indah menawan di blog anda....

Apabila anda belum berhasil membuatnya gunakan cara kedua di bawah ini:
1. Login ke Blogger
2. Klik Tata letak
3. Klik Tambah Gadget
4. Pilih HTML/Java Script
5. Masukkan kode Java script seperti di bawah ini.
<script src="http://sites.google.com/site/javascriptnew/java-script/butterfly.js" type="text/javascript">
6. Save.


sumber : http://www.cukuhnau.co.cc
Category: 0 komentar

pemuda NTB

pemuda NTB
hidup adalah kesehajaan tapi beruha berfikir beda dari yang lain itulah indahnya perbedaan, bukti nyata pemuda memiliki pendirian

jika hari ini, adalah pilihanku, aku siap mati dengan pilihan itu