Pasang Recent Comment Versi 4
Tampilan recent coment (komentar terbaru) ini punya kelebihan dibanding recent coment sebelumnya. Dilihat dari setiap point yang tampil pada instruksi Css, tips ini bersumber dari sakahayang.com yang juga merupakan situs yang menampilkan post ihwal tutorial.
Kelebihan yang ada pada recent comment ini ialah pada tampilan avatar yang bentuknya bulat, goresan pena komentar yang sanggup kita atur serta kelebihan-kelebihan lainya. Anda akan melihat kelebiha itu sesudah dipasang pada blog anda.
Selain memakai instruksi Css, recent comment ini juga dibantu dengan sebuah file javascript.
Bagi anda yang ingin memakai file javascript milik sendiri supaya proses loadingnya tidak tergantung dari file javascript milik EPG Studio. Anda sanggup download javascript-nya disini.
Sebagai contoh, coba anda perhatikan gambar dibawah ini. Kelebihan yang ada pada recent comment ini ialah pada tampilan avatar yang bentuknya bulat, goresan pena komentar yang sanggup kita atur serta kelebihan-kelebihan lainya. Anda akan melihat kelebiha itu sesudah dipasang pada blog anda.
Selain memakai instruksi Css, recent comment ini juga dibantu dengan sebuah file javascript.
Bagi anda yang ingin memakai file javascript milik sendiri supaya proses loadingnya tidak tergantung dari file javascript milik EPG Studio. Anda sanggup download javascript-nya disini.
Sekarang kita pribadi ke tips cara memasang recent commet versi 4.
LANGKAH PERTAMA
- Masuk ke Dasbor blog anda.
- Pilih sajian template pada blog yang akan dipasang recent coment.
- Download template blog anda terlebih dulu, kalau takut gagal dengan cara klik Cadangkan/Pulihkan yang berada di bab atas kanan.
- Setelah proses download selesai, klik Edit Template.
- Cari instruksi
]]></b:skin>
pada template blog anda. - Gunakan CTRL+F untuk mempercepat pencarian.
- Copy instruksi Css dibawah ini, lalu paste sempurna dibawah kode
]]></b:skin>
<style type='text/css'>
ul.sakahayang_recent_comments{
list-style:none;
margin:0;
padding:0;
overflow:hidden;
list-style-type:none
}
.sakahayang_recent_comments li{
width: auto;
list-style-type:none;
float:none;
height:auto;
overflow:hidden;
background:transparent;
border:1px dotted #1d1d1d;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
margin:0 0 5px;
padding:5px;
}
.sakahayang_recent_comments li .avatarImage{
padding:3px;
float:left;margin:0 6px 0 0;
position:relative;overflow:hidden}
.avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-
radius:100px}
.sakahayang_recent_comments li img{
padding:0;
position:relative;
overflow:hidden;display:block}
.sakahayang_recent_comments li span{
margin-top:4px;
color:orange;
display:block;
font-size:12px;
font-style:italic;
line-height:1.4}
</style>- Kode
border:1px dotted #1d1d1d;
: merupakan instruksi garis yang tampil, anda sanggup mengganti ukuran, style dan warna border sesuai keinginan. - Kode
color:orange;
: merupakan warna goresan pena yang tampil, anda sanggup mengganti dengan warna kesukaan anda. - Kode
font-size:12px;
: merupakan ukuran karakter yang tampil. Anda sanggup mengganti ukuran karakter sesuai keinginan. - Kode
font-style:italic;
: menandakan goresan pena yang tampil miring, instruksi itu sanggup anda buang atau diganti dengan bold atau apa saja yang penting kodenya untuk mengatur tampilan huruf.
- Kode
- Setelah simpulan pengeditan instruksi Css, klik tombol Simpan Template.
- Masuk sajian Tata Letak
- Klik tambah gadget pada bab dimana anda akan meletakan recent comment.
- Pilih HTML/JavaScript.
- Copy script dibawah ini lalu paste pada kolom yang tersedia.
<script type="text/javascript">
//<![CDATA[
// Recent Comments Settings
var
numComments =3,
showAvatar = true,
avatarSize = 30,
roundAvatar = true,
characters = 107,
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
maxfeeds=50;
//]]>
</script>
<script type="text/javascript" src="https://sites.google.com/site/epgstudiosite/java-script-admin/rcwaupack1.js.txt"></script>
<script type="text/javascript" src="http://ades-sambas.blogspot.com/feeds/comments/default?alt=json&callback=sakahayang_recent_comments&max-results=10">
</script> - Kode
numComments =3,
: merupakan jumlah tampilan komentar terbaru. Dapat anda ganti dengan jumlah yang ingin ditampilkan. - Kode
characters = 107,
: merupakan jumlah kata yang tampil pada setiap komentar . Dapat anda ganti sesuai keinginan. - Kode
https://sites.google.com/site/epgstudiosite/java-script-admin/rcwaupack1.js.txt
: merupakan file javascript simpanan EPG Studio. Dapat anda ganti dengan file javascript simpanan anda. - Ganti url blog ini
http://ades-sambas.blogspot.com
dengan url blog anda - Setelah simpulan pengeditan, klik tombol Simpan.
- Lihat Komentar terbaru pada blog anda.