• 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 Rangga 27
» 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 = "http://3.bp.blogspot.com/-5SoVe1K6JSk/Utl0OOmucAI/AAAAAAAAF6E/hQghgD_EJdQ/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

  • Cara Mencairkan Cek lewat Bank BRI
    Cara Mencairkan Cek lewat Bank BRI - Kali ini admin akan membagikan info banking tentang bagaimana cara mencairkan cek dari mana pun ke ba...
  • Cara Mencairkan Cek Melalui Bank BNI
    Cara Mencairkan Cek Melalui Bank BNI - Admin kali ini juga akan membagikan bagaimana cara mencairkan Cek dollar anda ke rupiah melalu Ban...
  • Perbedaan Kereta Api Jaman Dulu dan Jaman Sekarang
    Perbedaan Kereta Api Jaman Dulu dan Jaman Sekarang - lama sekali saya tidak update artikel karena pulang kampung ke tanah kelahiran ...
  • 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...
  • Cara membuat Rating Bintang di Setiap Posting Blog
    Cara membuat Rating Bintang di Setiap Posting Blog - Admin baru-baru ini belajar cara membuat rating widget, butuh 2 hari untuk memahami l...

ads

Labels

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

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