Tampilkan postingan dengan label Javascript. Tampilkan semua postingan
Tampilkan postingan dengan label Javascript. Tampilkan semua postingan

Minggu, 03 Juli 2011

Cara Membuat Headline News Recent Post Blog

kali ini saya akan membahas cara membuat Headline News Recent Post seperti pada tampilan Blog saya ini.jik anda tertarik membuatnya okkita langsung mulai saja caranya

Berikut cara selengkapnya:

1. Login ke blogger
2. Masuk ke Layout
3. Pilih Add Gadget / HTML/JavaScript
4. Bagian Title / Judul kosongkan saja, lalu copy-paste kode di bawah ini :

<script type="text/javascript">

var hn_url_blog = "http://red3vil666.blogspot.com";

var hn_jumlah_post = 15;

var hn_warna_latar = "#000000";

var hn_warna_garis = "#0000FF";

var hn_posisi = "top";

var hn_tampilkan_judul = true;

var hn_backlink = true;

</script>

<script src="http://dimash.madpath.com/headlinenews.js">

</script>
selesai kemudian simpan template.....


Cara Membuat Headline News Recent Post Blog 9out of 10 based on 10 ratings. 9 user reviews.

Cara Menyimpan Java Script di Google

milik google yang memberikan jasa hosting atau penyimpanan data di internet dengan gratis. Kita dapat menyimpan Java script disana.baik lah kali ini saya akan memberitahu bagaiman cara menyimpan JS tersebut pada goole :

1. Untuk dapat menggunakan google code, kamu harus mempunyai account di google dulu.
2. Buka website Google Code
3. Klik "New Project".
4. Lalu isilah form yang kosong untuk membuat account baru, jika sudah klik "Creating Project"
5. lalu anda akan masuk ke halaman google code yang baru saja kita buat. Untuk mengupload file java script, silakan menuju ke menu Download.
6. Lalu klik "New Download".
7. Isi form Nama file java script yang akan kita upload. Browse file java script-nya.
Apabila selesai, klik "Submit File".
8. File Java Script telah selesai di upload. Untuk mendapatkan alamat url java script klik saja pada nama file.
9. Lalu, akan terbuka halaman seperti berikut, dan klik kanan pada file lalu pilih Copy link address/Location.
10. Terakhir. Simpan kodenya dengan format:
<script src='ALAMAT LINK FILE JS ' type='text/javascript'/>
 
Selamt mencoba semoga bermanfat sob....................
Cara Menyimpan Java Script di Google 9out of 10 based on 10 ratings. 9 user reviews.

Rabu, 29 Juni 2011

Car membuat gambar melayang Di pojok kiri blog

ok cara ini akan lebih simple dari cara sebelumnya karena di sini kita hanya menambahkan js tanpa harus edit HTML blog kita.ok langsung aja sob

1. Losgin Dashbord
2. Pilih HTML / JAVASCRIPT 
3. Masukan kode script ini di dalam nya


<script language="JavaScript" src="http://pojok-bawah-kiri.googlecode.com/files/pojok%20kiri%20bawah.js" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("http://blogdimash.xtgem.com/bisonphase1.gif")</script>

4. Simpan Template dan selesai selamat mencoba....................



Car membuat gambar melayang Di pojok kiri blog 9out of 10 based on 10 ratings. 9 user reviews.

Effect rooming window v3

untuk cintoh anda bisa lihat dini ok jika anda tertarik ikuti caranya di bawah ini :

1. Login Dashbord
2. Pilih HTML  / JAVASCRIPT
3. Masukan kode ini di dalam nya

<script>
    //Edited
    window.scrollBy(0, 1)
    window.resizeTo(0,0)
    window.moveTo(0,0)
    //setInterval("move()",30);
    setTimeout("move()", 1);
    var mxm=50
    var mym=25
    var mx=0
    var my=0
    var sv=50
    var status=1
    var szx=0
    var szy=0
    var c=255
    var n=0
    var sm=30
    var cycle=2
    var done=2
    function move()
    {
    if (status == 1)
    {
    mxm=mxm/1.05
    mym=mym/1.05
    mx=mx+mxm
    my=my-mym
    mxm=mxm+(400-mx)/100
    mym=mym-(300-my)/100
    window.moveTo(mx,my)
    rmxm=Math.round(mxm/10)
    rmym=Math.round(mym/10)
    if (rmxm == 0)
    {
    if (rmym == 0)
    {
    status=2
    }
    }
    }
    if (status == 2)
    {
    sv=sv/1.1
    scrratio=1+1/3
    mx=mx-sv*scrratio/2
    my=my-sv/2
    szx=szx+sv*scrratio
    szy=szy+sv
    window.moveTo(mx,my)
    window.resizeTo(szx,szy)
    if (sv < 0.1)
    {
    status=3
    }
    }
    if (status == 3)
    {
    c=c-16
    if (c<0)
    {status=8}
    }
    if (status == 4)
    {
    c=c+16
    if (c > 239)
    {status=5}
    }
    if (status == 5)
    {
    c=c-16
    if (c < 0)
    {
    status=6
    cycle=cycle-1
    if (cycle > 0)
    {
    if (done == 1)
    {status=7}
    else
    {status=4}
    }
    }
    }
    if (status == 6)
    {
    cycle=2
    status=4
    done=1
    }
    if (status == 7)
    {
    c=c+4
    if (c > 128)
    {status=8}
    }
    if (status == 8)
    {
    window.moveTo(0,0)
    sx=screen.availWidth
    sy=screen.availHeight
    window.resizeTo(sx,sy)
    status=9
    }
    var timer=setTimeout("move()",0.3)
    }
    </script>

Selesai selamat mencoba...............
Effect rooming window v3 9out of 10 based on 10 ratings. 9 user reviews.

Jumat, 17 Juni 2011

Cara Membuat Recent Post dengan Thumbnails untuk Blogger

Cara membuatnya adalah sebagai berikut.
1.Login Pada blogger.
2.Klik Layout pada Dashboard anda.
3.Klik Add a Gadget lalu pilih HTML/Javascript.
4.Masukkan kode script dibawah ini dan Save.
Letakkan widget ini pada sidebar yang ada inginkan, terserah anda.

<script language="JavaScript">imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 298;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#000000";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 5;
home_page = "http://red3vil-6666.blogspot.com/";
</script>
<script src="http://blogdimash.xtgem.com/recentposts_thumbnail.js" type="text/javascript"></script>
Cara Membuat Recent Post dengan Thumbnails untuk Blogger 9out of 10 based on 10 ratings. 9 user reviews.
 

Dafatr Isi

Label Blog

japarus
Template | copyright@2011 | Design by : DiM4sHDiM4sH