Trick n Tips Blogger | Widget Blogger | Template Blogger

Cara membuat Tulisan dan gambar Berjalan Di Blog

by Irsyad Aslam , at 1/11/2013 , has 56 komentar
Tulisan Berjalan di Blog sebuah gadget yang di buat untuk memperindah blog. dan untuk menarik pengunjung. untuk membuat tulisan berjalan ada beberapa tahap yang harus anda ikuti. Berikut contoh dan cara untuk membuat tulisan berjalan:


  • Silahkan Masuk ke blogger anda.
  • Klik Menu Tata Letak, Klik Tombol Add Gadget HTML untuk menambahkan gadget baru.
  • Paste Kode Dibawah.
  • Klik Tombol Simpan.
Berikut Script kodenya:


Tulisan Bergerak Bergerak kekanan (Ganti dengan Teks Anda)
Untuk Tulisan Bergerak Ke Kanan Berikut Scricpt Kodenya:
<marquee direction="right"><span style="color: rgb(255, 0, 0); font-weight: bold;">Tulisan Bergerak Bergerak kekanan (Ganti dengan Teks Anda)</span></marquee>


Tulisan Bergerak Ke Kanan dan Kekiri (Ganti dengan Teks anda)

Untuk Tulisan Bergerak Ke Kanan Dan Kekiri Berikut Scricpt Kodenya:
<marquee direction="left" behavior="alternate"><span style="color:red; font-weight: bold;">Tulisan Bergerak Ke Kanan dan Kekiri (Ganti dengan Teks anda)</span></marquee>


Tulisan Bergerak kekanan Perlahan (Ganti dengan teks anda) Untuk Tulisan Bergerak Ke Kanan Perlahan Berikut Scricpt Kodenya:

<marquee direction="right" scrolldelay="500"><span style="color:red; font-weight: bold;">Tulisan Bergerak kekanan Perlahan (Ganti Dengan Teks Anda)</span></marquee>

Tulisan Bergerak Ke Kanan dan Kekiri Dan Bisa Di stop (Ganti dengan Teks Anda)
Untuk Tulisan Bergerak Ke Kanan dan Kekiri Bisa di stop Berikut Scricpt Kodenya:

<marquee direction="left" behavior="alternate" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()" width="95%"><span style="color:red; font-weight: bold;">Tulisan Bergerak Ke Kanan dan Kekiri Dan Bisa Di stop (Ganti dengan Teks Anda)</span></marquee>

Tulisan Bergerak Ke Atas(Ganti dengan Teks anda)
Untuk Tulisan Bergerak Ke Atas Berikut Scricpt Kodenya:
<marquee align="center" direction="up" height="100" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" width="95%"><span style="color: red; font-weight: bold;">Tulisan Bergerak Ke Atas(Ganti dengan Teks anda)</span></marquee>

Tulisan Bergerak Ke Atas dan Ke bawah(Ganti dengan Teks Anda)
Untuk Tulisan Bergerak Ke Atas Berikut Scricpt Kodenya:
<marquee align="center" direction="up" behavior="alternate" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()" height="100" width="95%"><span style="color:red; font-weight: bold;">Tulisan Bergerak Ke Atas dan Ke bawah(Ganti dengan Teks Anda)</span></marquee>

Keterangan:

Ganti Kode berwarna Merah dengan Teks yang anda mau, Ganti kode berwarna Biru dengan warna yang anda Mau (Pilihan warna Ada Dibawah).

  • Merah= red
  • Biru= blue
  • Kuning= yellow
  • Putih= white
  • Hitam= black
Bisa Diganti dengan kode warna
  • <span style="color:red; font-weight: bold;"> menjadi <span style="color:#f00; font-weight: bold;">
  • Ini Kode warnanya:
  • Merah= #f00;
  • Biru= #00f;
  • Hijau= #0f0;
  • Ungu= #f0f;
  • Dan masih banyak lagi.
Untuk itu silahkan di coba-coba kode warna yang lain.


