» » » Cara memasang 2 style widget recent comments untuk blog
,

Cara memasang 2 style widget recent comments untuk blog

Cara memasang 2 style widget recent comments untuk blog


kadang suka sulit untuk mengetahui di postingan mana ada komentar terbaru apalagi jika postingan kita sudah banyak susah untuk mengetahuinya salah satunya adalah dengan cara memasang widget recent comment ini

1. widget recent comment efek tooltip

1.pertama kalian harus masuk kedalam blog kalian

2.jika sudah masuk silahkan kalian masuk ke tata letak 


3.jika sudah silahkan kalian Add a Gadget 

4.cari tulisan HTML/javascript

5.jika sudha masukan kode script di bawah ini

<style>
/*Recent Comments*/
#komentar {border:1px solid #000;margin:5px 0;padding:5px;background: #444;-moz-border-radius-bottomright:10px;-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;}
#komentar ul{margin:0;padding:0px;list-style: none;}
#komentar ul li:first-child {border-top:none;}
#komentar ul li {height:46px; background: #333; list-style-type: none; margin:0 0 5px 0px; padding:5px 5px 5px 5px !important;font-size:12px!important;font-weight:550; border:1px solid #000;-moz-border-radius-bottomright:10px;-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;margin:5px 0;padding:5px;}
#komentar ul li:last-child {border-bottom: none;}
#komentar ul li:hover {background: #444;
-moz-border-radius-bottomright:10px;-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;margin:5px 0;padding:5px;}
#komentar a, #komentar a:link, #komentar a:visited {clear:both;color:#fff;display:block;text-decoration:none;}
#komentar .gamen {display: block;float: left;height: 42px;left: 4px;margin-right: 15px;position: relative;width: 42px;}
#komentar .gamen>img { border: 2px solid #000;-webkit-border-radius: 22px;-moz-border-radius: 22px;border-radius: 22px;box-shadow: 0 1px 2px #333;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAcuEB0_Kx-zZsbl8LGF8zXx9JN3Y0kMqunz7Jhxnvr19JP7z2c3h-CcnoJQA0UdUwVNfYtKitwZl83mtyIl5k0OsJvEVRUNlTR-YPB3EzqNRS_5q9dEfscspkUKNes9mhweY0HM_fCrw/s1600/Avatar-Blogger+Comments-seocips.jpg)repeat-x;}
#komentar ul li div.ismen {color:#fff;}
#komentar .ismen {display: block;font-size: 1.2em;font-style: italic;line-height: 1.2;padding: 2px 4px 2px 0;}
#komentar .gamen>span{width: 150px;height: auto;line-height: 20px;padding: 5px;left: 115px;margin-left: -64px;font-size: 1.2em;font-weight:bold;color: #212121;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);text-align: center;border: 3px solid #5858FA;background: rgba(255,255,255,0.7);text-indent: 0px;border-radius: 5px;position: absolute;pointer-events: none;bottom: 100px;opacity: 0;box-shadow: 1px 1px 2px rgba(0,0,0,0.2);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#komentar .gamen>span:before, #komentar .gamen>span:after{content: '';position: absolute;bottom: -15px;left: 50%;margin-left: -9px;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid rgba(0,0,0,0.1);}
#komentar .gamen>span:after{bottom: -14px;margin-left: -10px;border-top: 10px solid #5858FA;}
#komentar .gamen:hover>span{opacity: 0.9;bottom: 55px;}
</style>
<div id="komentar">
<ul>
<script type="text/javascript">
//<![CDATA[
var jmlkomentar = 5;
var jmlkarakter = 60; //]]></script>
<script src="https://cdn.rawgit.com/Brando07/share/newbe/recent-comments-seocips.js" type="text/javascript"></script>
<script src="http://nikonafian.blogspot.co.id/feeds/comments/default?alt=json&amp;callback=tampilkankomentar" type="text/javascript"></script>
</ul>
</div>
<div style="font-size: 60%; text-align: right;">
<small><a href="http://www.seocips.com/2016/01/2-style-widget-recent-comments-untuk-blogger-blog.html" target="_blank" title="widget recent comment">Get This Widget</a></small></div>

catatan :perhatikan kode diatas, kode yang ada diatas silahkan di sesuaikan dengan ke inginan anda
  • var jmlkomentar=5, (jumlah komentar yang ingin di tampilkan)
  • var jmlkarakter=60, (jumlah karakter yang ingin di tampilkan)
  • <scrip scr="http://nikonafian.blogspot.co.id ganti dengan url blog kalian


6.simpan lalu kalian refresh halaman di blog kalian

