Cara pasang widget Recent comments dilengkapi dengan avatar/Foto di Blogspot

Hello, all bloggers around Indonesia and oversea may be...Yep dalam postingan kali ini Education for all akan posting artikel tentang cara pasang widget Recent comments dilengkapi dengan avatar/Foto di Blogspot. Sungguh tiada habisnya bila kita bicara tentang cara memperindah blog yang kita sayangi, betulkan. nah bila sobat blogger mania berminat untuk membuatnya caranyapun cukup gampang and mudah sekali nggak seribet yang kita bayangkan. ikuti saja langkah langkah sederhana ini. Oh ya, kalau mau lihat demonya lihat aja dikolom recent coment EFA disidebar sebelah kanan atau arahkan kursor sobat blogger mania pada gambar dibawah ini

Oke dah jelas kan, kalau dah jelas mari kita praktekan bersama sama. 

Cara Membuat

• Login : Login to Blogger. Gunakan User Name atau Email Address serta Password. Setelah data tersebut dituliskan dengan benar, KLIK "Login".
• Dasboard (Dasbor) : Ini halaman yang akan dijumpai setelah login. Akan terlihat beberapa buah link di dalamnya. Cari dan KLIK "Design (Rancangan)". Tunggu beberapa saat!
• Design (Rancangan) : KLIK link "Add gadget".
• Pilih Edit HTML : Setelah halaman ini terbuka, Pastekan script dibawah ini kedalamnya

<style type="text/css">

#recentcomment {

width:98%;

margin-left:5px;

}

img.recentcomment-avatar {

background:#000;

float:right;

padding:2px;

margin:2px -2px 0px 0px;

height:30px;

width:30px;

border:solid #ddd 1px;

-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 2px 5px 0px #000;

box-shadow: 0px 2px 5px 0px #fff;

}

td div.recentcomment-content a,td div.recentcomment-content a:hover{

font-family: 'trebuchet ms';

font-size:1.00em!important;

color:yellow;

text-decoration:none;

}

div.recentcomment-content{

font-size:1.00em!important;

text-decoration:none;

line-height:1.45em;

letter-spacing:0.03em;

background: #02022b;

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 2px 5px 0px #000;

box-shadow: 0px 2px 5px 0px #fff;

}

</style>

<script type="text/javascript">

ava_mode = "all";

var cm_num = 10;

var cm_desc = 13;

var homepage = "http://fajar7siblings.blogspot.com/";

var cm_ava = new Array();

cm_ava['openid'] = "http://img1.blogblog.com/img/anon36.png";

cm_ava['livej'] = "http://img1.blogblog.com/img/anon36.png";

cm_ava['wp'] = "http://img1.blogblog.com/img/anon36.png";

cm_ava['typepad'] = "http://img1.blogblog.com/img/anon36.png";

cm_ava['aim'] = "http://img1.blogblog.com/img/anon36.png";

cm_ava['url'] = "http://img1.blogblog.com/img/anon36.png";

cm_ava['anon'] = "http://img1.blogblog.com/img/anon36.png";

</script>

<script src="http://javscript-code.googlecode.com/files/recent-comment-avt.js" type="text/javascript"></script>

Ganti tulisan berwarna merah dengan alamat URL blog sobat blogger mania.

Sedangkan angka 10 jumlah recent komment yang akan ditampilan.

Terakhir dan paling utama simpan/ SAVE  

SELESAI, SEMOGA BERMANFAAT..........

The Owner of Education For All Blog hanyalah seorang Blogger pemula namun bila sobat blogger mania berminat untuk melihat tutorial lainya bergaya magazine blog silahkan. Akses melalui link di bawah ini :

• 
• 

» Selamat Berkreasi - E F A «