Cara Membuat Widget Random Post Pada Blog


Cara Membuat Widget Random Post Pada Blog - Hallo Sahabat Sahabat Blogger Maupun Para netizen sekalian, Saya Ucapkan selamat membaca artikel terbaru saya ini, Khususnya jika kalia  adalah para firsr time visitornya Blog Bang Ariel.



Pada malam hari yang cerah ini, Saya baru saja mendapat ide lagi, Untuk membagikan informasi tutorial yang mungkin berguna untuk kalian semua, Khususnya jika kalian  memang Pada blogger.

Pernah Dengar Kata random post ?
Random post merupakan sebuah tampilan, Yang di suguhkan dalam sebuah blog atau situs, Tujuan dari random post sendiri adalah untuk memperlihatkan artikel / postingan yang telah kalian buat secara acak, Tentunya cara ini juga paling efektif sekali buat kalian pasang, Di karenakan dapat mendatang kan visitor blog / situs kalian.

Mereka yang melihat random post, Pada dasarnya akan merasa tertarik dengan artikel / postingan kalia  yang telah kalian  buat, Sehingga membuat visitor betah berlama lama pada blog kalian.

Disini saya akan mengajarkan kepada kalian semua random post dalam versi widget / gadget blog.

Tidak usah tunggu lama lagi, Mari kita menuju inti pembahasan, Untuk mengajarkan kalian cara pembuatannya

Langkah - Langkah


  1. Silahkan kalian masuk pada akun blogger kalian masing - masing.
  2. Lalu pilih menu tata letak / layout
  3. Selanjutnya pilih add gadget / widget
  4. Selanjutnya pilih opsi html / javascript
  5. Kosongkan saja judulnya , Lalu letakan kode di bawah ini, Pada kolom html / javascript yang telah di sediakan.
     <style scoped='' type="text/css">
    #reways-random ul{list-style:none;margin:0;padding:0}#reways-random li{display:block;clear:both;overflow:hidden;list-style:none;border-bottom:1px solid #e3e3e3;word-break:break-word;padding:10px 0;margin:0;}
    #reways-random li:last-child{border-bottom:0;}
    #reways-random li a{color:#444;}#reways-random li a:hover{color:#444;text-decoration:underline}
    </style>
    <div id='reways-random'>Memuat...</div>
    <script>
    //<![CDATA[
    // Random Post Widget
    var homePage = 'http://www.renaldyways.com',
        maxResults = 10,
        containerId = 'reways-random';
    function getRandomInt(min, max) {
        return Math.floor(Math.random() * (max - min + 1)) + min;
    }
    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;
    }
    function rewaysRandomPosts(json) {
        var startIndex = getRandomInt(1, (json.feed.openSearch$totalResults.$t - maxResults));
        // console.log('Get the post feed start from ' + startIndex + ' until ' + (startIndex + maxResults));
        document.write('<scr' + 'ipt src="' + homePage + '/feeds/posts/summary?alt=json-in-script&orderby=updated&start-index=' + startIndex + '&max-results=' + maxResults + '&callback=randomPosts"></scr' + 'ipt>');
    }
    function randomPosts(json) {
        var link, ct = document.getElementById(containerId),
            entry = shuffleArray(json.feed.entry),
            skeleton = "<ul>";
        for (var i = 0, len = entry.length; i < len; i++) {
            for (var j = 0, jen = entry[i].link.length; j < jen; j++) {
                link = (entry[i].link[j].rel == "alternate") ? entry[i].link[j].href : '#';
            }
            skeleton += '<li><a href="' + link + '">' + entry[i].title.$t + '</a></li>';
        }
        ct.innerHTML = skeleton + '</ul>';
    }
    document.write('<scr' + 'ipt src="' + homePage + '/feeds/posts/summary?alt=json-in-script&max-results=0&callback=rewaysRandomPosts"></scr' + 'ipt>');
    //]]>
    </script> 
    


  6. Selanjutnya kalian simpan, Dan silahkan kalian lihat perubahan yang terjadi pada blog kalian masing masing.
Dengan di tambahkan nya widget random post, Temtunya akan menjadi daya tarik tersendiri untuk para pengunjung blog / situs kalian.

Penutup

Demikianlah artikel ini bisa saya sampaikan kepada kalian semua pengunjung blog saya ini, Semoga jadi manfaat tersendiri untuk kalian semua, Sampai jumpa pada update selanjutnya, Cukup sekian dari saya.

Terima kasih.

0 Response to "Cara Membuat Widget Random Post Pada Blog"

Post a Comment

Silahkan Berkomentar Dengan Baik, Dilarang !
- Sara
- Provokasi
- Menggunakan Kata Kasar
- Spam
- Phissing
- Sebar Url
- Dan Lain Lain yang melanggar ketentuan Google.

Berkomentarlah Dengan Sopan Dan Santun,

Jika komentar kalian melanggar ketentuan blog bang ariel, Dalam Sekejap Komentar Anda Akan Saya Hapus.

Terimakasih.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel