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 ~ Wahab Woo Tekh

Judul : Cara Membuat Efek Gambar/Tulisan Berjalan
Ditulis oleh : Kejutan Internet pada June 24, 2012
Rating Blog : 5 dari 5
Terima kasih Karena Sudah Menyempatkan membaca artikel tentang Cara Membuat Efek Gambar/Tulisan Berjalan
http://sukmagie.blogspot.com/2012/06/cara-membuat-efek-gambartulisan.html

Disclaimer: Gambar, artikel atau video yang ada di blog sukmagie sebagian asalnya dari berbagai sumber media lainnya. Hak Cipta sepenuhnya di pegang oleh sumber yang kami cantumkan tersebut. Jika ada masalah terkait dengan hal ini, Anda bisa menghubungi kami disini.
Related Posts