Cara Membuat Efek Gambar/Tulisan Berjalan


     Banyak cara mempercantik dan merapikan tampilan sebuah blog, salah satunya dengan cara membuat efek gambar/tulisan berjalan, Artinya dengan cara ini blog akan terlihat rapi karena tampilannya yang di persempit. Memvuat efek gambar berjalan ini tidak susah" banget cuma menambahkan kode script beserta kode atau alamat URL gambar pasti udah jadi.

     Contoh Gambar/Tulisan berjalan yang bisa saya berikan seperti yang ada di sidebar blog sukmagie sendiri, terlihat simple kan dibanding jika sobat hanya meletakkan widget ini seadanya saja :



efek berjalan, marquee, gambar/tulisan berjalan


 Untuk kode yang saya miliki diatas seperti ini :

<marquee direction="up" scrollamount="2" align="center" height="100" width="100"><noscript><a href="http://feedjit.com/">Feedjit Live Blog Stats</a></noscript>

<a href="http://www.mypagerank.net/mbs-c3550d42bde664980793ee895e231c161f51017b.html" target="_blank"><img src="http://www.mypagerank.net/services/mblv/mblv.php?s=c3550d42bde664980793ee895e231c161f51017b" alt="Msn bot last visit powered by MyPagerank.Net" border="0" /></a><noscript><a href="http://www.mypagerank.net" alt="Google pagerank checker">Google pagerank checker powered by  mypagerank"</a></noscript>

<a href="http://www.mypagerank.net/ybs-da53155baee87d914c83f2945636050d450b093ba8.html" target="_blank"><img src="http://www.mypagerank.net/services/yblv/yblv.php?s=da53155baee87d914c83f2945636050d450b093ba8" alt="Yahoo bot last visit powered by MyPagerank.Net" border="0" /></a>

<script src="http://www.e-referrer.com/link.js" type="text/javascript"><br /></script>
<script type="text/javascript"><br />write_ref(95921);<br /></script>
<div style="border:0px;padding:0px;border-collapse:collapse;text-align:center;margin-left:auto;margin-right:auto;font-size:xx-small">
<a title="Visit eReferrer and get your own FREE referrer list!" href="http://www.e-referrer.com/">www.e-referrer.com</a>
</div>

<script type="text/javascript" src="http://jaringurl.com/campaign_.php"></script>

<a href="http://indonesia-blogger.com/"><img src="http://www.indonesia-blogger.com/img/indonesia-blogger.jpg" border="1" /></a><a href="http://www.activesearchresults.com/"><img src="http://www.activesearchresults.com/images/asrbutton.png" alt="Search Engine" border="0" height="31" width="88" /></a><a href="http://www.blogarama.com/"><img src="http://www.blogarama.com/images/button5.gif" alt="Blogarama - The Blog Directory" /></a><a href="http://www.sonicrun.com/"><img src="http://www.sonicrun.com/images/srbutton1.gif" alt="Sonic Run: Internet Search Engine" border="0" height="31" width="88" /></a><p><a href="http://www.scrubtheweb.com/abs/meta-check.html" title="Free SEO Tools"><img src="http://www.scrubtheweb.com/graphics/seotools.gif" alt="Free SEO Tools" height="31" width="88" /></a><a href="http://www.meilleurduweb.com/" target="_blank"><img src="http://www.meilleurduweb.com/images/pub/banniere_88.31.gif" alt="Meilleur du Web : Annuaire des meilleurs sites Web." border="0" /></a><a href="http://www.ulysseek.com/" target="_top"><img src="http://www.ulysseek.com/ulysseek.gif" alt="Ulysseek Search Engine - Your Favorite Hero to Reach the Web" border="0" /></a><a href="http://www.bestwebsitesoftheworld.com/" title="Go to www.bestwebsitesoftheworld.com"><img src="http://www.bestwebsitesoftheworld.com/banners/banner_color_40.jpg" border="0" /></a><a href="http://www.amfibi.com/" target="_top"><img src="http://banners.amfibi.com/small/blue.gif" alt="Amfibi Web Search &amp; Directory" border="0" /></a><a href="http://www.counters4u.com/" target="_blank"><img src="http://www.counters4u.com/backlink.php?aut=EF60387089C968920487F89D5739455201155A64B924A54A750E6D8DD2AD0BC1854A7AD421A02FC8C1" title="free BackLink by Counters 4 U" border="0" /></a></p><a href="http://www.counters4u.com/" target="_blank"> <noscript><a href="http://www.counters4u.com" alt="free backlinks creator for your blog or site ">free backlinks creator for your blog or site</a></noscript></a><a href="http://www.freesearchenginesubmission.info/" target="_blank" alt="free search engine submission">free search engine submission</a>  <a href="http://www.freesearchenginesubmission.info/" target="_blank" alt="free search engine submission">free search engine submission</a> <a href="http://www.simple-directory.net/" target="_blank">Simple Directory</a> <a href="http://www.ongsono.com/" title="Free Web Directory" target="_blank">Web Directory</a> <a href="http://www.promosigratis.com/">Pasang Iklan Gratis</a> <a href="http://hostgatorcouponsite.org/">host gator coupon</a> <a href="http://www.onewaytextlink.com/">Web Directories</a> <a target="_blank" href="http://www.linkbox.ws/refer.php?4851">LinkBox.ws - Link Box Exchange</a></marquee>
   Kalau dilihat terlalu panjang, pasti sobat blogger bingung, tetapi tenanggg,  Wah...kalo ada yang pendek knapa di kasi yang panjang". Maap tadi itu contoh punya blog sukmagie untuk versi pendeknya ini dia :

<marquee width="100" direction="up" scrollamount="2" align="center" height="100"><img src="Masukkan alamat URL gambar1" /></br><img src="Masukkan alamat URL gambar 2" /></br><img src="Masukkan alamat URL gambar 3" /></br></marquee>

       Silahkan ganti tulisan warna merah sesuai alamat/URL gambar yang ingin sobat tampilkan, sekedar info untuk membuat efek gambar/tulisan berjalan hanya dengan menambahkan <marquee> dan di akhiri </marquee>.

      Untuk Tutorial Membuat Efek Gambar/Tulisan Berjalan ini sekian dulu dari blog sukmagie, silahkan praktekin langsung, moga ini membantu sobat dalam memaksimalkan web/blog kalian.


Semoga Bermanfaat

Pengelola Blog : Sukmagie ~ ABDUL WAHAB

Judul : Cara Membuat Efek Gambar/Tulisan Berjalan
Ditulis oleh : Kejutan Internet pada 24 Juni 2012
Rating Blog : 5 dari 5
Terima kasih Anda telah membaca artikel tentang Cara Membuat Efek Gambar/Tulisan Berjalan
Anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel ini sangat bermanfaat bagi Blog dan teman-teman anda.
Namun jangan lupa harap memberikan link aktif dofollow ke URL
http://sukmagie.blogspot.com/2012/06/cara-membuat-efek-gambartulisan.html
Dan Terima kasih sekali lagi atas kunjungan Anda.

Kritik dan saran atau apapun bisa anda sampaikan melalui kotak komentar.
Dan mohon maaf jika komentar atau pertanyaan tidak bisa cepat saya respon,
karena Saya tidak bisa selalu online selama 24 Jam.

Disclaimer: Gambar, artikel maupun video yang ada di blog ini sebagian berasal dari berbagai sumber media lain. Hak Cipta sepenuhnya dipegang oleh sumber tersebut. Jika ada masalah terkait hal ini, Anda dapat menghubungi kami disini.
Forum Diskusi