Rabu, 26 Februari 2014

Browse Manual » Wiring » » » » » » » » Cara Membuat Random Posting Title Berjalan Marquee

Cara Membuat Random Posting Title Berjalan Marquee

Cara Membuat Random Posting Title Berjalan (Marquee)

Kali ini saya mencoba memaparkan "Cara Membuat Random Posting Title Berjalan (Marquee)". 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>
<!-- Alphabetical Post Title Listing End --></b></div>

*Ganti tulisan berwarna orange dengan URL blog anda.
*Ganti Angka berwarna hijau 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


Matur Nuwun

BLOGNYA SI IMIN



Tidak ada komentar:

Posting Komentar