Membuat Gambar Berjalan Di Blog

Seperti apa sih yang dimaksud dengan Membuat Gambar Berjalan Di Blog itu? Kayaknya tidak perlu saya jelaskan panjang lebar, silahkan saja lihat contohnya di bawah ini:
Gimana..?sudah paham kan dengan apa yang dimaksud Membuat Gambar Berjalan Di Blog tersebut?

OK, kalau sudah paham sekarang mulai bahas Cara Membuat Gambar Berjalan. Cara Membuat Gambar Berjalan pada sidebar atau postingan dalam Blog sangatlah mudah cukup
sign in pada account blogger kalian>>> pada dasbor>>> Rancangan>>> Tambah Gadget>>> HTML/JavaScript

Kakashi Walk To Left

Naruto Walk To Left

Sasuke Walk To Left

Bleach Run

Babi Gak Jelas

Cara Membuat Efek Meteor Blog

Ok, langsung aja yuk kita simak cara membuat dan memasang efek meteor jatuh :
1. Log in ke Blogger
2. Klik Rancangan
3. Tambah Gadget
4. HTML/Javascript
5. Copy kode di bawah ini dan masukkan ke dalam konten.

<script language="javascript">
nd_mode="meteor";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_top";
</script>
<script language="javascript" src="http://cayunkatel.googlecode.com/files/meteorjaruh.js">
</script>

Cara Membuat Menu Omni Melayang di Blog

Waktu saya berjalan-jalan di www.sakahayang.com gak sengaja nemuin artikel bagus , yaitu Cara Membuat Menu Omni Melayang di Blog , dimana script ini akan membuat menu seperti melayang atau floating di blog ..
berikut screen shot nya

Dan berikut caranya :

1. Login pada blog sobat

2. Rancangan

3. Tambah Gadget

4. Html / Javascript

5. Copy kode di bawah ini dan pasang di blog sobat


<style type="text/css">
#menu1 a {color:#000000;background-color:#FFFFFF;text-decoration:none;text-indent:1ex;}
#menu1 a:active {color:#000000;text-decoration:none;}
#menu1 a:hover {color:#000000;background-color:#FFFF99}
#menu1 a:visited {color:#000000;text-decoration:none;}
</style>

<script src="http://sakahayangdotcom.googlecode.com/files/mmenu.js" type="text/javascript"></script>

<script type="text/javascript">
resizereinit=true;
nama_menu = "SAKAHAYANG MENU";
hdingbgcolor = "#6666CC"; //warna bground nama_menu
hdingcolor = "#FFFFFF"; //warna text nama_menu
barbgcolor = "#CC0000"; //warna bground bar
barcolor = "#FFFFFF"; //warna text

menu[1] = {
id:'menu1',
fontsize:'100%',
linkheight:22,
hdingwidth:210,

menuItems:[ // REQUIRED!!

["Menu1"], //Judul kelompok Menu1

["Item1", "URL1", ""],

["Item2", "URL2",""],

["Item3", "URL3", ""],

["Item4", "URL4", "_new"],

["Menu2", "", ""], //Judul kelompok Menu2

["Item1", "URL1", ""],

["Item2", "URL2",""],

["Item3", "URL3", "", 1, "no"],

["Item4", "URL4", "", 1]

]}; // Jangan dihapus

make_menus();
</script>

Bagian terakhir adalah bagian pengaturan parameter.

Warna sesuaikan dengan template sobat biar matching. Judul kelompok menu Tulis ["judul kelompok"], atau ["judul kelompok","",""], jangan lupa setiap satu item atau setelah kurung siku penutup beri tanda koma.
Untuk setiap item menu, penulisan parameter pertama nama item yang akan ditampilkan, dilanjutkan URL nya. Semua parameter harus didalam tanda kutip, boleh kutip tunggal atau kutip ganda.
Bila URL target akan dibuka di halaman (tab) baru pada browser maka parameter ketiga disetting "_new",
Bila pada satu bar akan diisi dua item maka settingannya pada parameter ke-4 diisi angka 1 dan parameter ke-5 diisi "no". Item ini akan ditampilkan disebelah kiri pada bar tersebut. Untuk item disebelah kanannya cukup dengan parameter ke-4 saja diisi angka 1.
Untuk item menu yang terakhir setelah tanda kurung siku penutup jangan diberi tanda koma.

Pasang Kupu-Kupu Dan Kelelawar Terbang di Blog

Jika kita melihat tampilan blog yang di dalam nya terdapat Kupu-kupu dan kelelawar sepertinya terlihat natural kita serasa di taman bunga saja,, blog seperti rumah kita sendiri yang harus di hias dan di buat semenarik mungkin agar jika tamu datang mereka akan merasa betah dan senang untuk berkunjung lagi..
Sebagai contoh lihatlah Kupu-Kupu terbang di blog ini

