Running Recent Post

Banyak sekali tips dan trik untuk mempercantik blog, walaupun dasarnya ini akun gratis, tapi banyak blogger yang membuat blognya menjadi sedemikian rupa hingga pengunjung yang datang akan merasa nyaman dan mungkin akan kembali berkunjung ke Blog kita.

Nah salah satunya benar 9 :D .seperti yang satu ini, membuat running teks atau (marquee), marque bisa di taruh hampir disetiap bagian blog seperti yang diatas posting itu :D, trus di title tab browser seperti diatas juga, di sidebar, di posting pun bisa.

kali ini yang saya maksud adalah running teks/ marquee tapi yang memuat recent post(posting2 terakhir), bahan2 nya adalah:

• Login Blogger
• Klik Rancangan
• Klik Page Element Lalu Add Gadget dan pilih HTML/Javascript
• Pastekan kode berikut di dalamnya

<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://website.blogspot.com/feeds/posts/default?alt=json-in-script&callback=RecentPostsScrollerv2"></script>

• Angka 20 adalah jumlah posting yang akan di tampilkan
• sBulletChar="✪" ubah dengan karakter paporit kamu
• Dan http://website.blogspot.com gantilah dengan Url Blogspot kamu, trus klik Simpan
• Letakkan Gadget sesuai keinginan, dimana ingin ditampilkannya gadget tersebut
• Dan Simpan.

Selamt mencoba, jika ada error akan dibantu via comment :D.