Cara membuat Recent Post Bergerak

Kali ini Saya akan membagikan Cara membuat Recent Post Bergerak

Langsung saja cara membuatnya adalah sebagai berikut :

○> Masuk ke halaman Dasboard > Tata Letak (Rancangan) > Elemen Laman
○>Tambah gadget elemen HTML/JavaScript
○>Copy kode berikut dan paste pada elemen HTML/JavaScript tersebut

<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 = "&nbsp;&nbsp;";}else{//For down and up directions seperate headlines by new linesHeadlineTerminator = "\<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="top"; var sOpenLinkLocation="Y"; var sBulletChar="|"; </script> <script style="text/javascript" src="http://Yogyakarta-TuTorial.blogspot.com/feeds/posts/default?alt=json-in-script&callback=RecentPostsScrollerv2"></script>

 Keterangan :

○>Ganti kode yang berwarna merah dengan alamat blog sobat. 

○>var nMaxPosts = 20 adalah jumlah postingan terakhir. 

○>var nScrollDelay = 180 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.

Upload By : Sijo KnzMizuka