Responsive Widget Recent Comment Blogger
Mas Design - Pada kesempatan kali ini saya akan membuatkan turotial Bagaimana Cara Membuat Widget Recent Comment di Blogger tanpa mengotak atik settingan template sobat. Widget Recent Comment untuk Blog ini sangat cocok untuk di pasang di Blog sobat, dengan tampilan responsive dan fitur-fitur lainnya ibarat gvatar dan yang lainnya.
Widget Recent Comment adalah sebuah Widget yang diharapkan semoga pengunjung tetap berada di halaman blog. Widget recent comment ini selain menaruh link dan isi komentar juga terdapat avatar yang lingkaran di sampingnya.
Demikian Tutorial Cara Membuat Widget Recent Comment Untuk Blogger , Semoga bermanfaat.
Widget Recent Comment Blogger
Widget Recent Comment adalah sebuah Widget yang diharapkan semoga pengunjung tetap berada di halaman blog. Widget recent comment ini selain menaruh link dan isi komentar juga terdapat avatar yang lingkaran di sampingnya.
Cara Memasang Widget Recent Comment di Blogger
Pertama login ke akun Blogger > Pilih Tata Letak > Tambah Gadget > Pilih HTML/JavaScript > Copy dan Simpan Kode di bawah ini :<style type="text/css" scoped> ul.ms_recent{list-style:none;margin:0;padding:0;} .ms_recent li{background:transparent;margin:0 0 6px!important;padding:3px !important;display:block;clear:both;overflow:hidden;list-style:none; border: 1px solid transparent; border-radius:9px; max-height: 100px;} .ms_recent li:hover{background:#fff;border: 1px solid #e9e9e9;} .ms_recent a {text-decoration:none;} .avatarImage{padding:3px;background:#fefefe;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;} .avatarRound{border-radius:100px;width:35px;height:35px} .ms_recent li span{margin-top:4px;color: #444;display: block;font-size: 12px;line-height: 1.4;} </style> <script type="text/javascript"> //<![CDATA[ var numComments = 5, showAvatar = true, avatarSize = 35, roundAvatar = true, characters = 40, defaultAvatar = "http://www.gravatar.com/avatar/?d=mm", hideCredits = False; maxfeeds=50, adminBlog='MS'; //]]> </script> <script type="text/javascript" src="https://cdn.rawgit.com/zaiv/MasDzgn-html/master/Comment.js"></script> <script type="text/javascript" src="/feeds/comments/default?alt=json&callback=ms_recent&&max-results=50"> </script>Ganti Angka yang ditandai dengan jumlah angka yang teman inginkan
Silahkan di kembangkan sendiri ;)
Demikian Tutorial Cara Membuat Widget Recent Comment Untuk Blogger , Semoga bermanfaat.
0 Response to "Responsive Widget Recent Comment Blogger"
Post a Comment