• 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

  • Apa aja yang dibutuhkan membuat video di youtube?
    Apa aja yang dibutuhkan membuat video di youtube? -  Admin bos goblog kali ini akan membahas sedikit tentang Gearlist  atau alat-alat yang ...
  • Kesalahan Dalam Optimasi SEO Blog
    Kesalahan Dalam Optimasi SEO Blog - Search Engine Optimization atau yang sering kita sebut dengan SEO memang sangat vital untuk mensuksesk...
  • Cara Membuat Blog Cepat Dan Ringan
    Cara Membuat Blog Cepat Dan Ringan - Di era sekarang ini jika anda menginginkan blog anda menjadi pilihan pertama mesin pencari adalah blo...
  • 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...
  • Tips Membuat Blog Anda Populer
    Tips Membuat Blog Anda Populer - Anda pasti pernah berpikir, anda selalu update artikel setiap hari tetapi blog anda tak kunjung dikenal o...

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