Skip to main content

Widget Recent Comments Blogger With Avatar

Widget Recent Comments Blogger With Avatar

cara menciptakan widget recent comment dengan thumbnail

Tutorial Membuat recent comment widget blogger. Sebelumnya saya juga sudah pernah posting Artike tentang Widget Recent Comment. Tapi sebelumnya saya ngambil dari Comment Disqus. Bagi kalian yang ingin memasangnya dapat lihat di.. Cara Membuat Recent Comments Disqus

Untuk tutorial sekarang kita akan memasang widget recent comment dari comment blogger, nanti akan ditampilkan di sidebar blog kalian...

Widget Recent Comment Blogger ini dilengkapi dengan Gambar dari profil yang comment, Avatar / thumbnailnya... Demo Widget Recent Comment Blogger

Langsung saja ke tutorialnya, saya lagi males ngetik :v

Tutoeial Memasnag Widget Recent Comments Blogger With Avatar Di Blogger

  • Langkah awal kalian masuk ke blogger.com
  • setelah login masuk ke menu Template, Tataletak
  • Lalu tambahkan widget baru, cari HTML / JavaScript.
  • Kurang lebih seakan-akan ini...

    • Widget Recent Comments Blogger With Avatar
  • Selanjutnya klik tanda plus, annti akan keluar pop up, lalau masukan script Widget Recent Comment Dibawah ini
    •  <script type="text/javascript">   //<![CDATA[       // Recent Comments Settings       var numComments    = 8,           showAvatar     = true,           avatarSize     = 60,           roundAvatar    = true,           characters     = 30,           showMorelink   = true,           moreLinktext   = "More &#x2192;",           defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",           hideCredits    = true;   //]]> </script> <script src='https://rawgit.com/mastamvan/backup/master/recent-comment.js' type='text/javascript'></script> <style type='text/css'>ul.mas_tamvan_recent_commentdisplay:inline-block;background:-moz-linear-gradient(-45deg,#183850 0,#183850 25%,#192C46 50%,#22254C 75%,#22254C 100%);background:-webkit-linear-gradient(-45deg,#183850 0,#183850 25%,#192C46 50%,#22254C 75%,#22254C 100%);width:100%;padding:12px 0 0;margin:0;position:relative;overflow:hidden;border-radius:5pxul.mas_tamvan_recent_comment li atext-decoration:none;color:#0AD5C1;padding:0 0 5pxul.mas_tamvan_recent_comment li a.authordisplay:blockul.mas_tamvan_recent_comment liposition:relative;clear:both;display:inline-block;padding:5px 10px 10px 10px;margin:0 10px 20px 0;font-size:13px;border-radius:10px;background-color:rgba(25,147,147,0.2);animation:show-chat-even 0.15s 1 ease-in;-moz-animation:show-chat-even 0.15s 1 ease-in;-webkit-animation:show-chat-even 0.15s 1 ease-in;float:left;margin-left:80px;color:#0EC879;border:0ul.mas_tamvan_recent_comment li:afterposition:absolute;top:15px;content:'';width:0;height:0;border-top:15px solid rgba(25,147,147,0.2);border-left:15px solid transparent;left:-15pxul.mas_tamvan_recent_comment li .avatarImageposition:absolute;top:0;width:50px;height:50px;border-radius:50px;left:-70px;overflow:hiddenul.mas_tamvan_recent_comment li .avatarImage imgwidth:100%;height:auto</style> <script src="https://mastamvan.blogspot.com/feeds/comments/default?alt=json&amp;callback=mas_tamvan_recent_comment&amp;max-results=5" type="text/javascript"></script>

    Silahkan ganti Link dibawah ini dengan link blog kalian: https://mastamvan.blogspot.com

    Pengaturan pada Setelan Umpan Situs. Khusus Buat yang mengatur setelan Umpan Situsnya Ke Singkat...
    Masuk Ke Setelan, lainnya, Atur Bagian Izinkan Umpan Blog seperti pada gambar dibawah ini..

    Widget Recent Comments Blogger With Avatar
  • Save Widget dan Selesai


