BABA-B1A4

gimana keren banget kann?? ok dehh langsung ajaa

1.login ke blog kamu
2.lalu pilih edit html
3.cari kode ]]><b:skin
4.letakkan kode di bawah ini di atas kode tadi,tinggal pilih yang dark atau yang white

CSS WHITE:

.loadingxrcm {background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbSkfFXi5dMZm9mHUkyYpPYohnp9ZSn7SFXcVnIa_p_G2ziO2fhIyhnm0mKonwBjxe_kNNRoujX7DJEmR3P73D7bfitdtPXcEZ8r6Jy4NCrdKOaaD_BMfvKK33GLLdqgczxIlTO2AU1ho/s1600/progress_ani.gif) no-repeat 50% 50%;width:32px;height:32px;display:block;margin:0 auto;text-indent:-9999px;} ul#kmtranimasi{text-align:left;font:normal normal 11px Verdana,Geneva,sans-serif} ul#kmtranimasi,ul#kmtranimasi li{margin:0;padding:0;list-style:none;overflow:hidden;position:relative} ul#kmtranimasi li{text-indent:0;height:90px;background:whiteSmoke;padding:0 8px;border:1px solid #DFDFDF;border-top:1px solid white} ul#kmtranimasi img{border-radius:9999px;overflow:hidden;background:#383838;border:0;float:left;margin:5px 5px 0 0} ul#kmtranimasi .ketkomt{overflow:hidden} ul#kmtranimasi .ketkomt a{display:block;color:white;font-weight:bold;overflow:hidden;background:#363636;border-radius:2px;float:left;padding:0 5px;margin: 5px 0 0 0;} ul#kmtranimasi .ketkomt span{font-size:8px;position:absolute;z-index:2;top:21px;border-radius:2px;display:block;line-height:14px;padding:0 5px;left:68px;background:white} ul#kmtranimasi p{margin:15px 0 0}

CSS DARK:

 .loadingxrcm {background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbSkfFXi5dMZm9mHUkyYpPYohnp9ZSn7SFXcVnIa_p_G2ziO2fhIyhnm0mKonwBjxe_kNNRoujX7DJEmR3P73D7bfitdtPXcEZ8r6Jy4NCrdKOaaD_BMfvKK33GLLdqgczxIlTO2AU1ho/s1600/progress_ani.gif) no-repeat 50% 50%;width:32px;height:32px;display:block;margin:0 auto;text-indent:-9999px;} ul#kmtranimasi{text-align:left;font:normal normal 11px Verdana,Geneva,sans-serif} ul#kmtranimasi,ul#kmtranimasi li{margin:0;padding:0;list-style:none;overflow:hidden;position:relative} ul#kmtranimasi li{text-indent:0;height:90px;padding:0 8px;background:#252525;color:white;border:1px solid black;border-top:1px solid #353535} ul#kmtranimasi img{border-radius:9999px;overflow:hidden;background:#020202;border:0;float:left;margin:5px 5px 0 0} ul#kmtranimasi .ketkomt{overflow:hidden} ul#kmtranimasi .ketkomt a{display:block;color:black;font-weight:bold;overflow:hidden;background:#ECECEC;border-radius:2px;float:left;padding:0 5px;margin: 5px 0 0 0;} ul#kmtranimasi .ketkomt span{font-size:8px;position:absolute;z-index:2;top:21px;border-radius:2px;display:block;line-height:14px;padding:0 5px;left:68px;background:black} ul#kmtranimasi p{margin:15px 0 0}

5.setelah kamu pilih salah satu,save template kamu
6.masuk ke tata letak
7.lalu pilih widget html/javascrip
8.masukkan kode di bawah inii di dalam widget tadi

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script> <script src="http://ivyth.googlecode.com/svn/js/rckmtr-dgn-animasi.js" type="text/javascript"></script> <div id="rcentcomnets"><span class="loadingxrcm">Loading...</span></div> <script type="text/javascript"> //<![CDATA[ $(document).ready(function () { rccommnetsx({ id_containrc:"#rcentcomnets", animatedRecentcomments:true, numComments:10, url_blog:"URL_blogmu", adminBlog:"nama_akun blogger/google+" }); }); //]]> </script>

BACA!!
jika di dalam template kamu udah ada jquery,maka kode ini
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>
tidak  usah di copy

yang kode warna  merah,silahkan di edit sendiri,url blog kamu,jumblah komentar yang di tampilkan,url google+ kamu

9.save template kamu

gimana?? simple banget kann??
ok dehh segini dulu

see you

sumber