Membuat Widget Recent Comment Valid HTML5

Tutorial Blogger, Kesehatan, Islami

  • HOME
  • DAFTAR ISI
  • BLOGGER
  • TEMPLATE
  • TIPS TRIK
  • SEO
  • DESAIN BLOG
  • WIDGET
  • KESEHATAN
Home Blogger SEO Widget Membuat Widget Recent Comment Valid HTML5

Membuat Widget Recent Comment Valid HTML5

Membuat Widget Recent Comment Valid HTML5

Widget Recent Comment (Komentar Terbaru) ini merupakan widget yang sangat bermanfaat bagi blog kita , karena widget ini bisa memudahkan kita untuk melihat komentar-komentar terbaru dari para visitor blog yang baru memberikan komentarnya di blog kita. Saya juga menerapkan tutorial Widget Recent Comment (Komentar Terbaru) dari blog lain tetapi Kode Widget Recent Comment (Komentar Terbaru) dari blog tersebut mengakibatkan Error di Validator.w3.org , makannya saya langsung memperbaikinya dan akhirnya berhasil juga.

Saya membagikan Widget Recent Comment Valid HTML5 ini siapa tahu anda juga sedang mencari-cari Widget Recent Comment yang Valid HTML5 ini dan tidak menyebabkan error di validator.w3.org , dan apabila blog anda masih banyak yang error alias tidak Valid HTML5 , anda bisa juga membaca postingan saya dahulu tentang Cara Membuat Blog Valid HTML5 Lengkap dan semoga setelah anda menerapkan tutorial disamping , blog anda bisa menjadi Valid HTML5 dan Memudahkan semua Browser mengindetifikasi blog anda dengan baik / ramah dengan blog anda.

Bila anda ingin melihat bagaimana wujud / contoh Widget Recent Comment (Komentar Terbaru) ini , anda bisa melihat disisi kanan sidebar blog saya ini , pasti anda akan menemukan widget Recent Comment (Komentar Tebaru) ini , atau anda bisa lihat gambarnya dibawah ini :

Membuat Widget Recent Comment Valid HTML5

Bila anda tetarik dengan Widget Recent Comment Valid HTML5  ini anda bisa menerapkannya berikut ini:

1. Login ke blogger anda
2. Pilih Tata Letak > Tambahkan Gadget
3. Masukan kode berikut ini
<style scoped type="text/css">
    ul.sakahayang_recent_comments{list-style:none;margin:0;padding:0;}
    .sakahayang_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;}
    .sakahayang_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;}
    .sakahayang_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
    .sakahayang_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=20,
 adminBlog='Ahmad Manarul';
//]]>
</script>
<script type="text/javascript" src="http://btreaders.googlecode.com/files/rcwanau.js"></script>
<script type="text/javascript" src="http://planetajaib.blogspot.com/feeds/comments/default?alt=json&amp;callback=sakahayang_recent_comments&&amp;max-results=20"></script>

Keterangan : Ganti kode warna Biru dengan nama admin blog , dan ganti kode berwarna Merah dengan url blog anda
4. Simpan / Save Gadget
5. Lihat hasilnya

Demikianlah postingan saya kali ini , dan juga postingan Membuat Widget Recent Comment Valid HTML5 menjadi penutup artikel saya pada hari ini , Semoga Bermanfaat , wassalamualaikum
Tweet

6 Responses to " Membuat Widget Recent Comment Valid HTML5 "

  1. Anonim24 Juni 2013 pukul 21.45

    Membuat Widget Recent Comment Valid HTML5

    BalasHapus
    Balasan
      Balas
  2. Unknown25 Juni 2013 pukul 08.46

    -_- pasti hasil copas :v

    #peace :D

    Nice info :D sangat bermanfaat :)

    BalasHapus
    Balasan
    1. Anonim25 Juni 2013 pukul 08.54

      ini cuma copas codenya doang gan , kodenya pun error , makannya saya perbaiki dan bagikan disini..

      Hapus
      Balasan
        Balas
    2. Balas
  3. Sunu Sarker1 Juli 2013 pukul 19.35

    kagak kebaca di blog gue bro!

    BalasHapus
    Balasan
      Balas
  4. Erna Ayuning Nareswari12 April 2014 pukul 06.42

    try 1st,thx b4
    visit back bray http://ashprincesskawaii.blogspot.com/

    BalasHapus
    Balasan
      Balas
  5. Iqfadhilah22 Desember 2014 pukul 07.55

    thanks broo...
    http://websitekesehatankita.blogspot.com/

    BalasHapus
    Balasan
      Balas
Tambahkan komentar
Muat yang lain...

Posting Lebih Baru
Posting Lama
Beranda
Langganan: Posting Komentar ( Atom )

Sering Dibaca

  • planet ajaib

    Cara Membedakan Tokek Jantan Dan Tokek Betina

  • planet ajaib

    5 Pembalap GP Paling Legendaris di Dunia

  • planet ajaib

    Cara Membedakan Raket Yonex Asli Dengan Yonex Palsu

  • planet ajaib

    5 Kucing Paling Mahal di Dunia

  • planet ajaib

    10 Cara Kreatif Mengungkapkan Rasa Cinta

Site Info

Blogroll

  • Harga Motor Yamaha Honda
  • Cek Resi JNE
  • Katalog Carrefour
  • Kata Kata Mutiara

Sahabat

Label

Aneh (13) Badminton (1) Bisnis (3) Blogger (67) Cerita (3) Cinta (3) Desain Blog (14) Directory (1) Fakta Menarik (2) Fenomena (2) gadget (1) Hewan (1) Hoby (2) Information (8) Internet (1) Iseng (12) Kata Kata Mutiara (1) Kecantika (1) Kecantikan (1) Kesehatan (45) Komputer (2) Manfaat (5) Olahraga (1) Pengetahuan (6) Resep (3) SEO (26) Software (1) Teknologi (3) Template (12) Tips And Trik (57) Tool Blog (3) Widget (18)
Privacy Police | Contact| About Me
Support : sertifikasi crane
isnpeksi dan sertifikasi
Copyright © 2013 Planet Ajaib - All Rights Reserved
Design by jasa sertifikasi crane
Powered by Blogger