• About
  • Contact
  • Disclaimer
  • Sitemap
  • Privacy Policy
  • TOS
  • Kode warna
BOS GO BLOG
  • Home
  • Tips Desain Blog
  • Tips SEO
  • Tips Adsense
  • Tips Lain
  • My Diary
  • Banking
  • Informasi
Home » blog » Cara Membuat Navigasi Random Posts Di Blogger

Cara Membuat Navigasi Random Posts Di Blogger

Posted by bosgoblog
» blog
» 4/24/2015

Sebelumnya saya telah memposting apa yang harus dilakukan sebelum mendaftar Adsense. dan salah satunya adalah memperbanyak navigasi. dan kali ini Bos Go Blog akan memberikan Cara Membuat Navigasi Random Posts Di Blogger. Navigasi sangatlah penting untuk mempermudah pengunjung mengetahui isi dari blog anda.

cara membuat navigasi random posts di blogger

Untuk itu simak dua Cara Membuat Navigasi Random Posts Di Blogger yang telah Bos Go Blog tulis berikut.

Cara Pertama (Random Posts Simple tanpa gambar)

1. Buka Blog anda dan masuk ke menu Layout => lalu pilih Add Gadged => kemudian Pilih HTML/JavaScript

2. Masukkan kode berikut ini di kolom yang tersedia
<ul id="random-posts"></ul>
<script>
//<![CDATA[
var homePage = "http://www.bos-goblog.blogspot.com/",
numPosts = 5;
function randomPosts(a){if(document.getElementById("random-posts")){var e=shuffleArray(a.feed.entry),title,link,img,content="",ct=document.getElementById("random-posts");for(var i=0;i<numPosts;i++){for(var j=0;j<numPosts;j++){if(e[i].link[j].rel=="alternate"){link=e[i].link[j].href;break}}var title=e[i].title.$t;content+='<strong><li class="random-posts"><a href="'+link+'" title="'+title+'" target="_blank">'+title+'</a></li></strong>'}ct.innerHTML=content}}function shuffleArray(arr){var i=arr.length,j,temp;if(i===0)return false;while(--i){j=Math.floor(Math.random()*(i+1));temp=arr[i];arr[i]=arr[j];arr[j]=temp}return arr}var random_post=document.createElement('script');random_post.src=homePage+'/feeds/posts/summary?alt=json-in-script&orderby=published&max-results=999&callback=randomPosts';document.getElementsByTagName('head')[0].appendChild(random_post);
//]]>
</script>
keterangan :
Warna Biru = Ganti dengan alamat blog anda
Warna Merah = Jumlah artikel Random Posts

3. Langkah terakhir adalah Klik Save


Cara Kedua (Random Posts dengan gambar)

1. Buka Blog anda dan masuk ke menu Layout => lalu pilih Add Gadged => kemudian Pilih HTML/JavaScript

2. Masukkan kode berikut ini di kolom yang tersedia
<style>
#random-posts img {
    border-radius: 10px;
    float: left;
    margin-right: 5px;

    width: 75px;
    height: 75px;

    background-color: #F5F5F5;
    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: uppercase;
    padding: 0px auto 5px;
}

#random-posts a:hover {
    text-decoration: none;
}

.random-summary {
    font-size: 11px;
    background: none;
    padding: 5px;
    margin-right: 8px;
}

#random-posts li {
    margin-bottom: 10px;
    border-bottom: 1px solid #EEEEEE;
    padding: 4px;
}
</style>
<ul id='random-posts'>
<script type='text/javaScript'>
var randomposts_number = 5;
var randomposts_chars = 110;
var randomposts_details = 'yes';
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 = "";
            }
        };
        randompostsnippet = randompostsnippet.replace(/<[^>]*>/g, "");
        if (randompostsnippet.length < randomposts_chars) {
            var randomposts_snippet = randompostsnippet
        } else {
            randompostsnippet = randompostsnippet.substring(0, randomposts_chars);
            var whitespace = randompostsnippet.lastIndexOf(" ");
            randomposts_snippet = randompostsnippet.substring(0, whitespace) + "&#133;";
        };
        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/AVvXsEjJDnEFTvenvuZZR19UABOY_Pc0BMMkVYpoXYx-jjth6MHy1r3IXXeH5T2SnBuhEn6WEmJNRhX4DXT0xZnurqYEkV01gXK2pOiRB-rD4-BZJzdIPKi2RWntYpfYHRqVp6dG81-AAM5fbrk/s1600/no_thumb.png"
                }
            }
        };
        document.write('<li>');
        document.write('<a href="' + randompostsurl + '" rel="nofollow"><img alt="' + randompoststitle + '" src="' + randompoststhumb + '"/></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>
keterangan :
Warna Biru = Ukuran gambar Random Posts
Warna Merah = Jumlah artikel Random Posts

3. Langkah terakhir adalah Klik Save

Gimana para bloggers? pilih yang mana Random Posts untuk blog anda? gampang kan cara nya. jangan lupa dicoba ya di blog masing - masing. sekian tips Cara Membuat Navigasi Random Posts Di Blogger yang bisa Bos Go Blog berikan. Jika ada yang ditanyakan langsung saja berkomentar dibawah.

Terima Kasih telah berkunjung :)
Silahkan tinggalkan komentar yang relevan

Newer Post
Older Post
Home
Subscribe to: Post Comments (Atom)

Search Here

Formulir Kontak

Name

Email *

Message *

Popular Posts

  • Pembayaran Adsense Sekarang Melalui Transfer Bank
    Pembayaran Adsense Sekarang Melalui Transfer Bank - Halo sobat bos goblog , tahukah kamu pembayaran adsense sekarang melalui transfer bank ...
  • Tips SEO On Page Untuk Blogspot
    Search Engine Optimization atau sering kita sebut SEO adalah bagian terpenting dalam blogging. Tanpa optimasi blog yang tepat, kita akan k...
  • Mengapa Tetap Ngantuk Meskipun Tidur Kita Cukup ?
    Mengapa Tetap Ngantuk Meskipun Tidur Kita Cukup ? -  Tidur adalah sesuatu gejala alami yang dirasakan manusia ketika mereka ngatuk atau lel...
  • Cara Mengatasi Rasa Bosan Saat Blogging
    Terkadang bagi para bloggers untuk update artikel setiap hari ada rasa bosan yang ada di dalam diri karena setiap hari hanya itu dan itu sa...
  • Cara Mengaktifkan Internet Banking BNI
    Cara Mengaktifkan Internet Banking BNI -  Kali ini Admin Bos Go Blog akan membagikan informasi bagaimana cara mengaktifkan internet ban...

Labels

  • adsense
  • Banking
  • blog
  • diary
  • informasi
  • k-pop
  • kesehatan
  • lainnya
  • seo
  • ulasan

ads

Followers

Lirik Lagu BGB

Random Posts

    Copyright © BOS GO BLOG. All rights reserved. bos-goblog.blogspot.com.
    New Thesis SEO V3. Designed by Bos Go Blog. Original Theme: Thesis SEO. Powered by Blogger