1/11/2013

Cara membuat Tulisan dan gambar Berjalan Di Blog

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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV2STXzgITiNKxXx4hPdgfyWkYBvCjWrMcCuxlUahrr5zPfvCT5zlYzM7HAUkr9um3OVZIZaT2HHGYYr-n7feTiSad4Y2hwyUYnP2aDJV0VmUv_qfwbBzX5ReYxclOmQ6zmd_8NtzZi18/s1600/Blog.jpg" /></marquee>


Gambar Diatas Merupakan Contoh Gambar Berjalan.



Selamat Mencoba,
Salam Sukses.


Your-BelajarBLOG

76 comments:

  1. kren boss, saya coba praktekkan buat blog saya ya, terimakasih

    ReplyDelete
    Replies
    1. Iyah Makasih,
      Silahkan Saja di coba.
      Sama-Sama,

      Happy Blogging :^D^:.

      Salam Sukses,
      Your-BelajarBLOG

      Delete
  2. thanks for sharing. sudah saya praktekkan dalam postingan saya..
    :)

    ReplyDelete
    Replies
    1. Iyah Makasih.. :^D^:,
      Salam Sukses,

      Your-BelajarBLOG

      Delete
  3. Wah mantap artikel blognya..terima kasih gan atas sharingnya kebetulan sekali apa yang saya cari ada disini. Sukses!

    ReplyDelete
    Replies
    1. Iyah,
      Sama-Sama,
      Semoga Bermanfaat.
      Sukses Juga Buat Blognya :^D^:..

      Salam Sukses,
      Your-BelajarBLOG

      Delete
  4. Iyah,
    Iyah Sama-Sama Gan,

    Salam Kenal Juga :^D^:.

    ReplyDelete
  5. thanks info'x gan, bermanfaat sekali bagi saya ..

    ReplyDelete
  6. Mas Gimana Kalo Gambar Berjalannya lebih dari 3 / 4 gambar.. tlg Infonya ya.....

    ReplyDelete
    Replies
    1. 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
  7. KUNJUNGI JUGA
    http://pelangiponsel05.blogspot.com/

    ReplyDelete
  8. makasih atas informasinya yang banyak membantu say,visit my website juga ea http://www.furniturejatitua.com

    ReplyDelete
    Replies
    1. Iyah.

      Salam Sukses Untuk Online Storenya,
      Your-BelajarBLOG

      Delete
  9. gan,,kalo ngubah size Font nya gimana?

    sblmnya mksh bgt..

    mampir juga gan,,newbie..
    www.zayngotnews.blogspot.com

    ReplyDelete
    Replies
    1. Kalo Untuk Mengubah Ukuran Fontnya,
      Tambahkah Kode font-size:ukuran font; pada kode style="...."

      Selamat Mencoba,
      Your-BelajarBLOG

      Delete
  10. Thank Sob Keren , ijin makai di tempat Ane Sob...

    ReplyDelete
  11. 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 :)

    ReplyDelete
    Replies
    1. Ok Makasih Pak,
      Amin..
      Ok Sip ntar dikunjungi balik..

      Delete
  12. apa lagi ditambah dengan Adsense wow
    jasaadsensepalingmurah.blogspot.com

    ReplyDelete
  13. 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.

    ReplyDelete
  14. Coba masukinnya ke type HTML,
    Apakah bisa atau tidak?,

    Salam Sukses,


    Your-BelajarBLOG

    ReplyDelete
  15. kreeeennn......
    numpang sere gan...

    ReplyDelete
  16. Gan tambahkan Gadget nya yg diatas atau yg dibawah ???

    ReplyDelete
    Replies
    1. Sesuka agan mau naruh dimana.
      dan tempat menyimpannya sesuai lebar dari widgetnya.

      Selamat Mencoba,
      Salam Sukses,


      Your-BelajarBLOG

      Delete
  17. makasih yah ^^
    visit back ameikyeungyi.blogspot.com
    saya jual jersey juga loh :)

    ReplyDelete
  18. thanks mas. akhirnya bisa juga buat banner slide pake cara ini
    http://d3putri.blogspot.com/
    :)

    ReplyDelete
  19. follow back donk gan ..
    http://goosiibarbarianzz.blogspot.com/

    ReplyDelete
  20. bos gimana masukan gambarnya .....tanks

    ReplyDelete
    Replies
    1. Ambil Terlebih dahulu url gambar yang diinginkan, lalu ganti tulisan yang berwarna merah dengan URL Gambar anda.


      Selamat Mencoba,
      Salam Sukses,



      Your-BelajarBLOG

      Delete
  21. memang lebih simpel marque ktimbang jquery hehe bener ga mas? :D

    ReplyDelete
  22. Bos cara menampilkan gambar melayang gimana?

    ReplyDelete
    Replies
    1. 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
  23. gan biar gambarnya nyambung terus gmn?
    jadi gk kalo udah gambar akhir gambar awalnya ngikut dibelakang
    jd gk usah nunggu selesai

    ReplyDelete
  24. mantap gan, ane newbie lagi coba2 html. thanks gan. kunjung ya ke habibullahaf.blogspot.com

    ReplyDelete
  25. Sip lahhhhhh ... ijin copas gan .Thanks

    ReplyDelete
  26. wah wah udah tak coba dan berhasil gan sip .

    ReplyDelete
  27. terima kasih gan,,info nya

    oya gan jalan di blog ane di jasaikla4n.blogspot.com

    ReplyDelete
  28. thx infonya gan sangat bermanfaast
    samroes.blogspot.com

    ReplyDelete
  29. mantab gan infonya...
    http://clinicobatpasutri.blogspot.com/

    ReplyDelete
  30. Kunjungi Juga : http://thelasting.blogspot.com/
    Tanks Gan..!!

    ReplyDelete
  31. thanks gan info nyaaa ...
    di tengok yaa gan blog ane bandaronlinebetting.blogspot.com

    ReplyDelete
  32. GOOD POSTING http://bwservicecenter.blogspot.com/

    ReplyDelete
  33. langsung saya praktekkan di blog
    semoga berhasil

    ReplyDelete
  34. mantap nih tutornya mau ane pake aja hehehe
    http://acemaxs31.com

    ReplyDelete
  35. Terimakasih informasinya :)
    http://bit.ly/1EOZnPi

    ReplyDelete
  36. nyimak gan...,
    http://ajibayustore.blogspot.co.id/

    ReplyDelete
  37. nyimak gan...,
    http://ajibayustore.blogspot.co.id/

    ReplyDelete
  38. Sebenarnya tidak masalah dengan apa yang terjadi, tetapi menurut saya informasi seputar [http://your-belajarblog.blogspot.com/2013/01/cara-membuat-tulisan-dan-gambar.html]
    sangat bermanfaat.


    Domino qq | Dominoqq Online | Agen Bandar Q | BandarQ Online | mejaqq.com

    ReplyDelete
  39. YUK MARI DI ORDER FILM BOKEP NYA (V1DEO P0RN0)NO SENSOR + GAMBAR BERKUALITAS + HARGA MURAH DI JAMIN PUAS
    ADA PR0M0 NYA LHO, KHUSUS UNTUK PEMBELIAN FLASHDISK 32GB - 64GB ISI FULL DAPATKAN BONUS NYA HANYA DISINI

    INFO PEMESANAN:
    BBM : 2B9B 8FE3
    SMS : 0822 4389 1465
    Ma'af TDK Menerima Telpon!
    contak emal. puspitaayuk9@gmal*com

    TERSEDIA PENYIMPANAN DALAM BENTUK:
    _HARDISK,
    _FLASDISK,
    _MEMORI CARD,
    _KASET DVD.

    ReplyDelete
  40. Terima kasih ya kak, jangan lupa kunjungi balik. sewa mobil batu malang

    ReplyDelete
  41. wah jadi nambah ilmu nih makasih gan,,buat artikelnya,,

    ReplyDelete
  42. sip keren kak, makasih informasinya.

    ReplyDelete
  43. This comment has been removed by the author.

    ReplyDelete
    Replies
    1. Terima kasih Sobat
      https://kubahberkualitas.blogspot.com

      Delete
    2. Terima kasih Sobat
      https://kubahberkualitas.blogspot.com

      Delete
  44. This comment has been removed by the author.

    ReplyDelete
  45. www.s1288.poker merupakan situs judi kartu online TERBAIK dan TERPERCAYA Se-INDONESIA.
    S1288Poker hadir karena mendengar para keluhan dari para para pecinta judi kartu online yang kurang puas dengan pelayanan dan merasa dibohongi dari situs judi lainnya.
    Di S1288Poker dipastikan tidak ada campur tangan BOT dalam permainan. DIJAMIN 200% play FAIR (player vs player).

    Info lebih lengkap,silahkan hubungi CS 24/7 kami melalui :
    PIN BBM : 7AC8D76B
    Facebook : S1288.POKER
    Twitter : @S1288POKER

    ReplyDelete
  46. Halo Semuanya, Saya Mau Rekomendasiin situs Game Kartu Online uang asli yaitu: DESAQQ

    8 Permainan Dalam 1 User ID.

    ♣ Poker
    ♥ Bandar Poker
    ♣ Bandar Q
    ♥ Adu Q
    ♣ Domino 99
    ♥ Capsa Susun
    ♣ Sakong
    ♥ Bandar66 ( Permainan Terbaru )

    ♣ Minimal Deposit : Rp. 20.000
    ♥ Minimal Tarik Dana : Rp. 20.000

    Ayo Gabung bersama DESAQQ dan Nikmati Berbagai HOT Promonya :

    ♣ Bonus Jackpot Jutaan yang mudah di dapat Setiap harinya.
    ♥ Bonus Rollingan/Cashback 0,4% (Setiap Senin jam 15.00 WIB)
    ♣ Bonus Referral 20% Seumur Hidup ( Klain Hari Selasa ) *syarat & ketentuan berlaku.

    DESAQQ Juga menerima Deposit Dari Semua Bank Lain (Sinarmas, Panin Bank, Maybank, Syariah, DLL) dan Emoney (T-Cash, Paypro, Rekenin Ponsel, Doku Wallet).

    Agar tidak terjadi salah transfer di harapkan selalu KOMFIRMASI nomor rekening tujuan transfer kami melalui LIVECHAT ya bos. Nomor rekening dapat berubah sewaktu-waktu.

    Untuk Deposit pada Jam OFFLINE diharapkan transfer menggunakan nominal unik, Contoh : Rp 20.123

    Untuk Informasi lebih lanjut Silahkan Hubungi CS Kami.
    WA : +6281287806446
    LINE : DESAQQ
    BBM : 5571D859
    INSTAGRAM : DESA.QQ

    Terimah kasih :)

    ReplyDelete
  47. Mantull minn bermanpaat sekali, trimakasi

    ReplyDelete
  48. Mantap nih Min buat tambahan blog saya menjadi menarik agar banyak peminatnya seperti blog Your-BelajaBlog terimakasih semoga sukses selalu jangan lupa kunjungi blog ane heee

    CG AMBON2

    Referral Game Poker Online Sudah ada di ada pendaftaran

    ReplyDelete

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