Cara Pasang Text Berjalan Recent Post dan Total Comment

Cara Pasang Text Berjalan Recent Post dan Total Comment

Agak berbeda dengan recent posts pada umumnya, recent post berikut adalah recent posts atau postingan terakhir dari blog yang berjalan atau biasa kita sebut dengan marquee.

Baiklah Disini saya akan memberikan beberapa contoh tampilan Recent Post. maupun Total Comment Berjalan.



â�¢ Cara Membuat Buttons Keren dengan CSS  â�¢ Mitos Situ Patenggang  â�¢ Download Film The Raid : Redemption  â�¢ Cara Mengatasi Virus Shorcut + Recycler  â�¢ Yahoo! Messenger 11.5.0.152 Offline Installer  â�¢ TuneUp Utilities 2012 With Serial Number  â�¢ Valentino Rossi Balapan di Sawah  â�¢ Postingan Terakhir - Perpisahan  â�¢ Membuat XP Profesional Bajakan Menjadi Asli  â�¢ Award Pertama Dan Kedua  â�¢ Experiment with CSS3 - System Tatasurya  â�¢ Beberapa Efek Transisi Pada Gambar  â�¢ Cara Membuat Menu Navigasi Kwicks Dengan jQuery  â�¢ Load Page Blog Lebih Keren Dengan Keyframes  â�¢ Cara Memasang Script Iklan Melayang (Ads popout)  â�¢ Dua Style Menu Navigasi Dropdown Ala Cunayz  â�¢ Menu Rocking Rolling Rounded Dengan jQuery  â�¢ Trik Mempercepat Loading Home Page Blog  â�¢ Themes Seven VGRB Dan VGBN Untuk Windows Xp  â�¢ Super Start (Add On Firefox Speed Dial) 


Berikut Scriptnya :

<script type='text/javascript'>
//<![CDATA[
function RecentPostsScrollerv2(json)
{
var sHeadLines;
var sPostURL;
var objPost;
var sMoqueeHTMLStart;
var sMoqueeHTMLEnd;
var sPoweredBy;
var sHeadlineTerminator;
var sPostLinkLocation;
try
{
sMoqueeHTMLStart = "\<MARQUEE onmouseover=\"this.stop();\" onmouseout=\"this.start();\" ";
if( nWidth)
{
sMoqueeHTMLStart = sMoqueeHTMLStart + " width = \"" + nWidth + "%\"";
}
else
{
sMoqueeHTMLStart = sMoqueeHTMLStart + " width = \"100%\"";
}

if( nScrollDelay)
{
sMoqueeHTMLStart = sMoqueeHTMLStart + " scrolldelay = \"" + nScrollDelay + "\"";
}
if(sDirection)
{
sMoqueeHTMLStart = sMoqueeHTMLStart + " direction = \"" + sDirection + "\"";
if(sDirection == "left" || sDirection =="right")
{
//For left and right directions seperate the headilnes by two spaces.
sHeadlineTerminator = "&nbsp;&nbsp;";
}
else
{
//For down and up directions seperate headlines by new line
sHeadlineTerminator = "\<br/\>";
}
}
if(sOpenLinkLocation =="N")
{
sPostLinkLocation = " target= \"_blank\" ";
}
else
{
sPostLinkLocation = " ";
}
sMoqueeHTMLEnd = "\</MARQUEE\>"
sHeadLines = "";
for(var nFeedCounter = 0; nFeedCounter < nMaxPosts; nFeedCounter++)
{
objPost = json.feed.entry[nFeedCounter];
for (var nCounter = 0; nCounter < objPost.link.length; nCounter++)
{
if (objPost.link[nCounter].rel == 'alternate')
{
sPostURL = objPost.link[nCounter].href;
break;
}
}

sHeadLines = sHeadLines + "\<b\>"+sBulletChar+"\</b\> \<a " + sPostLinkLocation + " href=\"" + sPostURL + "\">" + objPost.title.$t + "\</a\>" + sHeadlineTerminator;
}
document.write(sMoqueeHTMLStart + sHeadLines + sMoqueeHTMLEnd )
}
catch(exception)
{
alert(exception);
}
}
//]]>
</script>

<script style="text/javascript"> var nMaxPosts = 20; var sBgColor; var nWidth; var nScrollDelay = 180; var sDirection="left"; var sOpenLinkLocation="Y"; var sBulletChar="�"; </script> <script style="text/javascript" src="http://blogcunayz.blogspot.com/feeds/posts/default?alt=json-in-script&callback=RecentPostsScrollerv2"></script>

 KET:ganti teks yang berwarna Merah dengan URL Blog sobat.

Tertarik ingin memasangnya? berikut langkah singkat dan padatnya, tidak perlu backup template karena kita akan meletakkannya langsung di elemen halaman.

Seperti biasa ente langsung masuk aja ke ::>>
1. To the point aja .. klik Rancangan
2. Kemudian klik Tamhah Gadget

3. Cari yang Tambah Halaman HTML / Javascript
4. Masukkan salah satu kode diatas kedalamnya :
5. Simpan. dan Lihat hasilnya.

Semoga bermanfaat.