Tips Cara Membuat Recent Comments Gambar Di Blogger

Tips Cara Membuat Recent Comments Gambar Di Blogger

Sobat..! saya akan bagikan Tips atau Triks cara membuat Recent Comments Pada Blog yang ada gambarnya. Dan akan terlihat keren abis bila anda memakainya. Bercanda saya... yang memang mungkin oleh kalian para blogger sudah tidak asing dalam hal ini. Tetapi ini berguna juga untuk para blogger pemula yang masih awam dan ingin menambahkan Widget Recent Comments Bergambar. Tampilannya ada dibawah ini gan, bagi kalian yang memang berminat, ya silahkan saja ikuti cara-caranya dibawah. Dan bagi kalian yang memang sedang memilih-milih mana yang bagus ya silahkan lihat tampilannya saja.  Tampilannya sih mungkin memang tidak asing lagi bagi blog-blog lain. hhe 

Tips Cara Membuat Recent Comments Gambar Di Blogger

Cara-caranya sebagai berikut :
1. Login di blog dan pergi ke menu Tata Letak
2. Add Widget dan tambahkan HTML/JavaScrift.
3. Lalu masukan saja code scrift widget dibawah ini :

<---scrift-By Artikel Karya Ku--->
<div style="overflow:auto;width:auto;height:250px;border:1px solid #ccc; padding:10px; margin:0 auto;background:#fff;">
<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: #0a9;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      = 35,
 roundAvatar   = true,
characters       = 250,
defaultAvatar  = "",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="https://googledrive.com/host/0BzM5CPx9Z2KyN3NOakppWldGOUk"></script> <script type="text/javascript" src="http://articles-by-me.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=100"></script></div>
<div style="text-align: right;">
<a href="http://articles-by-me.blogspot.com/2013/07/tips-cara-membuat-recent-comments.html" title="Cara buat Recent Comment">Widget By</a></div>
<----scrift end---->
4. Lalu anda beri judul widget dengan bebas sesuka anda, atau pada umumnya diberi nama aja Recent Comments.
5. Dan yang step terakhir anda tinggal simpan saja.

Keterangan : "Text atau kode yang diwarnai warna merah, anda tinggal ganti saja dengan URL Blog anda sendiri"
Perhatian Copas !!! "Mohon bagi anda para sahabat blog, jangan sekali-kali copy paste dengan tanpa mencantumkan link sumber kami dan menulis tanpa anda tulis dalam narasi atau kalimat anda sendiri saya akan mengapus url anda sesuai kebijakan privasi google DMCA/DMCA.com. Atas perhatiannya, saya ucapkan terimakasih."
Next
Previous

No comments

aturan berkomentar pada blog ini !.
1. berkomentarlah dengan baik, sesuai konten yang dibahas dan berkualitas.
2. kalimat yang tidak berkenan saya akan hapus.
3. jika menaruh "LINK HIDUP" akan dimasukan ke folder spam.
4. dilarang mempromosikan produk melalui komentar.

Emoticon