Top Comment effect berputar valid html 5

Top Comment effect berputar valid html 5

Membuat sesuatu yang  ada dengan sedikit berbeda,  seperti pada  kesempatan kali ini
Akan Saya share tentang cara membuat widget top komentar dengan  sedikit sentuhan
Effects, berputar saat avatar comment di sentuh mouse, namun di kesemuanya ini tidak
Akan berdampak negatif, atau mempengaruhi, error pada template,  karena sudah saya
Belai dengan dengan conversi parse, hingga valid html 5 juga css 3,  silahkan di simak

Top Comment effect berputar valid html 5

Top Comment :

Top comment,  atau kata lain  kementar terbaru,  adalah widget  atau  alat  record
Form comment,  peran pentingnya widget ini,  yaitu  menampilkan aktivitas  anda
Di saat pengunjung  mengomentari artikel blog kita, secrenshot nya seperti pada
Gambar di atas,  jadi  buat sobat blogging,  yang form  comment  di   nonaktipkan
Tanpa verifikasi, juga off moderasi,  maka widget ini  sangat  membantu  aktivitas
Pengunjung blog anda dan di bawah ini akan saya tampilkan previews demonya

Buka Demo : Komentar terbaru

Cara memasangnya :

Pertama anda masuk blog anda dan sigin, lalu masuk dasboard
Kemudian pilih layout-tata letak, pilih tambah gadget lalu copy kode java
Script di bawah ini ke dalam gadgte baru tadi di  kolom html - java script

<style scoped type="text/css">
ul.lavixta_recent_comments{list-style:none;margin:0;padding:0;}
.lavixta_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
.lavixta_recent_comments li .avatarImage{padding:3px;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;
border-radius:999px;
-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;}
.lavixta_recent_comments li .avatarImage:hover{
-o-transform: scale(1) rotate(360deg); -moz-transform: scale(1) rotate(360deg); -webkit-transform: scale(1) rotate(360deg);
border-radius:1px;
}
.lavixta_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
.lavixta_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
// Recent Comments Settings
var
numComments = 8,
showAvatar = true,
avatarSize = 50,
characters = 60,
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="https://lavixtastar-code.googlecode.com/files/LavixtaStar%20Spining%20Recent%20Comments.js"></script>
<script type="text/javascript" src="http://karristaent.blogspot.com/feeds/comments/default?alt=json&amp;callback=lavixta_recent_comments&amp;max-results=9999"></script>

Keterangan kode diatas :

Ganti teks warna Merah, dengan link blog anda
Sesuaikan teks warna Orange, dengan ukuran foto di komentar
Ubah tek warna Biru,  dengan jumlah avatar yang  di tampil kan

Setelah terpasang dengan benar kilik save atau simpan, dan lihatlah hasilnya
Sementara    cukup   sampai  disini   artikel,  tentang,   Comment berputar valid html 5
Demikian semoga artikel ini bisa bermanfaat,  buat anda yang membutuhkanya  sobat
Jika ada bait, teks, artikel saya ada yang salah,,? Anggap sajalah, itu pertanyaan untuk
Anda, dan jika anda bersedia melengkapinya  silahkan tuangkan saja teks  pelengkap
Untuk artikel ini, sebelum dan sesudah nya saya ucapkan terima kasih atas pendapat
Anda dan juga kunjungan, sobat yang sangat  berharga ini. buat saya salam  blogging

Widget ini saya terinfirasikan oleh sobat blogging :
Mas : Adjie Umbara
Author : Karrysta