About Mew O wSepakbolaTV OnlineGameOnlineAplikasiAwardDaftar isi

Sabtu, 24 November 2012

Membuat Rencent Comment terbaru dan keren with avatar

Googling - googling nyari recent comment yang keren, akhirnya dapat juga.....
Nah sobat jika ingin membuat Recent Comment Seperti punya saya ini, maka ikutilah turtorial di bawah ini...
1. Log in ke blogger sobat.
2. Masuk ke Tata Letak > Tambah Gadget > pilih HTML/JavaScript dan pastekan Script di bawah ini :






<div style="-padding-right: 0px; padding-left: 0px; padding-bottom: 0px; overflow: auto; width: auto; padding-top: 0px; height:200px" 1px="1px" solid="solid">

<style type="text/css">
#recentcomment {
width:98%;
margin-left:5px;
}
img.recentcomment-avatar {
background:black
;
float:right;
padding:2px;
margin:2px -2px 0px 0px;
height:30px;
width:30px;
border:solid white 0px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 1px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 1px 0px 0px rgba(0,0,0,0.3);
box-shadow: 0px 1px 0px rgba(0,0,0,0.3);
}
td div.recentcomment-content a,td div.recentcomment-content a:hover{
font-family: 'trebuchet ms';
font-size:0.70em!important;
color:yellow;
text-decoration:none;
}
div.recentcomment-content{
font-size:0.90em!important;
text-decoration:none;
line-height:1.45em;
letter-spacing:0.03em;
background: black;
padding:4px;
border:1px solid #ddd;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 1px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 1px 0px rgba(0,0,0,0.3);
box-shadow: 0px 1px 0px rgba(0,0,0,0.3);
}
</style>

<script type="text/javascript">
ava_mode = "all";
var cm_num = 15;
var cm_desc = 13;
var homepage = "http://rexroom.blogspot.com/";

var cm_ava = new Array();
cm_ava['openid'] = "http://3.bp.blogspot.com/-6kHTbPmPW6A/TuZpM4kzZCI/AAAAAAAAAbY/yNkCTBfl8IE/s1600/blogger.png";
cm_ava['livej'] = "http://3.bp.blogspot.com/-6kHTbPmPW6A/TuZpM4kzZCI/AAAAAAAAAbY/yNkCTBfl8IE/s1600/blogger.png";
cm_ava['wp'] = "http://3.bp.blogspot.com/-6kHTbPmPW6A/TuZpM4kzZCI/AAAAAAAAAbY/yNkCTBfl8IE/s1600/blogger.png";
cm_ava['typepad'] = "http://3.bp.blogspot.com/-6kHTbPmPW6A/TuZpM4kzZCI/AAAAAAAAAbY/yNkCTBfl8IE/s1600/blogger.png";
cm_ava['aim'] = "http://3.bp.blogspot.com/-6kHTbPmPW6A/TuZpM4kzZCI/AAAAAAAAAbY/yNkCTBfl8IE/s1600/blogger.png";
cm_ava['url'] = "http://1.bp.blogspot.com/-eUjiOVpSBmw/TuZpNJ0w8-I/AAAAAAAAAbk/MQCBeyTefdI/s1600/user.png";
cm_ava['anon'] = "http://1.bp.blogspot.com/-bCPKKy16aV4/TuZpM901nkI/AAAAAAAAAbQ/GEM1G_Nym_Y/s1600/anonymous.png";</script>
<script src="http://javscript-code.googlecode.com/files/recent-comment-avt.js" type="text/javascript"></script>
</div>

3. Save dan lihat hasilnya....

Keterangan :
Warna Merah ganti dengan Url Blog sobat

Warna Putih  adalah besar kecil tulisan silahkan sobat edit sendiri sesuai selerah
Yang lainnya silahkan sobat ubah sesuai kebutuhan sobat.....

Related Post:

Ditulis Oleh : jolly sondakh ~ Great Works Of Art

Artikel Membuat Rencent Comment terbaru dan keren with avatar ini diposting oleh jolly sondakh pada hari Sabtu, 24 November 2012. Terimakasih atas kunjungan Sobat serta kesediaan Sobat membaca artikel ini. Kritik dan saran dapat anda sampaikan melalui kotak komentar.

:: Get this widget ! ::

Comments
0 Comments

Tidak ada komentar: