• Email
• RSS
• Google Plus
• Facebook
• Twitter

ANS Home

requirements

• Koneksi yang lancar
• Internet Browser yang memadai
• Berpengalaman dalam mengedit HTML/CSS atau sejenisnya
• Sediakan minuman segar dan cemilan ringan untuk merilekskan pikiran

Gambar 1 : Pilihan menu "Tata Letak" pada dasbor

Gambar 2 : Pilihan "Tambah Gadget" pada halaman Tata Letak

Gambar 3 : Pilihan "HTML/JavaScript" pada halaman Tambah Gadget, klik kotak biru tsb untuk menambah Widget/Gadget baru.

• Copy dan letakkan kode dibawah ini pada kotak kontennya

 <style type="text/css">

ul.lavixta_recent_comments{list-style:none;margin:0;padding:0;}

.lavixta_recent_comments li{background:#eee;margin:5px 0 0 !important;padding:5px 0 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; background:#ddd;}

.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:0;position:relative;overflow:hidden;display:block;background:#ddd;}

.lavixta_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;border-bottom:1px dotted grey;padding-bottom:8px;background:#ddd;}

</style>

<script type="text/javascript">

//<![CDATA[

    // Recent Comments Settings

    var

numComments  = 5,

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://ans-home.blogspot.com/feeds/comments/default?alt=json&callback=lavixta_recent_comments&max-results=9999"></script> 

• numComments  = 5 → untuk menentukan jumlah komentar yang ditampilkan, sobat bisa mengganti angka 5 dengan sesuka sobat. Untuk hal ini saya sarankan maximal 7 saja, agar widgetnya tidak terlalu tinggi/panjang.
• avatarSize  = 50 → untuk menentukan ukuran gambar avatar, sobat bisa mengganti angka 50 dengan sesuka sobat. Untuk hasil yang sempurna, code ini tidak perlu diubah.
• characters  = 60 → untuk menentukan jumlah karakter yang akan ditampilkan pada setiap komentar, sobat bisa mengubah angka 60 dengan sesuka sobat. Saya sarankan maximal 100.
• ans-home.blogspot.com → untuk menentukan blog/web mana yang akan ditampilkan komentar terbarunya, sobat bisa mengganti ans-home.blogspot.com dengan URL/Alamat blog/web sobat.

• Selanjutnya, klik "Simpan" untuk menyimpan widget/gadget yang sudah dibuat.
• Coba, lihat blog sobat, jika widgetnya sudah muncul, berarti misi sudah selesai.. ^_^

requirements

• Koneksi yang lancar
• Internet Browser yang memadai
• Berpengalaman dalam mengedit HTML/CSS atau sejenisnya
• Sediakan minuman segar dan cemilan ringan untuk merilekskan pikiran

Gambar 1 : Pilihan menu "Tata Letak" pada dasbor

Gambar 2 : Pilihan "Tambah Gadget" pada halaman Tata Letak

Gambar 3 : Pilihan "HTML/JavaScript" pada halaman Tambah Gadget, klik kotak biru tsb untuk menambah Widget/Gadget baru.

• Copy dan letakkan kode dibawah ini pada kotak kontennya

Gambar 1 : Pilihan menu "Tata Letak" pada dasbor

Gambar 2 : Pilihan "Tambah Gadget" pada halaman Tata Letak

Gambar 3 : Pilihan "HTML/JavaScript" pada halaman Tambah Gadget, klik kotak biru tsb untuk menambah Widget/Gadget baru.

• Copy dan letakkan kode dibawah ini pada kotak kontennya