Skip to main content

Cara Membuat Random Posting Title Berjalan (Marquee)

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
Terima Kasih
SERBA BLOG

Comments

  1. amankan pertamax.... d sini selalu ada yg beda...... tp blog aq u/ recent post g aq pasang, tak pikir2 g penting jarang orang akses recent post, lagian post utama aq aq tamplkan beberapa post jadi sama jajakan

    ReplyDelete
  2. Thanx sob atas commentnya...
    iya sih kl blog sampean sob,tampilan utama udah mirip recent post,namun ini sbnrnya bukan recent post title, mau diganti jg nich judulnya jd random post marquee....heheheee....telat gantinya....
    tp thanx bgt udh kasi respon ya sob....

    ReplyDelete
  3. tHanks sOb udH di sHare,,
    uDh gUe pAsang sOb,,

    ReplyDelete
  4. wah mantab nih... tak kenal lelah tuk berbagi... saluuut brooo... :-bd

    moga sukses selalu yah... :-bd

    MASQULIN.BLOGSPOT.COM | Sitemap

    ReplyDelete
  5. @ ngepostingdoang : silakan sobat...digarap, moga2 blognya tambah keren + sukses selalu
    @ Arief : thanx sob...emang nikmat jika kita bisa selalu berbagi....sukses selalu jg buat dirimu sob....

    Buat semuanya...thanx berat atas commentnya...sukses utk kita semua...

    ReplyDelete
  6. I'm gonna try to use it later, May I? :-D

    ReplyDelete
  7. yes, of course...you may try to use it...it's all about free here...

    ReplyDelete
  8. memang penulis itu tidak akan kehabisan ide menulis jika masih ada orang yang bertanya,betul nggak? seperti warung nasi tidak akan sepi pengharapan selama masih ada orang yang lapar.he he he...

    ReplyDelete
  9. sam...boleh minta gambar tengkurak yg lagi jalan-jalan sore tuh gak...email gw yo...

    ReplyDelete
  10. @ Pakde sulas : waww...kata2 penuh makna tuh...thanx pakde atas supportnya...semua ini tak akan terwujud tanpa niat dan dukungan dari semuanya....

    @ Bayu Lebond : silakan aja sob...itu jg hasil nyulik dr mbah gugel....copy image aja sob....atw kl males copy image...langsung copy image linknya aja....thanx udh mampir sob...

    ReplyDelete
  11. tengkyu sam...langsung tak gendong...

    ReplyDelete
  12. walah...malah kegedean je sam...gw taruk di omotion malah sak gambreng...dah gw kecilin pake sotosop malah gak bergerak...piye kie jal...sorry ngganggu terus yo sam...maklum otak tua neh...

    ReplyDelete
  13. whehheeheeheee...itu gambar aslinya aja lebih gede dr itu mas bayu...buat taroh di emoticon to....ntar yaaa...di cobain dulu tak kecilin...moga2 aja bisa.....

    ReplyDelete
  14. cobain yg ini mas bayu....udh agak kecil dikit....coz kl mo di kecilin banyak, ntar ga kliatan...maklum tengkuraknya udh terlalu sexy(ramping)
    ada 2 nih....dimensi :

    80x100 : http://img109.imageshack.us/img109/6076/tengkurak.gif

    50x70 : http://img229.imageshack.us/img229/2854/tengkurakmini.gif

    ReplyDelete
  15. tengkyu...masih banyak yg kegedean neh...liat aja tengkurak salam tiga giginya masih segambreng...n koq masih ada bordernya a sam...ajarin ngeditnya dunk...biar gak ngerepotin terus...

    ReplyDelete
  16. wheeheee...oya...itu td lupa kasi centang transparannya...hehheee....
    pake macromedia flash aja...
    kl punya program yg mantab lg sih...maybe bisa lbh bgs lg.....

    ReplyDelete
  17. alhamdulillah akhirnya dapet juga makasih ya bang ......

    ReplyDelete
  18. ajeb, gan.. udah saya pasang di blog. btw, cara ngilangin comment count-nya gimana ya? sementara ini saya ganti warna "red"-nya pake #ffffff biar jumlah komennya gak keliatan :P
    ditunggu jawabannya, gan.. :D

    ReplyDelete
  19. oya, sebenernya ini kan BUKAN random posting, tapi alphabetical posting ya?? kalo penge random bisa gak, gan.. ?? :D

    ReplyDelete
  20. Ini bisa aja nge-random sendiri, tergantung jumlah artikel yg kita miliki,cm kadang2 akan tersusun alphabet, namun kl mau random, bisa sedikit di akali lewat for kode ini (i = 1; i < feed.count ; i++). ubah "i=1"....ubah angka 1 dg angka yg lain. tp kadang2 bs berubah, namun kadang2 jg ga ngefek(tergantung jumlah artikel yg kita miliki.

    ReplyDelete
  21. oya utk menghapus tulisan jumlah komentar, edit pada bagian ini saja document.write(pComment);. hapus tulisan "pComment" saja, jd nntinya akan seperti ini document.write();
    smoga bs membantu, contoh demo yg telah saya buat ada disini http://serbatemplate-demo.blogspot.com/

    ReplyDelete
  22. makasih, Gan atas info n jawabannya..
    -randomnya gak jalan, mungkin karena jumlah posting yang kebanyakan ya..
    -hapus komennya udah bisa, sip!

    maksih juga udah kunjung dan komen di blog saya ya.. salam kenal ^_^

    ReplyDelete
  23. gak bisa euuhhh, bingung aku sob...

    ReplyDelete
  24. @ MUXLIMO : makasih jg mas MOXLIMO, mungkin juga sih, tp ini trit ini jg hasil dr menggabungkan code recent posting dg code top comment, jd sumber recent postingnya mungkin yg bermasalah utk menampilkan menjadi random.

    @Purnama Julia Utami : ga bs dimananya ya..??? udh ikutin caranya dg benar..??

    ReplyDelete
  25. klu,postingx bnyak yang tdk bergbar postingax bisa tampil nggak???

    ReplyDelete
  26. gk bisa kk ..
    di Blog ak kog gk bisa ya?

    http://www.riau-elite.co.cc/

    ReplyDelete
  27. gan mantep bgt dah tp klo mw nampilinnya berdasarkan 1 taw 2 label tertentu gimana...??

    ReplyDelete
  28. nice share, are you ready blog walking...

    ReplyDelete
  29. om mantep dah tutorialnya tapi klo mw ganti ukuran dan warna huruf judul nya yang bergerak gimana ya...???

    ReplyDelete
  30. Nice info gan!!! :D. Membuat Populer Post Bergerak, atau Scroll pada bagian sidebar.. cukup menarik dan membuat blog cantik.. dan katanya cara ini bisa menSEOkan blog Agan.. :D
    I like sidebar bergerak he he he....

    ReplyDelete

Post a Comment

Silahkan tulis komentar anda pada kolom diatas, namun diharapkan jangan melakukan spamming, hindari komentar yang mengandung unsur SARA, berkata kasar serta hal2 negatif lainnya, Terima Kasih, Semoga bermanfaat

Popular Posts

Cara Pasang Kotak Komentar/Comment Form Facebook di Blogger

Cara Membuat Kotak Komentar/Comment Form Facebook di Blogger | Mungkin Tips ini udah bukan hal baru lagi, namun jika niat ingin berbagi, tidak ada kata terlambat. Berikut ini ingin mensharingkan cara membuat Kotak Komentar/Comment Form Facebook yang akan di tampilkan di Blogger. Jadi Kotak komentar yang sudah secara default ada di blogger dirubah atau ditambah dengan aplikasi kotak komentar/Comment form yang disediakan oleh Facebook. Fungsi kotak komentar Facebook ini adalah sebagai pengganti atau alternatif lain bagi pengunjung blog kita untuk memberikan komentar di blog kita, karena memungkinkan untuk pengunjung blog selain pengguna Blogger/Wordpress/Typepad/Open id untuk memberikan ide/komentar/saran/kesan untuk blog kita. Dikarenakan pengguna Facebook semakin meningkat jumlahnya, jadi bisa dipastikan hampir semua pengunjung blog memiliki akun Facebook. Untuk melihat demo Kotak komentar Facebook, silakan lihat Disini Berikut ini cara membuat/memasang kotak komentar Facebook di

Thumbnail Related Posting with Marquee (Berjalan)

Setelah kemaren memposting tentang cara membuat Related Posting menggunakan Daftar list berdasarkan Label dan Related Posting menggunakan Gambar(Thumbnail) . Nah kali ini sedikit berkaitan dengan Related Posting menggunakan Gambar(Thumbnail) . Nah, untuk menampilkan Related Posting menggunakan Gambar anda bisa lihat disini cara membuatnya. Namun ada sedikit kekurangan dari Related posting ini, yaitu anda tidak bisa menampilkan Related postingnya dalam jumlah yang banyak , jumlah yang ditampilkan sebatas ukuran lebar halaman posting saja, seperti halnya blog ini, hanya bisa menampilkan 4 judul serta gambar dari related posting tersebut. Lalu bagaimana cara menampilkan related posting tersebut dalam jumlah yang banyak...??? Oke, yang ingin di sharingkan kali ini mencoba mengangkat tentang menggunakan metode Marquee pada thumbnail related posting. Untuk contoh anda bisa lihat kebawah posting ini. Setelah mengutak-atik sedikit, sampai sempat sedikit error, hingga akhirnya saya mem

Cara Menampilkan Top Comment Berjalan (Marquee)

Wahhh...lama juga ga posting nich...akhirnya kangen juga sama blog setelah beberapa hari tidak menjamahnya karena ada sedikit kesibukan diluar. Oke langsung saja ke postingan , sebenarnya postingan kali ini adalah untuk menjawab pertanyaan sobat blogger, saya lupa namanya karena beliau bertanya via shoutbox blog ini yang lama, dan pada akhirnya shoutbox saya di banned, dan sekarang berganti dg Cbox, jadi maaf ya jika saya lupa, maklum memori sudah lemot. kalau tidak salah beliau bertanya bagaimana cara membuat Top Comment berjalan seperti di blog ini ? dan saya menjawab Coming soon sobat( Kayak film baru aja ) Oke, setelah kemaren sempat memposting cara menampilkan Top Comment di Blog , nah... sekarang mencoba membeberkan cara alternatif kedua untuk menampilkan Top Comment di blog dengan tampilan yang sedikit berbeda. Cara alternatif yang kedua ini menggunakan metode tulisan berjalan (Marquee) . makanya postingan kali ini saya beri nama Cara Menampilkan Top Comment Berjalan (Ma

Cara Membuat Halaman Posting Berpindah dari Kiri ke Kanan

Cara Membuat Halaman Posting Berpindah dari Kiri ke Kanan | Sempat bingung menentukan judul artikel yang satu ini, tapi yang jelas gambarannya seperti dibawah ini, Pernah lihat halaman blognya Kang Rohman (kolom-tutorial.blogspot.com), jika diperhatikan, ketika pada halaman beranda/Home page, bagian artikel/posting terletak di sebelah kiri dan sidebar berada di sebelah kanan, dan ketika masuk ke halaman postingnya, halaman artikel akan berada di sebelah kanan dan sidebar di sebelah kiri. Nah, untuk membuat halaman tersebut agar bisa berpindah-pindah ternyata cukup simpel. ternyata yang dibutuhkan hanya sedikit penambahan pada struktur CSS nya saja. berikut cara-caranya : Login ke Blogger Langsung menuju ke Design/Rancangan Klik Edit HTML centang tulisan "Expand Widget Template" Cari kode berikut : ]]></b:skin> Letakkan kode berikut ini setelah kode diatas  <style type='text/css'> <b:if cond='data:blog.pageType == &quot;item&quot;&

Blogger Lebih Asik dengan New Posting Editor

Nah...saat sekarang ini, para Blogging mania diberi kemudahan lagi oleh Blogger. Sebuah Posting Editor Baru telah di luncurkan. disini kita diberi kemudahan lagi dalam memposting entry. Adapun fitur-fitur yang telah diperbaharui sebagai berikut : New Toolbar Full safary 3 support Improved Handling Image Improved Raw HTML Geotagging Vertical Resizing Easy link editing in Compose mode Placeholder image for tags Preview dialog  Untuk lebih jelasnya dapat anda lihat Disini Nah...untuk dapat menggunakan New Posting Editor ini ( bagi anda yang masih menggunakan Posting editor lama ), berikut ini cara mengaktifkan New Posting Editor nya : Login dulu ke Blogger Masuk ke Setting/Pengaturan Pada halaman dasar, scroll hingga ke bawah, cari Setting Global   Pilih Editor yang diperbaharui Simpan Settingan anda Selesai Dech... Selamat menggunakan Posting Editor yang baru Sukses untuk semua Blogger...!!!