Untuk Gambar yang bisa berjalan Ke Kiri berikut Scriptnya:
<marquee direction="right"> <img src="http://3.bp.blogspot.com/-DS1grN00YHQ/UPA2Y5pH4xI/AAAAAAAABLg/v4DDSeZV5Ms/s1600/Blog.jpg" /></marquee>


Gambar Diatas Merupakan Contoh Gambar Berjalan.



Selamat Mencoba,
Salam Sukses.


Your-BelajarBLOG
Irsyad Aslam
About
Cara membuat Tulisan dan gambar Berjalan Di Blog - written by Irsyad Aslam , published at 1/11/2013, categorized as Trik Blogger . And has 56 komentar
56 komentar Add a comment
kren boss, saya coba praktekkan buat blog saya ya, terimakasih
Iyah Makasih,
Silahkan Saja di coba.
Sama-Sama,

Happy Blogging :^D^:.

Salam Sukses,
Your-BelajarBLOG
Delete
Reply Delete
thanks for sharing. sudah saya praktekkan dalam postingan saya..
:)
Iyah Makasih.. :^D^:,
Salam Sukses,

Your-BelajarBLOG
Delete
Reply Delete
Wah mantap artikel blognya..terima kasih gan atas sharingnya kebetulan sekali apa yang saya cari ada disini. Sukses!
Iyah,
Sama-Sama,
Semoga Bermanfaat.
Sukses Juga Buat Blognya :^D^:..

Salam Sukses,
Your-BelajarBLOG
Delete
Reply Delete
wah akhirnya ketemu juga ini cara.
langsung di coba di thephatar.blogspot.com
maksih infonya,salam kenal...
Iyah,
Iyah Sama-Sama Gan,

Salam Kenal Juga :^D^:.
Delete
Reply Delete
thanks info'x gan, bermanfaat sekali bagi saya ..
Iyah Sama-Sama,

Salam Sukses,
Your-BelajarBLOG
Delete
Reply Delete
Mas Gimana Kalo Gambar Berjalannya lebih dari 3 / 4 gambar.. tlg Infonya ya.....
Tambahkan Saja Kode [code]< img src= " URL Gambar Anda " />[/code] disamping kode [code]< img src= " http://3.bp.blogspot.com/-DS1grN00YHQ/UPA2Y5pH4xI/AAAAAAAABLg/v4DDSeZV5Ms/s1600/Blog.jpg " />[/code]

Selamat Mencoba
Delete
Reply Delete
KUNJUNGI JUGA
http://pelangiponsel05.blogspot.com/
Reply Delete
makasih atas informasinya yang banyak membantu say,visit my website juga ea http://www.furniturejatitua.com
Iyah.

Salam Sukses Untuk Online Storenya,
Your-BelajarBLOG
Delete
Reply Delete
gan,,kalo ngubah size Font nya gimana?

sblmnya mksh bgt..

mampir juga gan,,newbie..
www.zayngotnews.blogspot.com
Kalo Untuk Mengubah Ukuran Fontnya,
Tambahkah Kode font-size:ukuran font; pada kode style="...."

Selamat Mencoba,
Your-BelajarBLOG
Delete
Reply Delete
Thank Sob Keren , ijin makai di tempat Ane Sob...
Reply Delete
Pengetahuan yang sangat bermanfaat untuk saya sebagai blogger pemula. Trims ilmunya dansemoga ilmunya terus berkembang dan bermanfaat selalu untuk orang banyak. Kalau sempat bisa mampir ke blog saya untuk beri masukan :)
Ok Makasih Pak,
Amin..
Ok Sip ntar dikunjungi balik..
Delete
Reply Delete
numpang lewat aja mas,
hehe
Reply Delete
apa lagi ditambah dengan Adsense wow
jasaadsensepalingmurah.blogspot.com
Reply Delete
Mas,, Kan saya masukin k sebuah web instansi negara, tp kok ngga bisa ya. Malah nya ilang terus klo saya post. Itu gmana ya ? Jd tulisannya ngga bergerak.
< marquee > nya yg ilang
Delete
Reply Delete
Coba masukinnya ke type HTML,
Apakah bisa atau tidak?,

Salam Sukses,


