Menggunakan Random Post Widget untuk blogger

Menampilkan isi blog merupakan cara agar pembaca/pengunjung bisa mendapat informasi, selain juga untuk mempercantik blog kita. ...


Menampilkan isi blog merupakan cara agar pembaca/pengunjung bisa mendapat informasi, selain juga untuk mempercantik blog kita.

Caranya cukup mudah dan sederhana. 
( bisa dipasang di sidebar / header / footer )

Ikuti Langkah Berikut :
  1. Klik Page Element
  2. Klik Add Gadget
  3.   AddGadget
  4. Klik plus button (+) for HTML/JavaScript. (img)
    HTML
  5. Copy and paste kode dibawah ini
    <style>
    #random-posts img{border-radius: 50px;float:left;margin-right:5px;
    width:75px;height:75px;background-color: #FFFFF;padding: 3px;transition: all 0.2s linear 0s;}
    #random-posts img:hover{opacity: 0.6;}
    ul#random-posts {list-style-type: none;padding: 0px;}
    #random-posts a {font-size: 12px;text-transform:capitalize; padding: 0px auto 5px;}
    #random-posts a:hover {text-decoration: none;}
    .rp-snippet {font-size: 10px;background: none; padding: 5px; margin-right: 8px;}
    #random-posts span {}
    #random-posts li {margin-bottom: 10px;border-bottom: 1px solid #EEEEEE; padding: 4px;}
    </style>
    <ul id='random-posts'>
    <script type='text/javaScript'>
    var rdp_numposts=5;
    var rdp_snippet_length='120';
    var rdp_info='no';
    var rdp_comment='comment';
    var rdp_disable='Comments Disabled';
    var rdp_current=[];var rdp_total_posts=0;var rdp_current=new Array(rdp_numposts);function totalposts(json){rdp_total_posts=json.feed.openSearch$totalResults.$t}document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts\"><\/script>');function getvalue(){for(var i=0;i<rdp_numposts;i++){var found=false;var rndValue=get_random();for(var j=0;j<rdp_current.length;j++){if(rdp_current[j]==rndValue){found=true;break}};if(found){i--}else{rdp_current[i]=rndValue}}};function get_random(){var ranNum=1+Math.round(Math.random()*(rdp_total_posts-1));return ranNum};
    </script>
    <script type='text/javaScript'> 
    function random_posts(json){for(var i=0;i<rdp_numposts;i++){var entry=json.feed.entry[i];var rdp_posttitle=entry.title.$t;if('content'in entry){var rdp_get_snippet=entry.content.$t}else{if('summary'in entry){var rdp_get_snippet=entry.summary.$t}else{var rdp_get_snippet="";}};rdp_get_snippet=rdp_get_snippet.replace(/<[^>]*>/g,"");if(rdp_get_snippet.length<rdp_snippet_length){var rdp_snippet=rdp_get_snippet}else{rdp_get_snippet=rdp_get_snippet.substring(0,rdp_snippet_length);var space=rdp_get_snippet.lastIndexOf(" ");rdp_snippet=rdp_get_snippet.substring(0,space)+"&#133;";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rdp_commentsNum=entry.thr$total.$t+' '+rdp_comment}else{rdp_commentsNum=rdp_disable};if(entry.link[j].rel=='alternate'){var rdp_posturl=entry.link[j].href;var rdp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rdp_thumb=entry.media$thumbnail.url}else{rdp_thumb="http://1.bp.blogspot.com/-PPTJQCe-atQ/U4ca2QTr_5I/AAAAAAAAEEc/TRrKNK1fqQY/s1600/no-image-available.jpg"}}};document.write('<li>');document.write('<a href="'+rdp_posturl+'" rel="nofollow"><img alt="'+rdp_posttitle+'" src="'+rdp_thumb+'"/></a>');document.write('<div><a href="'+rdp_posturl+'" rel="nofollow" title="'+rdp_snippet+'">'+rdp_posttitle+'</a></div>');if(rdp_info=='yes'){document.write('<span><div  class="rp-info">'+rdp_postdate.substring(8,10)+'/'+rdp_postdate.substring(5,7)+'/'+rdp_postdate.substring(0,4)+' - '+rdp_commentsNum)+'</div></span>'};document.write('<div class="rp-snippet">'+rdp_snippet+'</div><div style="clear:both"></div></li>')}};getvalue();for(var i=0;i<rdp_numposts;i++){document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index='+rdp_current[i]+'&max-results=1&callback=random_posts\"><\/script>')};
    </script>
    
    </ul>
    

    Simpan dan lihat hasilnya.

    • #random-posts img{border-radius: 50px;float:left;margin-right:5px; width:75px;height:75px ; Ukuran image yang ingin ditampilkan / ubah angka 75 sesuai kebutuhan.
    • var rdp_numposts=5; Jumlah post yang ingin ditampilkan
    • var rdp_snippet_length=120; Jumlah karakter isi posting, rubah sesuai kebutuhan, bila ingin dihilangkan ganti 120 dengan 'no'
    • var rdp_info='no'; ubah dengan 'yes' bila ingin menampilkan keterangan posting ( tanggal dan jumlah komentar )

    Terima kasih..
    semoga bermanfaat..!

    COMMENTS

    BLOGGER: 2
    1. Amazing article thanks for sharing hotmail sign in

      BalasHapus
    2. Because I have a Hotmail account, so I found hotmail com login for troubleshooting every problems. If you cannot find your problems any where, this website will help you.

      BalasHapus
    Note :

    . Komentar yang mengandung usur pornografi / sara / kekerasan akan dihapus.
    . Terima kasih komentarnya...!
    . Semoga bermanfaat...!

    Inspirasi dan Kreasi
    Nama

    Aluminium,4,Amdal,15,Arsitektur,62,Bahan bangunan,8,Bangunan Air,2,budaya indonesia,26,Denah Rumah,22,Galeri,25,Green house,6,Info sekilas,27,Interior,1,Irigasi,2,Jembatan,3,Konservasi tanah,5,Konstruksi,46,Konstruksi Beton,15,Konstruksi kayu,38,Kuda kuda Baja,1,Kuda kuda kayu,4,Kusen,4,Lingkungan,15,Masjid,10,Mebelair,2,Menu navigasi,3,Opini,13,Pemberdayaan Masyarakat,7,Pendidikan,3,Peraturan,29,Pondasi,4,Profil Kusen,4,Property,46,RAB,27,Rumah adat,21,S E O,5,Sambungan Kayu,30,Sertifikasi,12,sipil,40,SNI,22,Software,2,Tangga,3,Tips trik blogger,25,Undang undang,11,Wisata,2,
    ltr
    item
    Home Design and Ideas: Menggunakan Random Post Widget untuk blogger
    Menggunakan Random Post Widget untuk blogger
    https://lh3.googleusercontent.com/5z6KGoDeZC-UDbB4sO7BOK38Wn4X03skqiD2iyKGGt7C6142y6nJljfieowjUKXc2TVaSQmKhMBWZju2DL2K-0V5G1LrTc55lXDPvb7DDvu6PAku4Cjf6oKwur8Rx8bj6mFKWPK6cYJktMfz5wo1_xTqtcdpYgEZgzTMrsNCuFHR8urzI-d_7Xn1EDJdaPAm-U75xQXi2BrQZbeVAGrC2WgdYKdJTMFfAJPVdhLuG7vjRAM9Vg4OEui823UBS-GzdQHP9KUbQ4XprzWY5evgrxYvX1M0PaQ7fJkZ4_WMVS1VF4jWxH-okLZR7qMiJtzyuUWSJ3B1y5oRRXgq7RpjWfJPZBG1lacJZbePEWl3JPSv72AAqyACYRnV0dt1EQERJRQU4Rg7VZngAMW4fuMpP8BNjW49ZwXITxzojOasd5p15iUM-CPhwtUA2MR3I47lgAGMvhTsvSS1GqpxkOKi7IZBkLzzOFRthubg4cUw13t_R0pTS0_MMfwHp7uJJg7nyxDj5j0h1DVFnXNv_ItD8Qbzxk1AafNDSAI2v5VRd1ljC-J3KkVGNcORCEpejzhUMWwVX5Oino4C4moTVU9Claz2EzDRGzKb9ww3UtwPgzXwDmTqhER4EDX7CCc5fyxBN6mfYG1WwJ17egymdv9Fge5Iq-9o7VhIpiiaSaGoKsKpDUynAR0GHmylQg=w698-h357-no?authuser=0
    https://lh3.googleusercontent.com/5z6KGoDeZC-UDbB4sO7BOK38Wn4X03skqiD2iyKGGt7C6142y6nJljfieowjUKXc2TVaSQmKhMBWZju2DL2K-0V5G1LrTc55lXDPvb7DDvu6PAku4Cjf6oKwur8Rx8bj6mFKWPK6cYJktMfz5wo1_xTqtcdpYgEZgzTMrsNCuFHR8urzI-d_7Xn1EDJdaPAm-U75xQXi2BrQZbeVAGrC2WgdYKdJTMFfAJPVdhLuG7vjRAM9Vg4OEui823UBS-GzdQHP9KUbQ4XprzWY5evgrxYvX1M0PaQ7fJkZ4_WMVS1VF4jWxH-okLZR7qMiJtzyuUWSJ3B1y5oRRXgq7RpjWfJPZBG1lacJZbePEWl3JPSv72AAqyACYRnV0dt1EQERJRQU4Rg7VZngAMW4fuMpP8BNjW49ZwXITxzojOasd5p15iUM-CPhwtUA2MR3I47lgAGMvhTsvSS1GqpxkOKi7IZBkLzzOFRthubg4cUw13t_R0pTS0_MMfwHp7uJJg7nyxDj5j0h1DVFnXNv_ItD8Qbzxk1AafNDSAI2v5VRd1ljC-J3KkVGNcORCEpejzhUMWwVX5Oino4C4moTVU9Claz2EzDRGzKb9ww3UtwPgzXwDmTqhER4EDX7CCc5fyxBN6mfYG1WwJ17egymdv9Fge5Iq-9o7VhIpiiaSaGoKsKpDUynAR0GHmylQg=s72-w698-c-h357-no?authuser=0
    Home Design and Ideas
    https://www.hdesignideas.com/2016/12/menggunakan-random-post-widget-untuk.html
    https://www.hdesignideas.com/
    https://www.hdesignideas.com/
    https://www.hdesignideas.com/2016/12/menggunakan-random-post-widget-untuk.html
    true
    2215255630784927830
    UTF-8
    Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy Table of Content