Oke... langsung aja ke pokok permasalahan...
disini terdapat 2 script kode yaitu script kode Kupu-kupu Terbang dan script kode Kelelawar terbang,,
Pilih salah satu script kode dibawah ini

Script kode Untuk Kelelawar Terbang :

Script kode Untuk Kupu - Kupu Terbang :

Langkah - langkahnya :
1.Masuk Ke Akun Blogger Anda
2.Klik Tata letak atau Rancangan
3.Lalu Klik Tambah Gadget
4.Pilih HTML/JavaScript
5.Copy paste script kode diatas didalam HTML/JavaScript
6.Klik Simpan

Cara Buat Drop Down Messages Di Blog

>>> pada dasbor>>> Rancangan>>> Elemen Laman>>> Tambah Gadget>>> HTML/JavaScript

Contoh Demo

Copy semua code di bawah ini dengan menekan CTRL C

<table border="0" cellpadding="0" cellspacing="0"><tbody>
<tr> <td width="100%"><form name="ddmessage">
<table border="0" cellpadding="0" cellspacing="0"><tbody>
<tr> <td width="100%"><select name="selectbox" onchange="changecontent(this)" size="1"> <option selected="selected" value="Judul tulisan 1">Judul tulisan 1</option> <option value="Judul tulisan 2">Judul tulisan 2</option> <option value="Judul tulisan 3">Judul tulisan 3</option> </select>

</td> </tr>
<tr> <td width="100%"><textarea cols="35" name="contentbox" rows="8" wrap="virtual"></textarea>

<script type="text/javascript">
document.write(unescape('%3C%73%70%61%6E%20%73%74%79%6C%65%3D%22%66%6F%6E%74%2D%66%61%6D%69%6C%79%3A%20%61%72%69%61%6C%3B%22%3E%4B%61%6D%75%20%6D%61%75%20%70%61%73%61%6E%67%20%77%69%64%67%65%74%20%73%65%70%65%72%74%69%20%69%6E%69%2C%3C%61%20%68%72%65%66%3D%22%68%74%74%70%3A%2F%2F%6A%6F%65%73%65%74%61%70%61%72%74%2E%62%6C%6F%67%73%70%6F%74%2E%63%6F%6D%2F%32%30%31%31%2F%30%36%2F%64%72%6F%70%2D%64%6F%77%6E%2D%6D%65%73%73%61%67%65%73%2E%68%74%6D%6C%22%20%74%61%72%67%65%74%3D%22%5F%62%6C%61%6E%6B%22%3E%43%6C%69%63%6B%20%44%69%73%69%6E%69%3C%2F%61%3E%3C%2F%73%70%61%6E%3E'));
</script></td> </tr>
</tbody></table>
</form>
</td> </tr>
</tbody></table>

<script language="JavaScript">

//change contents of message box, where the first one corresponds with the first drop down box, second with second box etc
var thecontents=new Array()

thecontents[1]='Isi dari tulisan 1'

thecontents[2]='Isi dari tulisan 2'

thecontents[3]='Isi dari tulisan 3'

//don't edit pass this line

function changecontent(which){
document.ddmessage.contentbox.value=thecontents[which.selectedIndex]
}

document.ddmessage.contentbox.value=thecontents[document.ddmessage.selectbox.selectedIndex]
</script>

cara ganti Background Blog dengan gambar bergerak / GIF

Posted in Labels: Blog Code, Tutorial | Sunday, November 27, 2011 [ 1:07 AM ]

Browse » Home » Blog Code , Tutorial » Cara Membuat Background Bergerak di Blog

Info unik kali ini mengenai salah satu trik membuat gambar background blog menjadi dinamis. Trik ini menggunakan JQuery sederhana yang dikhususkan untuk membuat gambar background menjadi bergerak (Scrolling Background). Script ini membuat gambar background blog bergerak secara vertikal dari arah bawah ke arah atas. Buat sobat blogger yang ingin mencobanya silakan disimak trik membuat scrolling background berikut ini.

>> Preview Cara Membuat Background Bergerak di Blog <<

Cara Pemasangan

Login » blogger.
Rancangan » Edit HTML.
Apabila anda belum menggunakan kode JQuery silakan anda pasang kode JQuery dibawah ini tepat di atas Kode </Head>.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2' type='text/javascript'></script>

Copy-Paste kode di bawah ini tepat di atas Kode </Head>.

