Skip to main content

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 (Marquee). sempat bingung sich mau memberi judul postingan kali ini, namun tanpa banyak pikir...yaaahhh lihat aja dech tampilannya seperti di blog ini ( halaman utama, diatas postingan )

Sudah dilihat hasilnya...???
Jika sudah puas ngeliatnya...sekarang buat anda yang ingin mencoba, selamat mencoba cara dibawah ini.
Scriptnya tidak jauh berbeda dengan script code Top Comment sebelumnya, cuma sedikit di modifikasi aja. oke langsung aja dech :
<center><!--Top Comments-->
<div style="text-shadow:4px 4px 4px #adadad; font-size: 14px; COLOR: black;"><b>Top Comment :</b></div>
<div style="border: 3px dotted black; background: #fff000; padding:2px; width:470px; font-size: 12px; color:black;">
<script type="text/javascript">
function pipeCallback(obj) {
document.write("<marquee>");
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> | ";
document.write(item);
}
document.write("</marquee>");
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&
_id=a55cb97ebb368bb1b89b7f6bdeb35336&filter=G E O R G E O U Z&url=http%3A%2F%2Fnama-blog-anda.blogspot.com&num=10" type="text/javascript"></script>
<!-- End Top Comments--></div></center>

  • Ganti tulisan berwarna merah dengan link blog anda (ingat tanpa http://)
  • Ganti angka berwarna kuning sesuai dengan jumlah top comment yang ingin anda tampilkan
  • Ganti tulisan berwarna hijau dengan nama anda yang biasa anda pakai di comment blog anda(seperti contoh diatas, nama yang biasa saya pakai adalah G E O R G E O U Z, jadi harus sama huruf-hurufnya,simbol-simbolnya serta jaraknya jika anda menggunakan spasi) fungsinya agar nama anda tidak ikut dalam Top Comment dari pengunjung, jika tidak diganti, maka sudah pasti anda sendiri yang menjadi top commentnya, it's not fair for your visitor(so' inggris mode-on)
  • Simpan hasil kerja anda
  • Coba dech test hasilnya

Selamat mencoba
Semoga bermanfaat
Terima Kasih

