• 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

  • 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...
  • 5 Fakta Personil Red Velvet Yang Mungkin Kamu Belum Tahu
    Setelah kemarin Bos Go Blog merangkum tentang  5 Fakta Personil BTS Yang Mungkin Kamu Belum Tahu . Kali ini Bos Go Blog akan merangkum tent...
  • 5 Virtual Reality (VR) Headset Termahal di Dunia Saat Ini
    Virtual Reality (VR) adalah penggunaan teknologi komputer untuk menciptakan lingkungan simulasi. Pengguna berinteraksi secara langsung, nam...
  • Anjuran Mengganti Sikat Gigi
    Anjuran Menganti Sikat Gigi -  Sikat Gigi adalah salah satu kebutuhan primer yang digunakan oleh manusia di seluruh dunia. Seusai fungsinya...
  • 5 Film yang Belum Tayang di Tahun 2017
    Sobat Bos Go Blog, Di Tahun ini banyak sekali bermunculan film - film action, komedi, horor, dll. Banyak film yang sudah dirilis dan ada pu...

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