Recent Comments Dengan Avatar Untuk Blogger V.3
Recent Comments with Avatar for Blogger - Recent comment atau widget komentar terbaru ini saya berinama Recent Comments v.3, masih sama dengan versi sebelumnya masih memunculkan avatar. Script original masih buatan Harish Dasari dan diedit oleh Afandi Kusuma. Pada versi sebelumnya, script yang digunakan yaitu dari Kang Asep Sakahayang.
Cara pemasangannya sangat mudah, yaitu buat widget baru HTML/JavaScript dan simpan kode ini didalamnya.
Untuk membuat tampilan berbeda, silahkan edit CSS diatas. Penjelasan script yang bisa dikostumisasi :
Catatan Update :
v.1 - 11.01.2012
Yang berbeda pada v.3 ini yaitu clickable area (area yang bisa diklik) bukan hanya pada Nama Komentator, tetapi disekitar avatar, nama, dan isi komentar semuanya clickable. Kelebihan lain v.3 ini yaitu valid HTML5.
Cara pemasangannya sangat mudah, yaitu buat widget baru HTML/JavaScript dan simpan kode ini didalamnya.
<style type="text/css" scoped> ul.kangismet_recent{list-style:none;margin:0;padding:0;} .kangismet_recent li{background:none !important;margin:0 0 6px !important;padding:3px !important;display:block;clear:both;overflow:hidden;list-style:none; border: 1px solid transparent; border-radius:9px; max-height: 100px;} .kangismet_recent li:hover{border: 1px solid #ddd;} .kangismet_recent a {text-decoration:none;} .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;} .avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;width:35px;height:35px} .kangismet_recent li span{margin-top:4px;color: #222;display: block;font-size: 12px;line-height: 1.4;} </style> <script type="text/javascript"> //<![CDATA[ var numComments = 5, showAvatar = true, avatarSize = 35, roundAvatar = true, characters = 40, defaultAvatar = "http://www.gravatar.com/avatar/?d=mm", hideCredits = true; maxfeeds=50, adminBlog='Kang Ismet'; //]]> </script> <script type="text/javascript" src="https://kang-is.googlecode.com/svn/trunk/javascript/recentcomments2.js"></script> <script type="text/javascript" src="/feeds/comments/default?alt=json&callback=kangismet_recent&&max-results=50"> </script>
Kostumisasi
Untuk membuat tampilan berbeda, silahkan edit CSS diatas. Penjelasan script yang bisa dikostumisasi :
numComments = 5
(jumlah komentar yang ditampilkan)showAvatar = true
(false, apabila ingin menyembunyikan avatar)avatarSize = 35
(ukuran avatar dalam pixel)roundAvatar = true
(avatar bulat)characters = 40
(jumlah karakter isi komentar)defaultAvatar = "http://www.gravatar.com/avatar/?d=mm"
(avatar default)adminBlog='Kang Ismet'
(nama admin blog, wajib diganti)Catatan Update :
v.1 - 11.01.2012
- Released
- Script by Harish Dasari
- Script modified by Asep
- Removed Admin Comments
- Script modified by Afandi Kusuma
- Expanded clickable area
- Fixed HTML5 validation issues by Kang Ismet
104 komentar
2. Tinggalkan komentar sesuai topik tulisan
3. Apabila ada pertanyaan diluar artikel silahkan kunjungi Ruang Obrolan.
4. Centang Beri tahu saya untuk mendapatkan notifikasi via Email ketika ada balasan
5. Untuk menghapus komentar, geser kursor ke sebelah kanan komentar Anda.
image quote pre code
reques iya...
bang-irham.blogspot.com
mau nyoba dulu...
ngiring diajar didie nya kang
http://duniadgrafis.blogspot.com
Salam sukses:)
JOS998.BLOGSPOT.COM
http://1.bp.blogspot.com/-bsCIlxtqB0E/UlRZbHjBLpI/AAAAAAAABzA/mEFV5yIkbLk/s1600/Error.jpg
Keren nih
setahu saya Iframe adalah "bingkai" untuk menampilkan webpage lain pada suatu halaman.
kalau pemasangan iframe pada widged blog bisa mengakibatkan SEO BLOG Menurun.
mengapa saya bilang begitu karena menurut saya saat membuat Iframe kita membuat browser kita memuat tambahan halaman web dalam satu tab. Semakin banyak iframe yang kita gunakan, maka semakin banyak pula halaman web yang dibuka secara bersama-sama.
dan proses memuat halaman tersebut tidak akan selesai sebelum semua komponen web page yang kita masukkan dalam iframe itu termuat semua.
dan Kalau waktu muat blog kita terlalu lama, itu bisa berpengaruh pada pengindeksan blog kita
kita bisa mengumpamakan seperti ini, robotnya google sampai di halaman web kita dan berusaha memuat halaman kita, kalau iframe kita berisi website yang berat atau bahkan macet, maka blog kita bisa "kehabisan waktu" dan googlebot harus meninggalkan website kita sebelum menyapu semua link yang ada …
ohh yha kang tombol delete komentarnya keliatan semua tuu,,hahahay
ditunggu kunjungannya kang..
http://indradp-share.blogspot.com/
Jadi Terharu, :) hahahhaaaa
kang, di tunggu neh yang tutorial bkin klik ganda buat seleksi
sedot tah mang.. :D
Ijin Praktekin ...
Sisindiran kang ah :
Mawa kalapa ka ciburial , mawa bedil kacidamaya
ieu aya tutorial , anu valid HTML5 hehe
Punten sanes bade ngiruhan atanapi ngotoran kolom komentar mung saukur ngiring ngareuah-reuah .... ( maklum kang urang sunda cunihin )
hatur nuhun kana komena, kang ruly jenar nakula
nembe males komen lami mikirna :D