Cara Membuat Recet Komentar Dengan Gambar Di Blog


Assalamualaikum Wr. Wb
Bertemu lagi dengan saiyaa Assembly hihi.. saya mau kasih tutorial Widget Recet Komentar dengan gambar.. tengok nihh SSnya :p

DEMO
Ok sekarang cara pemasangannya mudah kok :
  • Silahkan agan pada Login ke Blogger tentunya
  • Setelah itu, klik menu Tata Letak
  • lalu klik tombol ADD WIDGET
  • lalu tambahkan Gadget HTML
  • Masukan kode di bawah ini :

<style type="text/css">

ul.asharexp_recent_comments{list-style:none;margin:0;padding:0;}

.asharexp_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;}

.asharexp_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;}

.asharexp_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}

.asharexp_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 11px;font-style: italic;line-height: 1.4;}

</style>

<script type="text/javascript">

//<![CDATA[

// Recent Comments Settings

var

numComments = 5,

showAvatar = true,

avatarSize = 30,

roundAvatar = true,

characters = 40,

defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",

hideCredits = true;

maxfeeds=100,

adminBlog='Assembly-MEN';

//]]>

</script>

<script type="text/javascript" src="http://tutorialbelajarblogger.googlecode.com/files/Recent%20Comments%20thumbnail.js"></script>

<script type="text/javascript" src="http://index-assembly.blogspot.com/feeds/comments/default?alt=json&callback=asharexp_recent_comments&&max-results=100"></script>

<div style="text-align:center">

<span style="float:left;font:italic 10px Arial, Sans-Serif; color:#3D3D3D;"><a target="_blank" href="http://index-assembly.blogspot.com/2014/01/cara-membuat-recet-komentar-dengan.html">.:Get Widget:.</a></span>

</div> 


Keterangannya Gan :
  • numComments = 5 adalah jumlah Recent Comment yang akan di tampilkan di Widget tersebut, dan bisa di tambah atau di kurangi, pokoknya sesuain aja dengan selera masing masing.
  • characters = 40 adalah jumlah huruf atau kata yang akan di tampilkan, bisa di sesuain dengan selera.
  • adminBlog='Assembly-MEN' adalah nama admin blog, bisa diganti dengan nama admin blog kakak.
  • Url yang berwarna MERAH diganti dengan url blog kakak.
Okehh gan sekian dari saya tentang Cara Membuat Recet Komentar Dengan Gambar Di Blog semoga bermanfaat, Wassalamualaikum Wr. Wb





Artikel Terkait

22 komentar :

  1. wah mntab gan tutor nya.. :D
    nice share ......

    BalasHapus
  2. boleh dicoba nih gan buat blog ane yang satu lagi.. :) nanti klo ada masalah saya tanyakan lagi ya mas.. thanks

    BalasHapus
  3. Mantap Gan ... ! ijin cuba ya ! :)

    BalasHapus
  4. Keren gan,boleh dicoba ni di blog ane

    BalasHapus
  5. Dapat ilmu baru, terima kasih gan

    BalasHapus
  6. Thanks gan, nice share. Di tunggu kunjungan baliknya :)

    BalasHapus

Pengikut


notifikasi
close