BERBAGI ILMU TEKNOLOGI

Saturday 28 December 2013

Design CHATBOX Lucu

Kalian bosan gak sih dengan tampilan chatbox yang biasa biasa aja ???

nah ... disini saya akan memberikan beberapa tampilan/border untuk chatbox kalian

Seperti di posting sebelumnya "Merubah Tampilan CHATBOX berada di samping"

Kalian harus mendaftar di chatbox untuk mengambil Srcrip/HTML chatbox kalian ,
daftar disini

next .....

Ikuti langkah - Langkah dibawah ini :

1. Sign in akun Blogger

2. Dashboard > Page Element/Tata Letak > Add a Gadget/Tambah Gadget > HTML/Javascript

3. Copy-paste kode di bawah ini pada Text Dialog yang muncul saat kamu memilih HTML/Javascript

Setting Kode Chatbox :
Width : 170px || Height : 152px (bagian awal)
Width : 170px || Height : 75px (bagian akhir)

Merubah Tampilan CHATBOX Berada Di Samping

Pada mau buat tampilan chatbox kalian berada disamping seperti gambar dibawah ini ?

Eittsss nanti duluu,,,, sebelum itu kalian harus daftar terlebih dahulu chatbox nya untuk mengambil kode chatbox kalian....

Silahkan daftar disini dan ikuti langkah - langkahnya ...

Setelah kalian mendapatkan kode chatbox kalian ,,

Ikuti langkah - Langkah dibawah ini :

1. Sign in akun Blogger

2. Dashboard > Page Element/Tata Letak > Add a Gadget/Tambah Gadget > HTML/Javascript

3. Copy-paste kode di bawah ini pada Text Dialog yang muncul saat kamu memilih HTML/Javascript

#gb{

position:fixed;

top:50px;

z-index:+1000;

}

* html #gb{position:relative;}

.gbtab{

height:100px;

width:30px;

float:left;

cursor:pointer;

background:url('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') no-repeat;

}

.gbcontent{

float:left;

border:2px solid #A5BD51;

background:#F5F5F5;

padding:10px;

}

</style>

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>

<br/>

<a href="http://forantum.blogspot.com">.

</a>

[close]

</a>

</div>

var gb = document.getElementById("gb");

gb.style.right = (30-gb.offsetWidth).toString() + "px";

</script></div></div>

Membuat Kotak Script/HTML ke Posting di Blogmu

Haiii friends ....

Ada yang mau bikin tutorial seperti di blog saya ini ?? :)

masih pada bingung ya gimana caranya nambahin kotak script/HTML di dalam postingnya ??

nah...

cara nya gampang kok temen"

Kali ini saya akan memberikan tutorial bagaimana membuat kotak script/HTML di dalam posting blog kalian...

Let See..!!!

Langkah-langkahnyaa seperti ini :

1. Sign In di akun Blog kalian

2.Dashboard>Pos>Buat Entry Baru

3. Pilih HTML yang letaknya disebelah Compose , seperti gambar dibawah ini :

Menambahkan Musik dan Merubah Box Musiknya

Kali ini saya akan memberikan tutorial menambahkan musik dan merubah box nya

1. Silahkan klik disini

2.Pilih lagu sesuai keinginan

Pointnya karena disini saya akan memberitahukan bagaimana cara merubah box musik nya

nah...

setelah memilih lagu, langkah pertama yang kita lakukan adalah mengambil javascrip/HTML lagu tersebut

lihat gambar dibawah ini

Copy hanya bagian yang dilingkari merah

3. Sign in akun blogger

4.. Dashboard > Page Element/Tata Letak > Add a Gadget/Tambah Gadget > HTML/Javascript

5.Copy-paste kode di bawah ini pada Text Dialog yang muncul saat kamu memilih HTML/Javascript

<center>
<a href="http://intansaputry.blogspot.com/" target="_blank"><img src="http://dl8.glitter-graphics.net/pub/79/79238we6sb5xi3h.gif" border="0" alt="My Blog Music" /></a><br />
<br /><b>
<a target="_blank" title="My Blog Music" href="http://intansaputry.blogspot.com/">My Music</a></b><br />
<embed src="LINK LAGU KAMU" autostart="TRUE" loop="TRUE" width="1" height="1" align="CENTER"></embed></center>

Menambahkan Animasi Lucu di Blogmu

Ikuti langkah-langkah berikut:

1. Sign in akun Blogger

2. Dashboard > Page Element/Tata Letak > Add a Gadget/Tambah Gadget > HTML/Javascript

3. Copy-paste kode di bawah ini pada Text Dialog yang muncul saat kamu memilih HTML/Javascript

copy kode ini untuk posisi disamping pojok

copy kode ini untuk posisi disamping bar

Kalender dan Jam Lucu Untuk Blog mu

Mau dong punya kalender dan jam lucu di blog kalian ? :P

Caranya gampang loh temen-temen

Yuk ikuti langkah - langkah dibawah ini :

1. Sign in akun Blogger

2. Dashboard > Page Element/Tata Letak > Add a Gadget/Tambah Gadget > HTML/Javascript

3. Copy-paste kode di bawah ini pada Text Dialog yang muncul saat kamu memilih HTML/Javascript

Kumpulan Video Tutorial Cara Instal Beberapa Antivirus

Haloo semua ...

Sebelumnya saya sudah membahas tentang Antivirus terbaik menurut PC Magazine

Nah..... Sekarang saya akan memberikan video tutorial instalasi beberapa antivirus tersebut,,,

okeee ;)

Cara Instal Antivirus BitDefender

Download

Saturday 28 December 2013

Design CHATBOX Lucu

Merubah Tampilan CHATBOX Berada Di Samping

Membuat Kotak Script/HTML ke Posting di Blogmu

Menambahkan Musik dan Merubah Box Musiknya

Menambahkan Animasi Lucu di Blogmu

Kalender dan Jam Lucu Untuk Blog mu

Monday 23 December 2013

Kumpulan Video Tutorial Cara Instal Beberapa Antivirus