Tips Blog Cara Membuat Random Post Yang SEO Friendly Beserta Gambar

hallo rekan-rekan nbcdns.com. Pada kesempatan kali ini saya ingin membagikan cara membuat widget random post beserta gambar yang dapat kita pergunakan pada blog milik kita. Kegunaan dari random post ini adalah agar para pengunjung blog miliki kita dapat dengan mudah menemukan artikel yang kemungkinan cocok bagi mereka untuk dibaca dan jika kita memasang random post ini kita dapat mengurangi boucing rate dari blog kita, kenapa saya bilang seperti itu, karena kemungkinan pada saat pengunjung mengunjungi blog kita dan melihat artikel yang random sesuai keinginan dari pembaca, maka ada kemungkinan pembaca akan membaca artikel tersebut tanpa berfikir panjang. 

Random post ini akan memberikan informasi mengenai artikel yang telah kita buat secara acak ke pngunjung blog kita dan artikel tersebut akan terus berganti pada saat pengunjung blog kita melakukan pencarian artikel yang ada pada blog kita dan juga pada saat pengunjung tersebut melakukan refrest browser dari artikel kita tersebut. 

Banyak kegunaan yang kita dapat jika kita mempergunakan widget random post ini. Dengan mempergunakan random post ini kita dapat meningkatkan page view dan juga dapat sekaligus mengurangi bouce rate blog milik kita.

Untuk anda yang ingin memasang widget random post yang SEO friendly dapat mengikuti langkah-langkah berikut ini.

1. Silahkan masuk ke blog anda
2. Pilih Tata letak > Tambah Gadget > Pilih HTML/Javascript
3. Copy pastekan kode dibawah ini pada form yang ada pada HTML/Javascript tersebut.

<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/AVvXsEjFvorVcZOslpJMg-Vh28FSAqU1TnLIH-JpZXVIPN9RxCIl5NOBbUvMfD2HYwtZuwBMZ7L2Ud3n2qCH7A6QnJJ9vKvd7wfGFlSVi1050QaIkpx6okqAEIlb_l2tcSWL8NtNeVnSGNd5Wf0/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>
<a style="font-size: 9px; color: #CECECE; float: right; margin: 5px;" href="http://goo.gl/zAnmTu" rel="nofollow">Random Posts Widget</a>
</ul>

Cara merubah script di atas adalah jika kita ingin menampilkan jumlah postingan lebih dari 5 maka kita dapat merubah angka 5 pada "var randomposts_number = 5;" mejadi angka yang kita inginkan, Untuk menambahkan potongan text kita dapat merubah "no" ke "yes" pada barus dengan kata seperti ini "randomposts_details2 = 'no';" dan untuk menyembunyikan tanggal postingan kita dapat merubah "no" ke "yes" pada baris "randomposts_details var = 'yes';".

Dan jangan lupa silahkan anda save atau simpan dan kita dapat melihat hasilnya pada tampilan blog kita. Nah Sekian dulu artikel dari saya yang berjudul Tips Blog Cara Membuat Random Post Yang SEO Friendly Beserta Gambar ini, semoga artikel saya ini dapat berguna bagi rekan-rekan sekalian dalam meningkatkan pengujung dari blog rekan-rekan sekalian.

Share this post