Kali ini saya coba membuat recent comment atau komentar terbaru dari postingan anda dengan sedikit lebih menarik ketimbang bawaan dari blogger dengan menggunakan ronded corner.
untuk recent comment ini kodenya saya dapat dari http://www.corpseofattic.com dan kemudian saya tambahkan beberapa kode supaya tampilanya lebih menarik yaitu dengan menggunakan ronded corner atau dengan outline lengkung di ujungnya.
Gimana anda tertarik silahkan langsung saja ikuti caranya di bawah ini.
1. masuk ke blogger
2. pilihTata letak dan masuk pada Element halaman
3. tambah gadget yang akan di jadikan untuk Recent comment
4. Pilih HTML/JavaScript
5. Masukan Kode di bawah ini :
<div style="overflow: auto; width: 248px;
height: 100%; border-bottom: 5px solid #ccc;border-top: 1px solid #ccc;border-right: 1px solid #ccc;border-left: 1px solid #ccc; padding: 10px; background-color:#fff; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; ">
<script style="text/javascript" src="http://corpseofattic.com/scripts/recentcommentsv2.js"></script><script style="text/javascript">var numposts = 10;var showposttitle = true;var standardstyling = true;</script><script src="http://chugygogog.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script></div>
height: 100%; border-bottom: 5px solid #ccc;border-top: 1px solid #ccc;border-right: 1px solid #ccc;border-left: 1px solid #ccc; padding: 10px; background-color:#fff; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; ">
<script style="text/javascript" src="http://corpseofattic.com/scripts/recentcommentsv2.js"></script><script style="text/javascript">var numposts = 10;var showposttitle = true;var standardstyling = true;</script><script src="http://chugygogog.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script></div>
* Teks warna Merah adalah lebar dari recent comment Silahkan dirubah sesuaikan dengan template anda.
* Untuk Teks warna hijau adalah jumlah coment yang di tampilkan.
* Warna biru ganti dengan alamat blog anda.
Jangan lupa simpan.
0 komentar:
Posting Komentar