Selain itu juga memiliki tampilan lebih beda jika dibandingkan dengan blog lain yang tidak memasang widget tersebut dimana pemasangan widget ini sudah dilengkapi dengan photo profil komentar, menari kan? jika anda ingin memasang widget komentar terbaru di blog anda dengan gambar photo profil maka ikuti langkat dibawah ini.
Hasilnya akan seperti gambar dibawah ini.
Cara membuat komentar terbaru di blog dengan gambar photo profil.
1. Login Blogger
2. Klik Rancangan
3. Klik Tambah Gadget dan Pilih HTML/Java Script
4. Copy Kode Dibawah Ini Paste Di Kotak HTML/Java Script
<div style="overflow:auto;width:auto;height:250px;border:1px solid #ccc; padding:10px; margin:0 auto;background:#ff0000;"> <style type="text/css"> ul.w2b_recent_comments{list-style:none;margin:0;padding:0;} .w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;} .w2b_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;} .avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;} .w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;} .w2b_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;} </style>
<script type="text/javascript">
//<![CDATA[
// Recent Comments Settings
var
numComments = 10,
showAvatar = true,
avatarSize = 45,
roundAvatar = true,
characters = 250,
defaultAvatar = "",
hideCredits = true;
//]]></script>
<script type="text/javascript" src=" https://sites.google.com/site/kraengfranciscotutorial/home/Recent_Comments_New_kraengfranciscotuturial.js "></script> <script type="text/javascript" src="ahmancreativ77.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=100"></script>
5. Selesai.
Keterangan :
• 250px adalah tinggi kotak komentar terbaru, silahkan ganti sesuai keinginan anda.
• #fff adalah warna background kotak, silahkan ganti apabila menginginkan warna yang lain, untuk kode warna sementara saya belum siapkan untuk blog ini, untuk memudahkan anda mencari kode warna silahkan masuk ke alamat ini.
• numComments = 10 adalah jumlah komentar yang akan di tampilkan, silahkan ganti untuk mengurangi atau menambahkan jumlah komentar yang akan anda tampilkan.
• showAvatar = true kode pertama adalah kode untuk menampilkan gambar profil, jika anda ingin menghilangkan ganti tulisan true menjadi false.
• avatarSize = 45 adalah ukuran besar photo profil, silahkan menganti 35 dengan ukuran yang anda inginkan.
• roundAvatar = true adalah kode kedua untuk membuat photo profil komentar berbentuk bundar dan jika anda ingin menampilkan dalam bentuk kotak silahkan ganti true menjadi false
• characters = 250 adalah jumlah karakter huruf komentar yang akan ditampilkan, silahkan ganti sesuai keinginan anda.
• http://ahmancreativ77.blogspot.com ganti dengan alamat URL anda.
Sekian Cara Membuat Komentar Terbaru Di Blog Dengan Gambar Photo Profil.Semoga Bermanfaat.
