IklanDiary
Ruko Dikontrakan Disewakan DiBalikpapan di Jalan Ahmad Yani, Letak Strategis di Jalan Utama, Cocok buat usaha Disekitarnya Bank, Toko, Restauran dll. Peminat Call/Sms ke 62 085654810001, 082250568492 Selengkapnya >> Disini

Cara Membuat Widget Recent Comments Valid HTML5

Posted By Top Diary on Sunday, July 14, 2019 | 7/14/2019 07:04:00 AM

thumbnail Membuat Widget Recent Comments Valid HTML5
Widget recent comments adalah widget yang menampilkan komentar terbaru pada blog.
Banyak blogger yang memasang widget ini,tetapi sayangnya kode widget tersebut belum valid HTML5. Dan untuk membuat widget recent comments tersebut menjadi valid HTML5, hanya merubah sedikit kodenya.

Cara Membuat Widget Recent Comments Valid HTML5
Untuk tutorialnya,silahkan sobat ikuti langkah-langkah dibawah ini:

Klik Design >> Page elements  >> Add Gadget
Pilih HTML/JavaScript
Copy kode dibawah ini pastekan ke Notepad terlebih dahulu.
Rubah kode sesuai dengan keterangan dibawah.
Setelah itu copy kode yang telah sobat rubah dan pastekan kedalam konten HTML/JavaScript.

<div style="overflow:auto;width:auto;height:250px;padding:5px; margin:0 auto;background:#FFFFFF;">
<style type="text/css" scoped>
   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:2px;background:#B1B1B1;-webkit-box-shadow:0 1px 1px #000000;-moz-box-shadow:0 1px 1px #000000;box-shadow:0 1px 1px #000000;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
  .avatarRound{border-radius: 5px;
border-right: 5px;
border-left: 5px;}
  .sakahayang_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
  .sakahayang_recent_comments li span{margin-top:4px;display: block;font-style: italic;line-height: 1.4;}
</style>
<script type="text/javascript">
    //<![CDATA[
        // Recent Comments Settings
        var
     numComments  = 10,
     showAvatar  = true,
     avatarSize  = 20,
     roundAvatar = true,
     characters  = 100,
     defaultAvatar  = "https://iklandiary.blogspot.com?d=mm",
     hideCredits = true;
     maxfeeds=50,
     adminBlog='Top Diary';
    //]]>
</script>
<script type="text/javascript" src="http://googledrive.com/host/0B68pyZLfRQeCMHFSU1JNM05oa0E"></script>
<script type="text/javascript" src="https://iklandiary.blogspot.com/feeds/comments/default?alt=json&amp;callback=sakahayang_recent_comments&amp;max-results=50"></script>
</div>

Keterangan :
Untuk height:250px 
adalah tinggi kotak komentar terbaru, silahkan ganti sesuai keinginan sobat.

Untuk background:#FFFFFF 
adalah warna background silahkan ganti jika menginginkan warna yang lain.
untuk mencari kode warna sobat bisa klik disini.

Untuk numComments = 10
adalah jumlah komentar yang akan di tampilkan,sobat bisa mengganti untuk mengurangi atau menambahkan jumlah komentar yang ingin di tampilkan.

Untuk showAvatar = true
adalah kode untuk menampilkan gambar profil,jika sobat ingin menghilangkan gantu text "true" menjadi "false".

Untuk avatarSize = 20
adalah ukuran photo profil komentator,sobat bisa menganti dengan ukuran yang sobat inginkan.

Untuk roundAvatar = true
adalah kode untuk photo profil komentar berbentuk bundar,jika sobat ingin menampilkan dalam bentuk kotak silahkan ganti "true" menjadi "false".

Untuk characters = 100
adalah jumlah karakter huruf komentar yang akan ditampilkan,silahkan ganti sesuai keinginan sobat.

Untuk maxfeeds=50
adalah jumlah maximum komentar yang diload oleh script json.
jumlah maxfeeds harus lebih besar dari numComments,maka komentar yang ditampilkan akan disaring tanpa komentar admin.
dan sobat juga harus pastikan maxfeeds nilainya sama dengan max-results pada script json pada kode diatas.

Untuk adminBlog='Top Diary'
Ganti teks Top Diary dengan nama yang anda gunakan sebagai admin dalam blog yang anda kelola.

Untuk https://iklandiary.blogspot.com ganti dengan URL blog anda.

 Klik Save dan lihat hasilnya.

Selamat Mencoba Semoga Berhasil.


Cara Membuat Widget Recent Comments Valid HTML5 | IklanDiary
Blog, Updated at: 7/14/2019 07:04:00 AM

1 comments:

Silahkan Berikan Komentar Anda Disini dengan Bahasa yang Sopan Singkat Padat dan Jelas Hindari Sara.

Rumah Bergaya Mediterania 3 Lantai Jalan Danau Sentarum, Pontianak Barat, Sertifikat SHM, Luas Tanah 320, Luas Banguanan 160 Selengkapnya >> Disini Dijual Ruko Murah Siap Pakai 2 Lantai Atrani Residence Wagir Malang Lokasi Atrani Residence,Wagir Malang. Luas Tanah 72 M2, Luas Bangunan 144 M2, Listrik Air PDAM tersedia. Selengkapnya >> Disini
RUMAH 2 LANTAI TERMURAH SE MALANG RAYA HANYA 200JUTAAN Dengan konsep dan gaya hunian yang kekinian, D’Park City mengusung tema Modern Minimalis dengan sentuhan gaya islami. Selengkapnya >> Disini Ruko Dikontrakan Disewakan DiBalikpapan di Jalan Ahmad Yani Letak Strategis di Jalan Utama, Cocok buat usaha Disekitarnya Bank, Toko, Restauran dll. Peminat Call/Sms ke 62 085654810001 Selengkapnya >> Disini
Sewa Rumah 2 Lantai Di Rest Area Villa bagus di Puncak Bogor dengan view panorama lembah dan pegunungan merupakan sesuatu yang spesial Daftar Sewa Villa di Puncak Untuk Rombongan dan Keluarga bisa Hubungi kami. Selengkapnya >> Disini Dijual Rumah Minimalis 2 Lantai Semarang Lokasi Rumah Sendangguwo, Kec. Tembalang, Kota Semarang Sertifikat SHM, Luas Tanah 700, Luas Banguanan 90. Selengkapnya >> Disini
Dijual Rumah Mewah Bergaya Eropa di Pondok Kelapa, Jakarta Timur, DKI Jakarta. Sertifikat SHM Luas Tanah 900 M2 Selengkapnya >> Disini TANAH DI Jual Villa Lereng Merapi Jl. Lintas Liwa No. 39 Sumber Jaya, Lampung Barat, Luas 1300 Sertifikat SHM. Selengkapnya >> Disini
Rumah Dijual Balikapapan Letak Strategis Di Jalan Utama Ahmad Yani, Sertifikat Hak Milik, Peminat bisa menghubungi di 085654810001, 082250568492 Selengkapnya >> Disini Dijual Ruko Murah Siap Pakai 2 Lantai Atrani Residence Wagir Malang Lokasi Atrani Residence,Wagir Malang. Luas Tanah 72 M2, Luas Bangunan 144 M2, Listrik Air PDAM tersedia. Selengkapnya >> Disini

Translate

Total Pageviews

wa
Call/Sms VIA WHATSAPP