Rabu, 22 Juni 2011

Recent Post with Scrolling & Marquee Style

Mirip tapi tidak sama. Mungkin ungkapan ini berlaku bagi tema sekarang. Tengok kemari dulu RSS Feed with Google Bar Style. Kerennya menampilkan Recent Post for Blogger Perfect Stylish namun buat sekarang cuman tulisannya doang nggak pake gambar :D
Unik bisa jalan-jalan makanya Beben Koben si bloglang anu ganteng kalem tea akan mengumpulkan variasi trik sejenis. Yang sudah familiar datang dari master blog Membuat Headline News Blog by Info Blog. Disana sudah diterangkan secara gamblang, agan-agin tinggal comot saja bumbu²ne ;)) :x Contoh effek...xixixi

-=[ Ini contoh tulisan dengan efek marquee perintah kekiri ]=-

Trik berikut Beben dapatkan dari Digital Gupshup. Kalau yang dari info blog bisa diclose, jika yang ini berefek marquee mirip diatas 'ntuh :D
Langkah-langkah add auto Scrolling HTML code:

  • Sign in your Blogger dashboard.
  • Go to Layout ► Add Gadget ► Add HTML/Javascript
  • Open Javascript code Select all (Ctrl+A) Copy and paste in blogger HTML/Javascript window.
Beres deh :)

Code-Code

<script style="text/javascript">
//<![CDATA[
function RecentPostsScroller(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") {
sHeadlineTerminator = "&nbsp;&nbsp;";
} else {
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;
}
sPoweredBy = "\<a target =\"_blank\" href=\"http://www.digitalgupshup.com/auto-scrolling-marquee-widget-html-code-for-blogger-recent-posts\"\>Grab This</a\> <a target =\"_blank\" href=\"http://beben-koben.blogspot.com\"\>Scrolling Widget\</a\>";
if (sDirection == "left") {
sHeadLines = sHeadLines + "&nbsp;" + sPoweredBy;
} else if (sDirection == "right") {
sHeadLines = sPoweredBy + "&nbsp;" + sHeadLines;
} else if (sDirection == "up") {
sHeadLines = sHeadLines + "\<br/\>" + sPoweredBy;
} else {
sHeadLines = sPoweredBy + "\<br/\>" + sHeadLines;
}
document.write(sMoqueeHTMLStart + sHeadLines + sMoqueeHTMLEnd)
} catch (exception) {
alert(exception);
}
}
//]]>
</script>

<script style="text/javascript">
//<![CDATA[
var nMaxPosts = 10;
var sBgColor;
var nWidth;
var nScrollDelay = 105;
var sDirection = "left";
var sOpenLinkLocation = "N";
var sBulletChar = "";
//]]>
</script>
<script style="text/javascript" src="http://NAMA-BLOG.blogspot.com/feeds/posts/default?alt=json-in-script&callback=RecentPostsScroller"></script>
Script yg dibedakan dengan warna, script pemanggilnya. Sok silahkan berkreasi, dan tunggu update halaman ini guna mencari-cari trik sejenis ;)) ;)
Happy marquee \m/

Tidak ada komentar:

Posting Komentar