<script type='text/javascript'>
//<![CDATA[
$(function(){
// ***
// Scrolling background
// ***
// height of background image in pixels
var backgroundheight = 4000;

// get the current minute/hour of the day
var now = new Date();
var hour = now.getHours();
var minute = now.getMinutes();

// work out how far through the day we are as a percentage - e.g. 6pm = 75%
var hourpercent = hour / 24 * 100;
var minutepercent = minute / 30 / 24 * 100;
var percentofday = Math.round(hourpercent + minutepercent);

// calculate which pixel row to start graphic from based on how far through the day we are
var offset = backgroundheight / 100 * percentofday;

// graphic starts at approx 6am, so adjust offset by 1/4
var offset = offset - (backgroundheight / 1);

function scrollbackground() {
// decrease the offset by 1, or if its less than 1 increase it by the background height minus 1
offset = (offset < 1) ? offset + (backgroundheight - 1) : offset - 1;
// apply the background position
$('body').css("background-position", "50% " + offset + "px");
// call self to continue animation
setTimeout(function() {
scrollbackground();
}, 70
);
}
// Start the animation
scrollbackground();
});

//]]>
</script>

Copy-Paste Kode CSS di bawah ini tepat di atas Kode </Head> untuk memasang gambar background. Anda dapat mengganti gambar background sesuai dengan yang anda inginkan dengan merubah alamat hosting gambar pada Kode CSS di bawah dengan alamat hosting gambar yang anda pilih.

<style>
body {
background: black url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7zOnw7IcXELf_pmzvblXDHbQH-8Tth_-BkcRJuQC3eJPgvr4RFE12yIEbRfKsb4prWpapi9H8TBd-ZsOZX9kPHCUWS6Vr-vGb0VLmQ0QfMcydyHTjh8KHxCTZElPR_feFk1vB3BjfVxWF/s800/bg.gif) repeat center; background-attachment: fixed;
}
</style>

Keterangan :
- repeat // Pengulangan gambar arah x dan y.
- repeat-x // Pengulangan gambar hanya arah horizontal.
- repeat-y // Pengulangan gambar hanya arah vertikal.
- http://3.bp.blogspot.com/-tS5lZKl3Qag/TtjQUfMzi2I/AAAAAAAAAkA/QZc2FwvhW4o/s200/bg.gif // URL Link gambar.

- center // Lokasi gambar berada di tengah layar.
- Left // Lokasi gambar berada di kiri gambar.
- Right // Lokasi gambar berada di kanan gambar.

Membuat Background Animasi di Blog Berganti Setiap hari Hari

Lho..emang bisa ???, Bisa donk,Bagi yang penasaran dan masih bingung coba sobat perhatikan gambar latar belakang blog saya ini, secara otomatis gambar latar belakang blog saya ini akan berganti setiap hari ( tepatnya setiap jam 12 malam, saat pergantian hari ). Jika anda lakukan secara manual pasti akan sangat melelahkan, untuk itu saya akan berikan script khusus untuk merubah gambar background blog berdasarkan hari secara otomatis.Oh..ya,,script ini saya dapatkan di blog salah satu teman blogger,tentunya dengan sedikit modifikasi agar bisa menggunakan gambar animasi.
Membuat Background Animasi di Blog Berganti Setiap hari Hari
Cara pemasangannya seperti biasa anda harus:
• Login ke blog sobat.
• Klik "Design" kemudian klik "Edit HTML".
• Lalu cari kode </Head> kemudian copy-paste kode dibawah ini tepat diatas kode </Head>.
<script type='text/javascript'>
today = new Date();
day = today.getDay();
sunday = " url gambar anda";
monday = " url gambar anda ";
tuesday = " url gambar anda ";
wednesday = " url gambar anda ";
friday = " url gambar anda ";
thursday = " url gambar anda ";
saturday = " url gambar anda ";
arday = new Array(sunday, monday, tuesday, wednesday, thursday, friday, saturday);
document.write("<style>body{background: url(" + arday[day] + "); background-repeat: repeat; background-attachment:fixed;}</style>");
</script>

Catatan:
Ganti tulisan " url gambar anda " dengan URL link gambar yang akan anda gunakan sebagai background blog anda..
Atau bisa juga anda gunakan gambar disini
•Klik "Save" dan lihat hasilnya...
Selamat Mencoba

Kumpulan Background Blog Animasi

Untuk menunjang postingan saya beberapa waktu yang lalu tentang “ Membuat Background Animasi di Blog Berganti Setiap hari Hari “,kali ini saya akan mengupload beberapa background animasi yang dapat anda gunakan sebagai latar belakang blog anda.

Background ini saya dapatkan dari berbagai sumber
Bagi sobat2 yang kesulitan mencari background animasi untuk blog saya persilahkan cekidot disini aja.

Berikut ini screenshotnya

Kumpulan Background Blog Animasi

CARA MEMBUAT BUKU TAMU