7.selesai




Share on Facebook
Share on Twitter
Share on Google+
Share on LinkedIn

Subscribe to receive free email updates:

3 Responses to "Cara memasang 2 style widget recent comments untuk blog"

  1. Mas Dar14 January 2017 at 23:47

    Simpile amat ya

    ReplyDelete
    Replies
    1. Mbak Dewi.Kalimantan8 August 2017 at 04:43

      Assalamualaikum Salam sejahtera untuk kita semua, Sengaja ingin menulis sedikit kesaksian untuk berbagi, barangkali ada teman-teman yang sedang kesulitan masalah keuangan,SAYA IBU DEWI, sekeluarga mengucapkan banyak terimakasih kepada AKI JOYO MALIK atas bantuannya saya menang togel yang ke 3x nya ,pekerjaan saya sehari-harinya cuma seorang pengepul barang bekas apalagi saya seorang janda,,yang pendapatannya tidak seberapa,buat biaya anak sekolah aja tidak cukup apalagi untuk mencukupi kebutuhan hidup keluarga sehari-harinya….pada su atu hari saya tidak sengaja mendengar pembicaraan teman saya mengenai angka ritual/ghoib AKI JOYO MALIK yang katanya bisa mengeluarkan angka sgp/hk yang di jamin tembus,akhirnya saya bertanya dan teman saya memberikan nomor AKI JOYO MALIK dan saya pun menghubunginya..?? Berkat bantuan AKI yang telah memberikan angka “GHOIB” nya 4D dan alhamdulillah itu ternyata terbukti. lagi…sekarang anak saya bisa lanjut sekolah lagi itu semua atas berkat bantuan AKI JOYO MALIK bagi anda yang penggemar togel ingin meruban nasib melalui angka2 goib yang di jamin 100% kemenangan hbg AKI JOYO MALIK di nmr;_ 085-211-977-346,ini bukti nyata bukan rekayasa,mana ada kemenangan tanpa keberanian dan kejujuran,saatnya kita perlu bukti bukan sekedar janji2,hanya AKI JOYO MALIK yang bisa menjamin 100% kesuksesan,anda perlu bukti siahkan HBG/SMS AKI JOYO MALIK nya,terima kasih ROMNYA















      INGAT…!!! JANGAN SIA-SIAKAN KESEMPATAN YANG ADA SEBAB

      KESEMPATAN TIDAK MUNGKIN DATANG KE 2 KALINYA………..

      Delete
    2. Mbak Dewi.Kalimantan8 August 2017 at 04:44

      Assalamualaikum Salam sejahtera untuk kita semua, Sengaja ingin menulis sedikit kesaksian untuk berbagi, barangkali ada teman-teman yang sedang kesulitan masalah keuangan,SAYA IBU DEWI, sekeluarga mengucapkan banyak terimakasih kepada AKI JOYO MALIK atas bantuannya saya menang togel yang ke 3x nya ,pekerjaan saya sehari-harinya cuma seorang pengepul barang bekas apalagi saya seorang janda,,yang pendapatannya tidak seberapa,buat biaya anak sekolah aja tidak cukup apalagi untuk mencukupi kebutuhan hidup keluarga sehari-harinya….pada su atu hari saya tidak sengaja mendengar pembicaraan teman saya mengenai angka ritual/ghoib AKI JOYO MALIK yang katanya bisa mengeluarkan angka sgp/hk yang di jamin tembus,akhirnya saya bertanya dan teman saya memberikan nomor AKI JOYO MALIK dan saya pun menghubunginya..?? Berkat bantuan AKI yang telah memberikan angka “GHOIB” nya 4D dan alhamdulillah itu ternyata terbukti. lagi…sekarang anak saya bisa lanjut sekolah lagi itu semua atas berkat bantuan AKI JOYO MALIK bagi anda yang penggemar togel ingin meruban nasib melalui angka2 goib yang di jamin 100% kemenangan hbg AKI JOYO MALIK di nmr;_ 085-211-977-346,ini bukti nyata bukan rekayasa,mana ada kemenangan tanpa keberanian dan kejujuran,saatnya kita perlu bukti bukan sekedar janji2,hanya AKI JOYO MALIK yang bisa menjamin 100% kesuksesan,anda perlu bukti siahkan HBG/SMS AKI JOYO MALIK nya,terima kasih ROMNYA















      INGAT…!!! JANGAN SIA-SIAKAN KESEMPATAN YANG ADA SEBAB

      KESEMPATAN TIDAK MUNGKIN DATANG KE 2 KALINYA………..

      Delete

Subscribe to: Post Comments (Atom)