Cara Membuat Recent Post Berjalan Pada Blog

Halllo sobat negeri semua, hari ini enaknya kita bahas soal apa ya. Gimana kalo membahas soal Cara Membuat Recent Post Berjalan Pada Blog. Seperti yang sobat lihat di blog saya ini, menarik bukan. Tentu saja ini ada cara ngebuatnya. Gimana kalo langsung menuju ke tempat sasaran sobat negeri.

Cara ngebuatnya begini sobat :

1. Pada menu Dashboard klik menu "Design - > Page Elements"
2. Lalu pilih area pada layout anda dan klik "Add a Gadget" dan pilih "HTML / JavaScript"
3. Dan taruh script dibawah ini kedalamnya.


<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 == "top" || sDirection =="bottom")
{
//For left and right directions seperate the headilnes by two spaces.
sHeadlineTerminator = "��";
}
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 = 200; var sDirection="top"; var sOpenLinkLocation="Y"; var sBulletChar=">>**<<"; </script> <script style="text/javascript" src="http://ceriwis-boplo.blogspot.com/feeds/posts/default?alt=json-in-script&callback=RecentPostsScrollerv2"></script>

Catatan :

*   Ganti kode yang berwarna Hijau dengan alamat blog sobat.
*   Var nMaxPosts = 20 adalah jumlah postingan terakhir.
*   Var nScrollDelay = 200 adalah kecepatan text.
*   Var sDirection="left" untuk text berjalan dari kanan ke kiri, ganti dengan "right" jika ingin text tersebut berjalan dari kiri ke kanan.
*   Var sOpenLinkLocation="Y" untuk link pada halaman yang sama, ganti dengan "N" untuk membuka link pada jendela baru (new tab).
*   Var sBulletChar=">>**<<" adalah icon kecil pada bagian depan setiap link, bisa diganti dengan apa saja sesuai selera.

4.   Save dan lihat hasilnya.

Semoga sukses ya sobat

Tidak ada komentar:

Related Posts Plugin for WordPress, Blogger...