jangan lupa sobat blogger yang tamvan, mampir juga ke tutorial lainnya yang sudah saya posting :)

Tutorial Blogger Lainnya :


Cukup sekian dan terima kasih, semoga artikel tentnag Widget Recent Comments Blogger With Avatar terbaru Dan Terupdate

Apabila ada yang mau ditanyakan, silahkan bertanya di kolom komenter dan jangan lupa share + commentnya :)
Labels:

Comments

Post a Comment

Popular posts from this blog

Cara Membuat Daftar Isi / Sitemap Di Blog

document.getElementsByTagName('head')[0]; var style = document.createElement('style'); style.type = 'text/css'; var css = '#sitemap-blogpadding:7px 10px;margin:0 auto#sitemap-blog tablewidth:auto;margin:0 auto;border:none!important#sitemap-blog table tdborder:none!important;padding:0!important#sitemap-blog formfont:inherit#sitemap-blog labeldisplay:block;text-align:right;margin:0 10px 0 0;padding:4px 0 0#sitemap-blog select[disabled]opacity:.4#post-searcherdisplay:block;margin:0;padding:0#sitemap-blog input,#sitemap-blog selectwidth:100%;border:1px solid #dedede;border-radius:5px;margin:0;padding:5px;font-family:Roboto,sans-serif!important;font-size:16px!important;font-weight:500!important;text-transform:capitalize!important;outline:0;color:#333!important;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box#sitemap-blog select optionmin-height:1.4em!important#sitemap-blog input#feed-qpadding:5px 10px!important#daftar-isi-blogbackgr...
Post a Comment
Read more

Cara Memasang Widget Recent Post By Label Di Blog

Tutorial cara membuat recent post menurut label Cara Menambahkan Widget Recent Post By Label Di Bawah Postingan Blog . Kali ini saya akan berbagi tutorial menciptakan 2 (dua) widget gres dibawah postingan blog yang akan menampilkan recent post berdasarkan label tertentu. Widget Recent Post by Label ini saya ambil dari Template Evo Magz buatan Mas Sugeng yang sangat fenomenal. Widget Recent Post by Label With Thubnial ini akan menampilkan 4 artikel terbaru ditambah dengan menampilkan Komentar , Tanggal Di Publikasikannya dan juga readmore . Kalian juga bisa mengatur berapa artikel yang akan ditampilkan. Nah, untuk memasang Widget Recent Post by Label di bawah postingan blog , bisa ikuti tutorial singkat dibawah ini... Membuat Recent Post Berdasarkan Kategori Langkah pertama, silahkan login ke akun Blogger Setelah login, masuk ke menu, Template , Edit HTML , Cari Kode </head&gt Kalo sudah ketemu, masukan script Widget Recent Post by Label With Thubnial di...
Post a Comment
Read more

Cara Membuat Tabel Responsive Di Blogger

Tutorial Membuat Tabel Keterangan Responsive Di Dalam Postingan Blog Tutorial Cara Memasang / membuat semoga tabel keterangan responsive di dalam postingan blog , pada postingan kali ini saya kan memberikan table atau kotak keterangan yang responsive untuk di pasang pada postingan blog... Bagi agan blogger yang suka atau ingin menciptakan tabel / kotak keterangan untuk memisahkan, mengelompokan bagian tertentu pada sebuah text dengan tampilan yang suport untuk semua device seperti hp, tablet, laptop, notebook dan yang lainnya... ... agar tampilan tabel tersebut tidak melebihi ukuran layar maka kita harus membuatnya menjadi responsive, mobile friendly agar enak di pandang dan di bacanya.... Sebelumnya saya juga sudah pernah posting artikel tentang cara menciptakan tabel keterangan yang responsive dengan tampilan yang anggun dan berwarna .... Bagi kalian yang ingin mencobanya, silahkan kunjungi artikel berikut ini..... Membuat Beautiful Table Responsive With CSS Untuk tutor...
Post a Comment
Read more