Your-BelajarBLOG
Reply Delete
kreeeennn......
numpang sere gan...
Reply Delete
Gan tambahkan Gadget nya yg diatas atau yg dibawah ???
Sesuka agan mau naruh dimana.
dan tempat menyimpannya sesuai lebar dari widgetnya.

Selamat Mencoba,
Salam Sukses,


Your-BelajarBLOG
Delete
Reply Delete
makasih yah ^^
visit back ameikyeungyi.blogspot.com
saya jual jersey juga loh :)
Reply Delete
thanks mas. akhirnya bisa juga buat banner slide pake cara ini
http://d3putri.blogspot.com/
:)
Reply Delete
follow back donk gan ..
http://goosiibarbarianzz.blogspot.com/
Reply Delete
bos gimana masukan gambarnya .....tanks
Ambil Terlebih dahulu url gambar yang diinginkan, lalu ganti tulisan yang berwarna merah dengan URL Gambar anda.


Selamat Mencoba,
Salam Sukses,



Your-BelajarBLOG
Delete
Reply Delete
memang lebih simpel marque ktimbang jquery hehe bener ga mas? :D
Reply Delete
Bos cara menampilkan gambar melayang gimana?
Bisa pakai kode berikut:


<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'>
</script><br />
<script type='text/javascript'>
$(document).ready(function() {
$('img#closed').click(function(){
$('#btm_banner').hide(90);
});
});
</script>
<style type='text/css'>
div#btm_banner {
bottom: 0;
position: fixed;
width: 100%;
opacity: 0.9;
left: 0;
}
div#btm_banner img{
border:0;
cursor:pointer;
}
</style>
<div style='height: 0px;'></div>
<div align='center' id='btm_banner' style='height: 90px; z-index: 9999;'>
<div style='text-align: right; width: 728px; height: 6px;'>
<img id='closed' src='http://1.bp.blogspot.com/-XvA7La2fWQU/T8aIU5kxRnI/AAAAAAAAAJA/uw2dWruT2Yg/s1600/close-icon.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>

Masukan script Gambar anda di sini

</center></p>
</p>
</div>


Jika kurang jelas bisa ditanyakan kembali,
Semoga Bermanfaat,


Your-BelajarBLOG
Delete
Reply Delete
gan biar gambarnya nyambung terus gmn?
jadi gk kalo udah gambar akhir gambar awalnya ngikut dibelakang
jd gk usah nunggu selesai
Reply Delete
mantap gan, ane newbie lagi coba2 html. thanks gan. kunjung ya ke habibullahaf.blogspot.com
Reply Delete
Sip lahhhhhh ... ijin copas gan .Thanks
Reply Delete
wah wah udah tak coba dan berhasil gan sip .
Reply Delete
terima kasih gan,,info nya

oya gan jalan di blog ane di jasaikla4n.blogspot.com
Reply Delete
thx infonya gan sangat bermanfaast
samroes.blogspot.com
Reply Delete
mantab gan infonya...
http://clinicobatpasutri.blogspot.com/
Reply Delete
Kunjungi Juga : http://thelasting.blogspot.com/
Tanks Gan..!!
Reply Delete
thanks gan info nyaaa ...
di tengok yaa gan blog ane bandaronlinebetting.blogspot.com
Reply Delete

Catatan:

• Dilarang Menaruh Link Aktif
• Dilarang Nyepan/Promosi Di Komentar
• Dilarang Berkata Tidak Sopan
• Untuk Menyisipkan Kode, Gunakan Tag <i rel="code">... KODE ...</i>
• Untuk Menyisipkan Kode Panjang, Gunakan Tag <i rel="pre">... KODE ...</i>
• Untuk Menyisipkan Catatan, Gunakan [catatan].. TEKS ...[/catatan]
• Untuk Menyisipkan Gambar, Gunakan [img]URL GAMBAR[/img]

Sebelum Menyisipkan Kode Harap Konversi Kode Sebelum Menuliskan Di Komentar

Bck
Cancel Reply

Followers

Komentar Terbaru

Copyright ©2013 Your-BelajarBLOG by
Theme designed by Damzaky - Published by Proyek-Template
Powered by Blogger