Sebenarnya mau dikasi judul Recent Posting Title.....namun rasanya kurang pas kalau 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=" float:right;"><a href="http://www.geraiblog.com/2010/06/cara-membuat-random-posting-title.html"> Grab this</a></span> <!-- Alphabetical Post Title Listing End --></b></div>
* Ganti tulisan berwarna MERAH sesuai nma 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...
dan jangan lupa di follow ^_^ TERIMA KASIH
2 komentar:
tunggu folobacknya sob
wah keren nih boleh juga,
Posting Komentar