Comments

  1. pertamax........ wah sip nih keren pakai berjalan, kapan2 coba dech

    ReplyDelete
  2. thanx sob supportnya...maklum top komennya baru gede...jd baru bisa berjalan...heheheheeee

    ReplyDelete
  3. wah salut dah dengan teman yang satu ini....
    dak sia - sialh berhari - hari didpan lptop...
    tetap encer...tetap berbagi ilmu
    thanxs sobat!!!

    ReplyDelete
  4. weiiiiissss...sama2 bosss...
    setiap hari didepan laptop memandangi blog...heheheheee
    sama2 laaaahhh...kite kan same2 berbagi....aku ke blogmu,pasti dpt ilmu/info baru....itulah salah satu fungsi media ini...sbg sarana sharing ilmu/info yg kite punya....
    intinye kite ttp saling berbagi...
    dukung terus buat semue blogger...
    Sukses selalu buat kita semua

    ReplyDelete
  5. tHaNks iNfoNya sOb,,
    klO yAng rEcEnt pOstiNg gImana sOb??

    ReplyDelete
  6. wuih mantab sob kelihatannya kpn" aj dech aq cba...

    ReplyDelete
  7. Thanx atas commentnya sob....thanx bgt nich....
    @ Ngeposting ni yee : kl recent posting mungkin akan di posting pada artikel selanjutnya....di tunggu aja yaaaa....
    @ Rival Aditya : thanx sob...
    skali lg thanx bgt...

    ReplyDelete
  8. bagus juga nih infonya memang top komentar lagi booming sekarang mas jadi kita harus banyak mencari ide untuk menemukan atau mengedit widget yang baru

    ReplyDelete
  9. Thanx banget atas commentnya master...
    iya tuch master...emang sekarang lg booming tuch top comment, selain fungsinya buat menarik perhatian para pengunjung blog kita untuk berkomentar di postingan, top comment juga sebagai wujud kita utk berterimakasih kpd mereka yg telah berpartisipasi merespon postingan kita. karena tanpa komentar, postingan kita terasa kurang menarik.

    ReplyDelete
  10. wow..blog yang kerenz, headernya dengan warna yang berani.
    nanya bos gimana bikin "kotak menu" seperti punya sampean sehingga blog kelihatan rapi dan ngirit tempat

    ReplyDelete
  11. Wahhh...terima kasih pakde...atas pujiannya...
    klo bikin kotak menu, saya menggunakan Spoiler, bisa di lihat di SINI cara membuatnya.
    skali lagi terimakasih commentnya....

    ReplyDelete
  12. Mantap nieh...kalau cara bikin recent posting berjalan ada ga bos?

    ReplyDelete
  13. thanx kang atas commentnya...
    kl bikin recent posting berjalan diartikel yg baru tuch kang (DISINI), cuma versi random...

    ReplyDelete
  14. wah keren ni...mohon ijin copy codenya ya sob...mau dipasang diblog ane,..thx dan sukses selalu ya..mantaf

    ReplyDelete
  15. mantep... untuk trik filter name, ternyata byk blogger yg msh blm tau brader... o.O

    MASQULIN.BLOGSPOT.COM | Sitemap

    ReplyDelete
  16. Thanx banget atas commentnya sob...
    @ archv3nture : silakan sob...smoga blognya tambah keren...sukses buat blgnya...
    @ Arief : iya tuh sob...saya jg bnyk menemukan blog yg ga kena filter admin commentnya, jd tampil jd tuch di top comment....sbnrnya sih pengen di bahas di posting selanjutnya, tp berhubung cuma gitu doang yaaa..disini aja kali yeee...kl filter name admin wajib/harus/kudu sama persis dg yg ada di comment,kl kurang aja dikit,pasti ga kefilter tuh...tttp tampil di top comment...

    BTW, thanx semua atas komennya

    ReplyDelete
  17. kalo dbikin pas dihover bisa berhenti gtu gman sob? hhe

    ReplyDelete
  18. kalo ditambah kedip2 mungkin lebih menarik

    ReplyDelete
  19. mantap...GAYA gitoo loh....hihihihi

    ReplyDelete
  20. salam kenal,,,,wah bagus nih cara buat Related Posts berjalan, thank infonya, jd suka, sy mu coba nich di blogku,,,sukses terus serba-seru.blogspot.com

    ReplyDelete
  21. Tutorial yang sangat mantap dan perlu diterapkan dalam modifikasi template saya nantinya...

    ReplyDelete
  22. bagus nih sob infonya, mksh infonya...

    ReplyDelete
  23. keren banget neh..
    perlu dicoba
    makasih infonya

    ReplyDelete
  24. Febriyanto : kmaren pernah di coba, cm error terus sob...maklum saya jg msh newbie nih...thanx yaaa...
    Kharis S : boleh jg tuh idenya..silahkan di coba2 sob...

    All : thanx jg smua...

    ReplyDelete
  25. Keren bro....boleh juga tu..saya coba dulu....

    ReplyDelete
  26. mantttaaappp mas....tak coba dulu yak....

    ReplyDelete
  27. wuih asyik banget ya klo buat kaya gitu, mo coba dulu ah..... thank's Gan atas infonya. tlg kunjung balik ke blogQ ya! tlg ksh kritik n saran coz msh newbie nich

    ReplyDelete
  28. sudah dicoba dan hasiLnya berhasiL, terima kasih sob untuk tutoriaLnya. mau coba yang Lainnya Lagi nih.

    ReplyDelete
  29. wah..mantap ini ketimbang pakai linkwithin

    ReplyDelete
  30. Mantab nih sob tekniknya, boleh aku pakai ya..

    ReplyDelete
  31. wow keren bgtz,,, mantap abis sob...
    bleh nh tips n srn'a tuk prkmbgn pcnta blogger...

    ReplyDelete
  32. This comment has been removed by the author.

    ReplyDelete
  33. Terima kasih atas informasinya ..

    TOP !!

    ReplyDelete
  34. Thanks info nya gan ..

    ReplyDelete
  35. mantap infonya,,, ijin copasss.. SAlam Blogger....

    ReplyDelete
  36. I’ve been browsing online more than three hours right this moment, but I by no means discovered any fascinating article like yours. It’s fairly value sufficient for me. Personally, if all website homeowners and bloggers made good content material as you did, the web will likely be much more useful than ever before. cara diet cepat

    ReplyDelete
  37. Do you want to remove the login and sign up errors in Gdax which are creating a fuss? If you are uninformed about the method, all you can do is dial Gdax customer support number and procure quality solutions from the team of experts who is always there to guide you and fulfill your queries. The team is always ready and have all the solutions and support in hand, therefore, they can overcome any complexities in no time.

    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 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 si

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 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...!!!