Thursday, April 5, 2012

postingan bergerak

Setelah kemaren sempat memposting "Cara menampilkan Top Comment Berjalan (Marquee)", nah, kali ini mencoba memaparkan "Cara Membuat Random Posting Title Berjalan (Marquee)". Postingan kali ini juga untuk menjawab pertanyaan dari sobat blogger pada waktu yang lalu sempat bertanya kalau cara membuat Recent Postingnya bagaimana? Thanx ya buat sobat Ngeposting ni yee + sobat yang satu lagi saya lupa (karena beliau bertanya via shoutbox dan sekarang shoutbox sudah saya ganti, jd maaf kl saya lupa yaaa...) karena pertanyaan anda memberikan saya ide untuk membuat postingan yang baru, abisnya saya sempat bingung mau membuat postingan apalagi yaaa....heheheheheeee....

Sebenarnya mau dikasi judul Recent Posting Title.....namun rasanya kurang pas kl mau bilang tentang tool ini Recent Posting Title, karena tool ini menghadirkan judul-judul posting blog kita secara acak bukan menampilkan judul postingan terbaru pada blog kita. Tapi ga apa-apa dech, ada baiknya juga sih, karena postingan-postingan lama pada blog kita bisa dilirik lagi sama pengunjung, jadi tidak terabaikan deh postingan lama kita.
Code ini sebenarnya berupa recent posting yang berurutan kebawah seperti daftar isi pada menu disamping, namun sedikit saya poles agar bisa menghasilkan daftar posting yang berurutan kesamping, supaya bisa menghemat ruang pada blog kita.

Oke deh, langsung saja.....
  • Seperti biasa masuk dulu ke Blogger
  • Terus Tata Letak/Layout
  • Pada halaman Page Element/Elemen Laman, klik Add a Gadget
  • Pilih HTML/Javascript
  • Copy code dibawah ini dan paste ke dalamnya :






<!--Top Comments by Serba Blog-->
<div style="text-shadow:4px 4px 4px #adadad; font-size: 14px; COLOR: black;"><b>Recent Posting :</b></div>
<div style="border: 3px dashed black; background: #ffffff; padding:2px; width:470px; font-size: 17px; color:red;">
<b><!-- Alphabetical/chronological Post Title Listing with comment count Start -->
<script type="text/javascript">
function getYpipeTL(feed) {
document.write('<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2">');
var i;
for (i = 1; i < feed.count ; i++)
{
var href = "'" + feed.value.items[i].link + "'";
var pTitle = feed.value.items[i].title + "</a> | ";
var pComment = " \(" + feed.value.items[i].commentcount + " comments\)";
var pList = "</a>" + "<a href="+ href + '">' + pTitle;
document.write(pList);
document.write(pComment);
document.write('</a></li>');
}
document.write('</marquee>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
YourBlogUrl=http://nama-blog-anda.blogspot.com
&Order=alphabet
&_id=401e43055731c1a29f1e1d3eb5e8e13f
&_callback=getYpipeTL
&_render=json"
type="text/javascript"></script>
<span style="font-size: 8px; float:right;"><a
href="http://serba-seru.blogspot.com/2010/01/cara-membuat-recent-posting-berjalan.html">
Grab this</a></span>
<!-- Alphabetical Post Title Listing End --></b></div>

  • Ganti tulisan berwarna merah dengan URL blog anda.
  • Ganti Angka berwarna kuning sesuai dengan ukuran pada blog anda
  • Angka 2(keterangan kecepatan) yang berwarna biru bisa anda sesuaikan dengan selera anda
  • Simpan hasil kerja anda
  • Nah....coba deh lihat hasilnya...

Nah buat anda yang mengerti tentang code-code yang membingungkan seperti ini, silahkan  custumize sendiri deh....
Kl ada yang kurang mohon di tambahin yaa di comment...
Atau mungkin ada yang mencobanya dan berhasil, jangan lupa commentnya yaaa...
Kl ada juga yang pengen ini itu...di code ini lhooo....(jangan pengen minta dibeliin mobil atau rumah...ntar saya miskin seumur hidup)...silakan comment di bawah ini yaaa...

Semoga bermanfaat

No comments:

Post a Comment