Membuat Gambar Bergerak di Footer Blog dengan Efek Marquee

Halo teman-teman, sebelumnya kami mohon maaf nih karena udah lama gak posting tips n trik blog untuk teman-teman coz dengan adanya berbagai kesibukan, baik dikampus dan disekolah, membuat kami tidak sempat memposting artikel ataupun tips-trik yang baru buat teman-teman......
Tapi, alhamdulillah, kali ini kami dapat kembali sharing tips-trik blog untuk teman-teman sekalian. Adapun yang akan kami sharekan dengan teman-teman adalah trik membuat image/gambar bergerak dari kiri ke kanan ataupun sebaliknya pada bagian footer blog kalian.
Ok, tanpa basa-basi lagi, yuk kita pasang widget keren ini, let's check it out!!


1.  Langkah pertama adalah Login ke Akun Blogger kalian dulu pastinya.
2.  Pilih Rancangan
3.  Pilih Elemen Laman
4.  Pilih Tambah Gadget ( pastikan pilih menu Tambah Gadget pada bagian footer blog kalian (bagian bawah layout blog), karena kalo kalian pasang bagian header atau sidebar, maka gambarnya juga akan muncul dibagian tersebut.
5.  Pilih HTML/Javascript
6.  Pada Bagian Konten, silahkan pastekan code berikut:


<marquee scrollamount="3" direction="right" style="position: fixed; bottom: 25px;"><img src="http://www.deviantart.com/download/244397208/running_suicune_by_shayminonearth-d41ia3c.gif" border="0" alt="tigerwalk" /></marquee>

Note:
Gambar yang saya gunakan pada cod tsb adalah gambar pokemon suicune yang sedang lari, apabila kalian ingin mengganti gambar tsb dengan gambar lain, kalian cukup ganti alamat gambar tesebut (tulisan yang berwarna merah) dengan alamat gambar yang akan kalian gunakan.

Untuk mengganti arah gerakan dari kiri ke kanan, ubah tulisan right (tulisan yang warna biru) menjadi left.

7.  Simpan dan lihat hasilnya....

SELAMAT MENCOBA YAAAA....

Baca selanjutnya - Membuat Gambar Bergerak di Footer Blog dengan Efek Marquee

Membuat Screen Saver Blog

       Hello friends, this time i want to tell you how to make a screen saver in your blog, which it will make your blog more interesting and so cool...
    
       But, before you do that, you should download the code from the link below:

http://www.ziddu.com/download/12560620/screensavereffect.txt.html

then, open text file and copy all of text code which contained in it.

OK,,here's the steps to make a screen saver in your blog:

1. Login to your blog

2. In your dasbor, choose design to enter design page

3. Choose edit html section

4. Search this tag ""

5. After you find it, just paste the code above the tag, and then save it..

notes:
on the time section in the text, change "100" to "50"
on the credits section, change "0" to "1"

Baca selanjutnya - Membuat Screen Saver Blog

Blogroll with Marquee Effect

Hello friends, this time we will explain how to create a blogroll with marquee effect, in which this effect is in the blog link your blogroll will move from bottom to top or vice versa .... Of course with this blogroll also the look of your blog will be more cool ...
Ok, without further ado, we shall immediately explain the steps ...
 
1. Login to your Blogger 

2. On the dashboard, select the design

3. Choose a Page Element 

4. Select "add gadget", and select HTML / JAVASCRIPT 

5. Download the script code on the link below:

http://www.ziddu.com/download/12549552/marqueeblogroll.txt.html

6. Once downloaded open the file and copy into the content box on your gadget 

7. There are several sections in the code that you can change, namely: 
Direction = up or down 
Width = specify the width as you like (preferably "150") 
Height = specify the height as you like (preferably "180")
Scrollamount = specify the level of movement speed links (the bigger the number, the faster the movement, and vice versa) 

8. Change address http://mjietutorial.blogspot.com into the address / URL of your blog 

9. Change name mjie become a link / your friends concerned 

10. Save and View Results
 
Maybe it's just that once we can explain, thank you and good luck ...^^

Baca selanjutnya - Blogroll with Marquee Effect

Membuat Cursor Trailer

Langsung saja seperti biasa Anda harus login ke blog dan menuju ke Edit HTML sebelumnya back-up terlebih dahulu template anda.
Lalu masukkan kode berikut tepat di bawah tag

<style type="text/css">
/* Circle Text Styles */
#outerCircleText {
/* Optional - DO NOT SET FONT-SIZE HERE, SET IT IN THE SCRIPT */
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial;
color: #000;
/* End Optional */

Baca selanjutnya - Membuat Cursor Trailer