Membuat Blogger Running Text dengan Recent Post

By

Running Text atau tulisan berjalan untuk Recent Post

Cara membuat running text atau tulisan berjalan untuk blogger atau blogspot untuk digunakan sebagai recent post atau posting terbaru. 

tulisan berjalan

Running Text atau tulisan berjalan pada dasarnya dapat dibuat menggunakan kode HTML yaitu dengan <marquee> dan ditutup dengan </marquee> contoh :<marquee> Test running text</marquee> Test running text
<marquee> merupakan perintah HTML yang digunakan untuk membuat tulisan berjalan tersebut. <marquee> sendiri dapat ditambahkan perintah-perintah lainya seperti direction (arah) dan lain-lain. Tapi disini tidak membahas bagaimana mempercantik tulisan berjalan tersebut, tapi bagaimana jika ingin menggunakan running text ini sebagai recent post.

Untuk membuat running text sebagai recent post atau posting terbaru, dapat menggunakan Javascript. Berikut adalah kode Javascript beserta penjelasannya yang digunakan pada blog ini seperti yang terlihat pada bagian atas di bawah menu blog ini

 <script type="text/javascript">  
   var jnWidth="100";  
   var jnScrollAmount="10";  
 <!--kecepatan running text-->  
   var jnScrollDelay="100";  
 <!--arah running text-->   
   var jnDirection="left";  
   var jntargetlink="yes";  
 <!--jumlah post terbaru yg akan ditampilkan-->   
   var jnnumPosts="5";  
 <!--simbol sebelum post running text-->   
   var jnBulletchar =">>>";  
 <!--menggunakan background gambar sebagai pengganti simbol panah-->   
   var jnimagebullet="no";  
 <!--jika menggunakan gambar untuk pengganti panah, maka letakkan di sini gambarnya-->   
   var jnimgurl="http://1.bp.blogspot.com/-fKeh7aRkfVs/Tvll57YC8yI/AAAAAAAAAvY/pUwMXLHvSc8/s1600/arrowe.gif";  
 <!--ukuran font-->   
   var jnfontsize="16";  
 <!--warna running text background-->   
   var jnbgcolor="FFFFFF";  
 <!--warna tulisan berjalan-->   
   var jnlinkcolor="2aace3";  
 <!--warna ketika mouse hover-->    
   var jnlinkhovercolor="FF6600";  
 </script>  
 <!--script--> 
 <script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/scrolling-recent/scrolling-recent-v3-ycode.js" type="text/javascript"></script>  
 <script src="http://www.bungdus.com/feeds/posts/default?alt=json-in-script&amp;callback=jnAdvRecentPostsScrollerv3&amp;max-results=5" type="text/javascript"></script>  
 <a href="http://www.bungdus.com" target="_blank" rel="dofollow" title="Latest Tips And Tricks">Bikin tulisan seprti ini</a>  

Sekarang ganti tulisan yang berwarna merah dengan url blog kalian.

Script ini dapat ditambahkan pada widget ataupun pada bagian body dari sebuah blog. Jika ingin memasang pada bagian tubuh blog, maka dapat melalui edit template dengan mengedit HTML, dan pasang pada bagian yang kita ingininkan. Misal jika ingin memasang pada bagian header maka pasang script tersebut di bagian header, begitu juga untuk bagian lain.

Nah bagaimana dengan teman-teman, jika punya running text yang lebih cantik jangan lupa di share ya lewat komentar ya. Dan jika bermanfaat jangan lupa juga untuk share tulisan ini.



0 komentar:

Post a Comment

Terbaru