Tidak berpanjang kata lagi, saya langsung akan jelaskan pada anda Cara Membuat Buku Tamu di Blog. Tapi maaf ya. Ini Tutorial Blog ini khusus bagi blogger pemula. Bagi yang sudah ahli mohon saran dan kritiknya saja, siapa tahu ada kesalahan. Mari ikuti caranya step by step :

Proses Pembuatan Account

1. Buka web untuk membuat Buku Tamu di http://www.cbox.ws
2. Klik Get your own free Cbox now!

3. Isi Form pendaftaran dengan lengkap mulai dari Cbox Name, Email address, Password, alamat website, dan bahasa

4. Masih di form pendaftaran anda bisa menentukan gaya Buka Tamu anda dengan memilih Style

5. Jika sudah selesai diisi semua dengan lengkap klik tombol Create My Cbox dan sukses anda telah membuat Buku Tamu.

Login dan Setting Buku Tamu

1. Login ke member area cbox anda

2. Klik Look & Feel > Layout Options untuk Mengatur lebar ( Width ) dan Tinggi ( height ) Buku Tamu. Sesuaikan dengan ukuran side bar blog anda. Anda juga bisa mengatur apakah pesan terbaru akan ditampilkan paling atas atau di bawah dengan memilih In Order

3. Klik Look & Feel > Colours & Fonts. Anda bisa menentukan warna, bentuk huruf dan lain-lain. Silahkan setting sesuai dengan selera anda. Jangan lupa klik Save

4. Jika sudah selesai semua setting anda, jangan lupa klik tombol Apply

Cara mengambil kode HTML buku tamu dan memasukkan ke side bar blog

1. Masih di member area Cbox klik Publish! Lalu klik tombol Copy to clipboard

2. Login ke blogger.com dan klik Rancangan/Design

3. Klik Tambah gadget

4. Di window yang muncul klik HTML/Java Script

5. Paste kode Buku Tamu yang telah dicopy tadi ke kolom yang tersedia seperti di bawah ini

Beres. Silahkan buka blog anda dengan buku tamu yang baru anda buat.

Semoga manfaat ya.

Langkah-langkah pasang jam di blogger sebagai berikut:

1. Klik alamat http://www.clocklink.com/
2. Kemudian pilih tab Gallery atau klik aja disini http://www.clocklink.com/gallery.php
3. Pilih Gallery sesuai selera atau tema blog, misalnya sobat memilih animal lalu klik link "animal" tersebut
4. Pilih gambar yang ingin sobat gunakan, lalu klik "view html" dibawah gambar jam.
5. Kemudian akan keluar halaman box lisensi dari layanan ClockLink, pilih aja tombol "Accept"
6. Pada halamat box selanjutnya kalian dapat memilih salah satu code, sebaiknya pilih kode yang atas.
7. Copy atau Simpan kode yang telah dipilih untuk sementara waktu
8. Lalu kembali masuk kehalaman blogger, pilih Elemen halaman -> Tambahkan sebuah Elemen Halaman -> pilih HTML/JavaScript -> lalu Copy/Paste code tersebut, dan jangan lupa disimpan
9. Selesai :) dan lihat hasilnya.

CARA MEMASANG RADIO

1. Login ke Blogger

2. Masuk ke Tata Letak ==> Element halaman

3. Tambah Gedget ==> HTML/JavaScript

4. Copy code berikut dan pastekan kedalamnya


<embed flashvars="type=mp3&file=http://radioidws.indowebster.com:8000/;stream.nsv&backcolor="ffffff" allowfullscreen=" false="" quality="high" name="streambaby" id="streambaby" style="" src="http://www.indowebster.com/templates/swf/player.swf" type="application/x-shockwave-flash" height="20? width="></embed>
<div style="text-align: right;"><a href="http://zykry-trick.blogspot.com/2010/04/simple-idws-radio-untuk-blog.html">Make your own</a>


5. Simpan dan Lihat Hasilnya
Untuk memasang sebuah kalender sangatlah mudah,anda bisa memanfaatkan berbagai situs penyedia kalender gratisan di Internet, tentunya dengan berbagai keunggulan yang dimilikinya, kalau anda bingung memilihnya saya berikan contoh saja yaitu, http://www.free-blog-content.com/. Coba kunjungi situs tersebut,dan pilih kalender yang sesuai untuk anda.

Atau anda ingin kalender dengan Nuansa Hijriah,silahkan kunjungi situs ini: http://hijriah.jentayu.com/ dan untuk mendapatkan kodenya silahkan tekan tombol yang bertuliskan Dapatkan Skrip Tarikh Hijriah disini,gambarnya seperti ini:

Read more: http://www.untukku.com/tutorial-untukku/pasang-kalender-di-blog-untukku.html#ixzz1vC8hjsnw

MP3 PLAYER

SejutaLagu MP3 Player

Laman

membuat blog menarik