-->
  • Jelajahi

    Copyright © Tewe My ID
    Best Templates

    Ads

    Author Details

    Cara Membuat Random Post Keren Blog

    AriefTewe
    Sabtu, 11/16/2019 05:53:00 PM WIB Last Updated 2020-11-06T13:05:36Z
    Random post blog
    Membuat Random Post

    Widget Merupakan Salah satu aksesoris di dalam Blog Yang Terdiri dari code-code Html dan Javascript yang Berfungsi Untuk Melengkapi fitur website agar Mempermudah sekaligus Mempercantik Susunan element di Website Tersebut.


    Widget Umumnya di pakai untuk Mempermudah Navigasi di situs Meski Beberapa Element Html Bisa Berfungsi karena ada Css Pendukung yang di sematkan di dalam Template atau design Blog. Kelebihan dan Kekurangan Menggunakan widget Tentulah ada. Kelebihan Menggunakan widget yaitu sepertu yang sudah saya sebutkan Di atas antara lain : Untuk Mempermudah Navigasi, Mempermudah pengunjung atau Visitor, memberikan Option atau Pilihan Kepada Visitor, dan Yang Terakhir Memperindah Website Tersebut. Kekurangan Memakai Widget Antara Lain : Menambah Beban Dan Waktu Loading Blog, Terjadi Duplicate Content, Dukungan http: dan https: mempengaruhi crawl blog, menambah code text rasio blog, Membingungkan Pengunjung, dan Terakhir yaitu Mengurangi Nilai Seo.


    Widget Untuk mempercantik Blog sebenarnya Banyak dan Free, Namun Ada Beberapa yang Tidak Sesuai dengan peramban atau Browser di karenakan Design Template Blog Berbeda Beda. Bila di lihat dari Macam-macam Browser Mobile Smartphone Yang Mendukung Javascript dan Html Untuk Pengguna apple maupun Iphone. Widget Blog sebetulnya Banyak, ada widget Jam, Widget komentar facebook di blog, widget visitor, dan Yang lagi kita Bahas yaitu Cara Bikin Widget Random Post di Blog.


    Widget Random Post di Bagi Menjadi Dua yaitu Widget Dengan Thumbnail post dan Widget Tanpa Thumbnail post. Thumbnail adalah Gambar atau image Posting Yang Sudah Di Perkecil dengan ukuran Widht dan height yang di sesuaikan dengan Layout Blog Tersebut. Terjadi Duplicate Content di karenakan Random post apabila yang Di Paparkan itu Sama Dengan Judul Recent post atau Popular post di blog. Contoh nyata adalah apabila Random post, popular post, dan Recent post menampilkan Judul Atau Tampilan yang sama.


    Postingan ini Selebihnya Sekedar Memberi tahukan atau menginformasikan saja Kelebihan serta Kekurangan Meletakan code Html javascript Widget Random post di blog. Bagi Kamu yang Sedang Cari Widget Random Post Untuk Blog kamu, Silahkan Saja Copy Paste Code-code Html dan javascript di bawah 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 = 6;
    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://2.bp.blogspot.com/-F1lTdmXTr0Y/VmpR_HBcVyI/AAAAAAAAGa8/a2_2T-p3AKM/s1600/bungfrangki_no_image_100.png"
    }
    }
    };
    document.write('<li>');
    document.write('<a href="' + randompostsurl + '" rel="nofollow"><img alt="' + randompoststitle + '" 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>

    Random post Artinya Yaitu Menampilkan Judul posting Secara Acak atau Berganti-ganti Secara Otomatis dan Tidak di batasi Oleh Kategori Postingan blog. Cara membuat Random Post Blogger Tidak Begitu Sulit karena Sudah Banyak Pula Yang Membagikan Code Htmlnya Yang Bisa Langsung kita copy paste kan di Widget html/ Javascript di blogger. Yang di Tuliskan diatas itu Cara Membuat Random post dengan Thumbnail. Dengan kata Lain Yaitu Menampilkan Judul Posting Secara Acak Di Sertai dengan Gambar atau thumbnail image post.


    Untuk Cara Membuat Recent Post Beda Lagi Script nya. Kalau Recent Post Menampilkan Postingan yang Terbaru. Untuk di Blogger sendiri menu Widget Recent post Mungkin Sudah Tersedia di Menu Tambahkan Widget. Jadi Tidak Perlu Membuat script Andai Sudah ada di blogger, hanya Untuk Membuat widget itu Menarik Harus di Bungkus dengan Css. Kembali Ke Random Post, script Random post Bila di lihat dari Seo dapat mempengaruhi loading blog. Sampai saat ini saya belum mengetahui script Random Post yang Tidak mempengaruhi Loading Blog. Tapi yang terpenting dari itu semua, di dalam Template sudah di pasang minified javascript agar tidak terlalu Memberatkan Blog itu sendiri. Terima Kasih Telah Membaca Cara Membuat Widget Random Post blogger.

    Komentar

    Tampilkan

    Terkini