Tutorial Menciptakan Widget Artikel Acak Di Blog

Dalam Artikel Ini Saya Akan Menjelaskan Bagaimana Caranya Membuat Widget Random Post Keren Atau Cara Membuat Widget Artikel Acak Di Blog Rapi Dan Keren Banget, Dalam Artikel Ini Saya Akan Share Bagaimana Cara Membuat Widget Artikel Acak Di Blog Dengan Praktis Simple Dan Rapi, Seperti Halnya Di Blog Ini Juga Memakai Artikel Acak Bisa kalian lihat di Sidebar Kanan blog Ini Itu Juga Memakai Widget Artikel Acak Atau Random Post Atau Yang Disebut Juga Dengan Random Post Cara Membuat Random Post Dengan Thumbnail ataupun sekaligus dengan gambar Sangatlah Praktis Dan Tidak Berat Karna Pengaruh Javascript Yang Dibuat Dan Dalam Widget Artikel Acak Di Blog Atau Membuat Random Post Yang Keren Banget Disini Kita Akan Membuatnya,

Maksud dari random post adalah nantinya mau berisi ataupun menampilkan artikel artikel nan kami miliki mau ditampilkan setutor acak, Teknikitu merupakan teknik biar pengunjung sanggup mampu membaca artikel kami biar pengunjung sanggup membuka banyak artikel nan kami miliki juga itulah nan disebut dengan artikel acak ataupun disebut juga random post, kalian sanggup juga memasang dimana saja tetapi biar terlihat lebih rapi juga keren kami mau coba eksklusif ke sidebar saja, terserah juga sih kalian mau meletakkannya dimana saja nan penting bila contohnya di template kalian meletakkannya musti di parse dulu tetapi apabila di sidebar eksklusif tinggal pasang saja pola widgetnya sanggup kalian lihat dibawah pola widget artikel acak ataupun widget random post, inilah pola tampilannya

Pada Gambar diatas terlihat sidebar artikel acak ataupun random post nan responsive banget ya, kemudian tutornya nanti kami pasang ke tata letak saja juga eksklusif pilih html Javascript juga sebelumnya pastikan artikel di blog kalian rampung banyak ya biar praktis kami testnya nanti sepakat kami eksklusif saja mulai :

Pertama : Anda Buka Blogger.com juga login akun blog kalian masing masing

Kedua : Langsung Pergi Ke Menu Tata Letak >> Pada Sidebar >> Tambahkan Gadget >> HTML/JAVASCRIPT Dan Pastekan Kode Dibawah Ini ...

<style type='text/css'> #random-posts img{display:block;margin:0;margin-right:10px;padding:0;width:72px;height:72px;border:1px solid #f5f5f5;overflow:hidden;float:left} #random-posts img:hover{opacity:0.6;} ul#random-posts{background:#fff;list-style:none;margin:0;padding:5px 0 0;overflow:hidden;border-top:none;} #random-posts a{color:#64707a;transition:all .3s;display:block} #random-posts li:hover a,#random-posts a:hover{color:#4285f4;} .random-summary{font-size:13px;color:999} #random-posts li{background-color:#fff;margin:0;padding:10px;min-height:65px;position:relative;border-bottom:1px solid #f5f5f5;transition:all .3s;} </style> <ul id='random-posts'> <script type='text/javaScript'> var randomposts_number = 12; var randomposts_chars = 0; var randomposts_details = 'no'; var randomposts_comments = 'Comments'; var randomposts_commentsd = 'Comments Disabled'; var randomposts_current = []; var total_randomposts = 0; var randomposts_current = new Array(randomposts_number); function randomposts(json) {     total_randomposts = json.feed.openSearch$totalResults.$t } document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=randomposts\"><\/script>'); function getvalue() {     for (var i = 0; i < randomposts_number; i++) {         var found = false;         var rndValue = get_random();         for (var j = 0; j < randomposts_current.length; j++) {             if (randomposts_current[j] == rndValue) {                 found = true;                 break             }         };         if (found) {             i--         } else {             randomposts_current[i] = rndValue         }     } }; function get_random() {     var ranNum = 1 + Math.round(Math.random() * (total_randomposts - 1));     return ranNum }; </script> <script type='text/javaScript'> function random_posts(json) {     for (var i = 0; i < randomposts_number; i++) {         var entry = json.feed.entry[i];         var randompoststitle = entry.title.$t;         if ('content' in entry) {             var randompostsnippet = entry.content.$t         } else {             if ('summary' in entry) {                 var randompostsnippet = entry.summary.$t             } else {                 var randompostsnippet = "";             }         };         for (var j = 0; j < entry.link.length; j++) {             if ('thr$total' in entry) {                 var randomposts_commentsnum = entry.thr$total.$t + ' ' + randomposts_comments             } else {                 randomposts_commentsnum = randomposts_commentsd             }; if (entry.link[j].rel == 'alternate') {                 var randompostsurl = entry.link[j].href;                 var randomposts_date = entry.published.$t;                 if ('media$thumbnail' in entry) {                     var randompoststhumb = entry.media$thumbnail.url                 } else {                     randompoststhumb = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm9VA6PvCHyWtIr5BP26uMs2Q3bKGhGQ-mpH7mm_iZr1TbRxu7Thne73LFA97prcotH8eaPP3kpGNu-DpiluG8XFugwlpZxFCA3H9TlfwiUF85KBMM1XnZ9BYqpwILauGjuCSMj8LAfHQ/s1600/bungfrangki_no_image_100.png"                 }             }         };         document.write('<li>');         document.write('<a href="' + randompostsurl + '" rel="nofollow"><img alt="Dalam Artikel Ini Saya Akan Menjelaskan Bagaimana Caranya Membuat Widget Random Post Keren  Tutorial Membuat Widget Artikel Acak Di Blog" src="' + randompoststhumb + '" width="' + 72 + '" height="' + 72 + '"/></a>');         document.write('<div><a href="' + randompostsurl + '" rel="nofollow">' + randompoststitle + '</a></div>');         if (randomposts_details == 'yes') {             document.write('<span><div  class="random-info">' + randomposts_date.substring(8, 10) + '.' + randomposts_date.substring(5, 7) + '.' + randomposts_date.substring(0, 4) + ' - ' + randomposts_commentsnum) + '</div></span>'         };         document.write('<br/><div class="random-summary">' + randomposts_snippet + '</div><div style="clear:both"></div></li>')     } }; getvalue(); for (var i = 0; i < randomposts_number; i++) {     document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index=' + randomposts_current[i] + '&max-results=1&callback=random_posts\"><\/script>') }; </script> </ul> <div class='clear'/> </div>

Lalu Klik SIMPAN juga Coba lihat ke blog kalian juga taraa, kini kalian telah mengetahui bagaimana Caranya Membuat Widget Random Post Keren Atau Cara Membuat Widget Artikel Acak Di Blog Rapi Dan Keren Banget Artikel Acak Dan Random Post iNI berfungsi setiap kali kalian me-refresh halaman nan kalian baca makanya di widget tadi mau eksklusif mengacak artikel artikel kalian setutor otomatis sanggup kalian kreasikan juga biar keren juga responsive Dan Terima Kasih Telah Membaca.. KOMEN AND SHARE YAA