Cara Membuat Recent Post Berjalan Horizontal

Untuk kesekian kalinya saya akan mengulas kembali tentang recent post, tetapi untuk yang kali ini memang berbeda dari sebelumnya tapiiii.............. masih ada kesamaaanya kok yaitu hanya menampilkan judul postingan saja namun 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 secara horizontal.

Baiklah Disini saya akan memberikan contoh tampilan Recent Post Berjalan. berikut contohnya.



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> var nMaxPosts = 20; var sBgColor; var nWidth; var nScrollDelay = 180; var sDirection="left"; var sOpenLinkLocation="Y"; var sBulletChar="�"; </script> <script src="http://rujakcemil.blogspot.com/feeds/posts/default?alt=json-in-script&amp;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 sobat langsung masuk aja ::>>
1. To the point aja .. klik Rancangan
2. Kemudian klik Tamhah Gadget
Rujakcemil Blog I Cara Membuat Recent Post Berjalan Horizontal 
3. Cari yang Tambah Halaman HTML / Javascript
4. Masukkan salah satu kode diatas kedalamnya :
5. Simpan. dan Lihat hasilnya.
  
Selamat Mencoba
Anda sedang membaca artikel tentang Cara Membuat Recent Post Berjalan Horizontal. Anda bisa bookmark halaman ini dengan URL http://jejak-blogku.blogspot.com/2013/07/cara-membuat-recent-post-berjalan.html. Jika Anda menyukai Artikel di blog ini, Silakan masukkan email Anda di bawah ini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit.
Bagikan artikel ini :
Description: Cara Membuat Recent Post Berjalan Horizontal
Rating: 4
Reviewer: Aditya Agus N
ItemReviewed: Cara Membuat Recent Post Berjalan Horizontal

Artikel Terkait

8komentar:

  1. Balasan
    1. kok punyaku error ya kak?undifind,,pdhl udah lengkap

      Hapus
  2. Terimakasih infonya, blog saya berhasil...

    my blog : http://goresansay.blogspot.com/

    BalasHapus
  3. terima kasih tutorialnya ..
    kunjungi saya di http://sahabat-info-anda.blogspot.com/

    BalasHapus
  4. Numpang kunjungannya gan
    http://kampoengsiki.blogspot.co.id/

    BalasHapus
  5. numpang lewat dedelw.blogspot.com

    BalasHapus
  6. Terimksih sob.. Kalau cara menampilkan gambarnya sob gimana..

    BalasHapus