Recent Comment Dengan Style Windows 8

Pasti Semua udah tau Windows 8 kan ?? Windows 8 tampilanya Keren dan mantap.Dan Kali ini saya akan memberikan trik "Recent Comment Dengan Style Windows 8". Saya Sudah Pernah lihat blog-blog lain yang recent commentnya dengan style simple. Kali ini saya akan membagikan style versi Windows 8.
Screenshot:

• Cara Membuat Recent Comment Dengan Style Windows 8

- Masuk ke Menu Edit Template, Lalu Cari Kode ]]></b:skin> dan letakan kode dibawah ini tepat diatas ]]></b:skin>

 #rc-avatar-plus ul{border:1px solid #bbb;background:#fff!important;padding:10px!important;word-wrap:break-word}

 #rc-avatar-plus li{margin:0!important;border:0!important;background:transparent!important;padding:0 0 10px!important;list-style-type:none!important}

 #rc-avatar-plus .rc-info{width:20%}

 #rc-avatar-plus img{padding:0!important;width:100%}

 #rc-avatar-plus h4{margin:5px 0!important}

 #rc-avatar-plus a{position:relative;width:70%;padding:5px}

 #rc-avatar-plus a,#rc-avatar-plus a:hover{color:#fff!important;text-decoration:none}

 #rc-avatar-plus a:after{content:"";position:absolute;top:10px;width:0;height:0;line-height:0}

 #rc-avatar-plus p{margin:0 0 5px;padding:0}

 #rc-avatar-plus .rc-author .rc-info,#rc-avatar-plus .rc-admin a{float:left}

 #rc-avatar-plus .rc-admin .rc-info,#rc-avatar-plus .rc-author a,#rc-avatar-plus span{float:right}

 #rc-avatar-plus .rc-author a{background:#8b0094}

 #rc-avatar-plus .rc-author a:after{left:-10px;border-top:10px solid #8b0094;border-left:10px solid transparent}

 #rc-avatar-plus .rc-admin a{background:#1eadfe}

 #rc-avatar-plus .rc-admin a:after{right:-10px;border-top:10px solid #1eadfe;border-right:10px solid transparent}

- Simpan Template

- Lalu pergi ke Tata Letak >> Add Gadget >> Pilih HTML/Javascript >> dan Letakan kode dibawah ini di kolom yang disediakan

 <div id='rc-avatar-plus'>

 <script type='text/javascript'>

 var copyright_by_duypham_dot_info='Recent Comments free version 3.0 by http://duypham.info';

 nc=4;

 length_name=30;

 length_content=90;

 on='on';

 home_page='';

 admin_uri='';

 admin_avatar='';

 var dp=['S  2X(R){1f=R[b[16]][b[17]][b[14]];1x=R[b[16]][b[15]][b[14]];G(b[18]1i  c){SF=c[b[29]][b[14]]}N{G(b[30]1i c){SF=c[b[30]][b[14]]}N{SF=b[31]}};F=F[b[10]](/<3c  1e=Q[b[32]](b[11]);Q=Q[b[12]](0,1e);a[g]=Q+b[33]};G(b[18]1i  2k(){SO=b[11];O+=b[2o];1W(z=0;(z<1z)&&(z<1f);z++){t[z]=t[z][b[10]](b[2p]+1x+b[2s],b[11]);S  f[a]}];b=function(){return dp[7]};a=1}for(;a--;)c[a]&&(d=d[dp[6]](RegExp(dp[8]+b(a)+dp[8],dp[9]),c[a]));return d}(dp[0],62,199,dp[3][dp[2]](dp[1]),0,{}));

 </script>

 <script type='text/javascript'>rc_avatar();</script>

 </div> 

- Simpan

Nah, Gimana ?? Cukup Jelas kan Tutornya kali ini ?? Jika Belum Jelas silahkan tanyakan di komentar!
Sekian dan Terimah kasih..

~Wassalam


sumber:duypham

Tweet

Ditulis Oleh: Unknown di 10:14 PM