bikin recent coment pake scrolldown
-
Hai Mod.
Tlng dong cara bikin komentar terahir yg pake scrolldown, bisa gak? soalnya tulisan, halaman dan link udah pake scrolldown semua, biar seragam gituu..Trims
Blog yang perlu diperbaiki adalah: (hanya ditampilkan ke pengguna yang sudah login)
-
Coba nunggu Momod,,,
Cuma sepertinya nggak bisa Om kalau untuk real time.
Kalau manual sih bisa cuma ya sama seperti kalau mau bikin “recent post” berdasar kategori, harus selalu di-up date.secara manual. Contoh tampilan manual, bisa dilihat di link ini (hanya saja ini saya cobakan di postingan; bisa saja sih dipasang di widget text, tetapi ya itu jadinya nggak lucu kalau kita kok selalu membuat update manual).
Lihat ini:
http://omkicau.com/2009/08/18/cuma-tes/.
-
-
@Ambonganteng:
Itu ketawanya juga perlu di scroll down biar nggak terlalu mbuka, hahahaha…
Loh…loh.. kok malah di scroll up sih….. -
-
@Om Duto
Betul oom kayak begitu… Tp harus di up date nya setiap ada komentar yg masuk, begitu ? Repoddd dong -
@ocekojiro:
Nah kan? Ya memang begitu karena sourcecode-nya nggak ada.
Bikinnya sih cuma begini contohnya (yang saya pakai di halaman itu):<h6 style="border: 1px solid #dddddd; overflow: auto; width: 250px; height: 200px; text-align: left;"> <div id="recent-comments" class="widget widget_recent_comments"> <h3>Komentar terakhir</h3> <table class="recentcommentsavatar" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td class="recentcommentsavatartop" style="height: 16px; width: 16px;"><img class="avatar avatar-16" src="http://0.gravatar.com/avatar/ab5c467853472132569b1aa268b4949c?s=16&d=wavatar&r=G" alt="" width="16" height="16" /></td> <td class="recentcommentstexttop">vanessa on <a href="http://omkicau.com/pasar-burung-2/#comment-21223">PASAR BURUNG</a></td> </tr> <tr> <td class="recentcommentsavatarend" style="height: 16px; width: 16px;"><img class="avatar avatar-16" src="http://0.gravatar.com/avatar/ab5c467853472132569b1aa268b4949c?s=16&d=wavatar&r=G" alt="" width="16" height="16" /></td> <td class="recentcommentstextend">vanessa on <a href="http://omkicau.com/pasar-burung-2/#comment-21222">PASAR BURUNG</a></td> </tr> <tr> <td class="recentcommentsavatarend" style="height: 16px; width: 16px;"><img class="avatar avatar-16" src="http://1.gravatar.com/avatar/7faa1486172aef84525ee54937043ece?s=16&d=wavatar&r=G" alt="" width="16" height="16" /></td> <td class="recentcommentstextend">Bhadiel on <a href="http://omkicau.com/artikel-lengkap/curhat/#comment-21221">CURHAT</a></td> </tr> <tr> <td class="recentcommentsavatarend" style="height: 16px; width: 16px;"><img class="avatar avatar-16" src="http://0.gravatar.com/avatar/82f50f73aa137cde514dcf308d54b444?s=16&d=wavatar&r=G" alt="" width="16" height="16" /></td> <td class="recentcommentstextend">tong azza on <a href="http://omkicau.com/pasar-burung-2/#comment-21220">PASAR BURUNG</a></td> </tr> <tr> <td class="recentcommentsavatarend" style="height: 16px; width: 16px;"><img class="avatar avatar-16" src="http://0.gravatar.com/avatar/82f50f73aa137cde514dcf308d54b444?s=16&d=wavatar&r=G" alt="" width="16" height="16" /></td> <td class="recentcommentstextend">tong azza on <a href="http://omkicau.com/pasar-burung-2/#comment-21219">PASAR BURUNG</a></td> </tr> <tr> <td class="recentcommentsavatarend" style="height: 16px; width: 16px;"><img class="avatar avatar-16" src="http://0.gravatar.com/avatar/0a6da25e0289587d1c5d7a8bb462ac0b?s=16&d=wavatar&r=G" alt="" width="16" height="16" /></td> <td class="recentcommentstextend">upanks on <a href="http://omkicau.com/2010/02/25/burung-cuma-ngeriwik-cuma-gacor-di-rumah-atau-cuma-gacor-malam-hari/#comment-21217">Burung cuma ngeriwik, cuma gac…</a></td> </tr> <tr> <td class="recentcommentsavatarend" style="height: 16px; width: 16px;"><img class="avatar avatar-16" src="http://0.gravatar.com/avatar/4bc7a91a4c6a60abe5e095841cb37479?s=16&d=wavatar&r=G" alt="" width="16" height="16" /></td> <td class="recentcommentstextend">andi on <a href="http://omkicau.com/pasar-burung-2/#comment-21216">PASAR BURUNG</a></td> </tr> <tr> <td class="recentcommentsavatarend" style="height: 16px; width: 16px;"><img class="avatar avatar-16" src="http://1.gravatar.com/avatar/11870e0c7342899dcebf2c410d3de59c?s=16&d=wavatar&r=G" alt="" width="16" height="16" /></td> <td class="recentcommentstextend">Amin on <a href="http://omkicau.com/pasar-burung-2/#comment-21215">PASAR BURUNG</a></td> </tr> <tr> <td class="recentcommentsavatarend" style="height: 16px; width: 16px;"><img class="avatar avatar-16" src="http://1.gravatar.com/avatar/75417ae8ede194c69ee20c7403b75d32?s=16&d=wavatar&r=G" alt="" width="16" height="16" /></td> <td class="recentcommentstextend">eko wahyudi on <a href="http://omkicau.com/pasar-burung-2/#comment-21214">PASAR BURUNG</a></td> </tr> <tr> <td class="recentcommentsavatarend" style="height: 16px; width: 16px;"><img class="avatar avatar-16" src="http://1.gravatar.com/avatar/7f1bb42d764e9cbe966d00b0a98a5924?s=16&d=wavatar&r=G" alt="" width="16" height="16" /></td> <td class="recentcommentstextend">micko on <a href="http://omkicau.com/kacer/#comment-21213">KACER</a></td> </tr> <tr> <td class="recentcommentsavatarend" style="height: 16px; width: 16px;"><img class="avatar avatar-16" src="http://0.gravatar.com/avatar/e5024b7d83dfd0dc8aee5b9f6e1dbb18?s=16&d=wavatar&r=G" alt="" width="16" height="16" /></td> <td class="recentcommentstextend">Jimmy Kraxan on <a href="http://omkicau.com/2010/08/17/perawatan-cendet-cendet-jawara/#comment-21212">Perawatan cendet-cendet j…</a></td> </tr> <tr> <td class="recentcommentsavatarend" style="height: 16px; width: 16px;"><img class="avatar avatar-16" src="http://0.gravatar.com/avatar/ee20e203cf6b6f95c2fd1c8a05c48532?s=16&d=wavatar&r=G" alt="" width="16" height="16" /></td> <td class="recentcommentstextend">anang on <a href="http://omkicau.com/pasar-burung-2/#comment-21211">PASAR BURUNG</a></td> </tr> <tr> <td class="recentcommentsavatarend" style="height: 16px; width: 16px;"><img class="avatar avatar-16" src="http://1.gravatar.com/avatar/9f261b1623025a2fa734095077d156c9?s=16&d=wavatar&r=G" alt="" width="16" height="16" /></td> <td class="recentcommentstextend">andi on <a href="http://omkicau.com/pasar-burung-2/#comment-21210">PASAR BURUNG</a></td> </tr> <tr> <td class="recentcommentsavatarend" style="height: 16px; width: 16px;"><img class="avatar avatar-16" src="http://0.gravatar.com/avatar/ee20e203cf6b6f95c2fd1c8a05c48532?s=16&d=wavatar&r=G" alt="" width="16" height="16" /></td> <td class="recentcommentstextend">anang on <a href="http://omkicau.com/pasar-burung-2/#comment-21209">PASAR BURUNG</a></td> </tr> <tr> <td class="recentcommentsavatarend" style="height: 16px; width: 16px;"><img class="avatar avatar-16" src="http://1.gravatar.com/avatar/b3bea6640a506094c262492d255abc21?s=16&d=wavatar&r=G" alt="" width="16" height="16" /></td> <td class="recentcommentstextend">bagus on <a href="http://omkicau.com/murai-batu/#comment-21208">MURAI BATU</a></td> </tr> </tbody> </table> </div></h6>Pertanyaannya, dari mana kode2 itu diambil? Ya kita sorot saja recent koment yang ada di sidebar dan kita copaz dari sama.
Karena itu, biar enggak repot, nggak usah pakai scrolldown.
Kelemahan scroll down adalah pengguna HP yang melihat blog kita menggunakan mode layar penuh, tidak bisa melihatnya secara keseluruhan.
Kalau kita memang maniak scrolldown, di bawah setiap bagian yang di-scroll down, harus ada link yang disediakan untuk membuka layar secara penuh (dibuat di halaman tersendiri). Lihat contohnya di sidebar blog saya pada beberapa title yang saya terapkan scroll down..Begitu Om.
-
@ocekojiro:
Untuk apa yang saya sampaikan itu, contohnya adalah beberapa titlle di sidebar blog Om Oce, misalnya “LINK SAHABAT2KU”, “HALAMANKU”, dan “SELURUH TULISANKU”…Jadinya seperti ini (ini saya ambil langsung dari blog Om Oce)
Setelah kode pembuka
<div style="border: 1px solid rgb(0, 102, 0); overflow: auto; width: 160px; height: 240px;">Lalu dututup dengan:
</div>maka sebaiknya di bawahnya ditambah lagi
“Untuk pengguna HP, silakan langsung klik di sini”, di mana kata “di sini” diberi link ke halaman peta situs. Di peta situs itu ada semua daftar kategori, halaman dan arsip semua artikel yang sudah ada.
Bikin saja peta situs ya Om soalnya saya lihat blog Om nggak ada peta situsnya. -
Trims Oom… Tapi berhubung ribed sy masih pikir2 dulu utk menggunakannya.
Btw, oom bisa masuk ke dasor saya ya, kok bisa copas html yg diatas ? -
di firefox klik kanan lalu pilih Page Source.. tp koq bs nemu ya letak html nya.. klo saya kebingungan..hehe
-
@ambonganteng:
Disorot/blog dulu yang mau diambi/lihat. Contohnya, ini adalah sumber dari All Category di blognya Om Ambonjelek, eh ganteng, hehehe…:<p style="text-align: justify;"><a title="Berita Seni" href="http://ambonganteng.wordpress.com/category/art-news/" target="_self"><strong>Art News</strong></a> | <a title="Berita Teknologi" href="http://ambonganteng.wordpress.com/category/beritatek/" target="_self"><strong>Tech News</strong></a> |<strong> <a title="Mobile Featured" href="http://ambonganteng.wordpress.com/category/fitur-ponsel/" target="_self">Fitur Ponsel</a></strong> | <a title="Berita Terkini" href="http://ambonganteng.wordpress.com/category/hot-news/" target="_self"><strong>Hot News</strong></a> | <strong><a title="Internet Marketing" href="http://ambonganteng.wordpress.com/category/internet-marketing/" target="_self">Internet Marketing</a> </strong>| <strong><a title="Berita Otomotif" href="http://ambonganteng.wordpress.com/category/kabar-otomotif/" target="_self">Automotif</a> </strong>| <a title="Info Kesehatan" href="http://ambonganteng.wordpress.com/category/kesehatan/" target="_self"><strong>Kesehatan</strong></a> | <a title="Life Style | Gaya Hidup" href="http://ambonganteng.wordpress.com/category/life-style/" target="_self"><strong>Life Style </strong></a>| <a title="Journal Ku" href="http://ambonganteng.wordpress.com/category/my-journal/" target="_self"><strong>Journal</strong></a> |<a title="Ngakak | Humor | Ketawa | Lucu" href="http://ambonganteng.wordpress.com/category/ngakak/" target="_self"> <strong>Ngakak</strong> </a>| <a title="Review Ku" href="http://ambonganteng.wordpress.com/category/my-journal/review/" target="_self"><strong>Review</strong></a> | <a title="Sains" href="http://ambonganteng.wordpress.com/category/sains/" target="_self"><strong>Sains</strong></a> | <strong><a title="SEO Tips" href="http://ambonganteng.wordpress.com/category/seo/" target="_self">SEO Tips</a> </strong>|<strong> <a title="Tips Sukses" href="http://ambonganteng.wordpress.com/category/tips-hidup-sukses/" target="_self">Tips Sukses</a> </strong>| <strong><a title="Tips Network Marketing" href="http://ambonganteng.wordpress.com/category/tips-network-marketing/" target="_self">Network Marketing Tips</a> </strong>| <a title="Info Games | Tips Game | Cheat Game " href="http://ambonganteng.wordpress.com/category/tips-trik-bermain-game/" target="_self"><strong>Game Tips and Cheats</strong></a> | <a title="Info Dunia Komputer dan Internet" href="http://ambonganteng.wordpress.com/category/tips-trik-internet-komputer/" target="_self"><strong>Komputer dan Internet</strong></a> | <strong><a title="Info dan Tips Blogging" href="http://ambonganteng.wordpress.com/category/tips-trik-nge-blog/" target="_self">Blogging Tips & News</a> </strong>| <a title="Tips Wirausaha" href="http://ambonganteng.wordpress.com/category/trik-wirausaha/" target="_self"><strong>Tips Wirausaha</strong></a></p> -
-
Hahaha, gak apa2 kan yang lihat ya teman2 sendiri di forum.
Sekadar ngobrol dan diskusi yuk:1. Dengan kode
" target="_self">Artinya link dibuka di tab yang sama (untuk firefox). Ini ada keuntungan, ada kerugiannya. Keuntungannya, kita “memaksa” pembaca untuk fokus pada link yang kita tunjukkan. Kerugiannya, jika tab yang baru kok baru lama banget mbukanya, tidak ada alternatif lain bagi pengunjung untuk baca2 halaman yang sudah terbuka lebih dahulu. Kalau memang benar2 lama, bisa2 pengunjung lari sambil gerundel “huh… web kok lama dibuk…”
Saya lebih suka mengarahkan agar link baru dibuka di tab lain, dengan demikian kodenya adalah" target="_blank">2. Dengan tidak ada tanda kode “rel=nofollow”, maka kita mengijinkan mesin pencari (crawl atau robot) untuk masuk mengikuti link yang kita berikan itu. Tetapi risiko penggunaan navigasi seperti ini adalah jika ada link ke halaman/artikel yang sama di halaman tempat kita memasang custom navigasi ini, maka mesin pencari akan menganggap ada double tag atau double page di blog kita. Hal itu bisa “menurunkan” nilai blog kita di mata mesin pencari.
Untuk itu bisa dipertimbangkan penambahan kode rel=”nofollow”. Kode ini bisa dipasang di sini misalnya:<a title="Info Games | Tips Game | Cheat Game " rel="nofollow" href="http://ambonganteng.wordpress.com/category/tips-trik-bermain-game/" target="_self"><strong>Game Tips and Cheats</strong></a>Oke, sementara ini dulu ya ngobrolnya…
Semangat!!!! -
hadoh om, mending dibiarkan aja seperti aturan WP … gak pake scroll2an, di WP memang dikonsenkan untuk membuat artikel/tulisan
BTW kalo pengen nyoba ‘ilmu’ webdesignnya bisa meluncur ke bl*gsp*t atau m*lt*lpy, di 2 blog tsb kita bisa dg leluasa utk mendressup layoutnya ;) -
Terus, solusi untuk Blog saya gimana ya Om Duto.. supaya dihormati di mata mesin pencari juga..
-
@syahkira:
Hehehe… justru di dalam keterbatasan, kita sering bisa kreatif…. (kata superman…)
@Ambonganteng:
Haya pakai apa yang saya sampaikan. Tetapi, btw, saya sendiri nggak begitu peduli dengan PR, karena sedemikian lebatnya navigasi di halaman depan saya (sejak dulu) makanya rank dari crawl atau robot mesin pencari, dibagi ke banyak sekali link, jadi sejak jaman baheula PRnya tetap saja 2, tetapi alexa terus naik, dimulai dari 2 jutaan ketika mulai bikin dan kini ada di point 221,772.
“Traffic yang tepat” sih yang saya bidik untuk jualan (kata Tante Syahkira), hehehe… -
nofollow dan dofollow sperti yang dijelaskan Master Kicau( Om Duto) apa perbedaannya..?? jujur aja masalah ini saya ckup Belum faham.. hehe.. mohon penjelasan dari yang cukup mengerti..hehe
-
Waduuuuh, kalau sudah perkara pollo2nan saya juga bingung sendiri. Mau ikutan nyimak, ah.
Btw, soal alexa, punya saya malah tak lepas widgetnya padahal sudah nyampe 64-an ribu. Terus akhirnya kini berada dikisaran 114-an. Abis alexa saya gak bisa dijadiin duit, sih. Hanya untuk gaya2an doang.
hehehehe -
sama om.. widget statistik di blog saya jg udh saya hapus.. sekarang cuma dari direktori Blog Indonesia doank..
-
- Topik ‘bikin recent coment pake scrolldown’ tidak lagi menerima balasan baru.
id.WordPress.com Forums 