Link

 

Google Search

Google
Web id-blogger.com

Login Form






Lost Password?
No account yet? Register

Pesan Singkat


ShoutMix chat widget

  • Who's Online

    We have 1 guest online

    Statistics

    Members: 5752
    News: 124
    Web Links: 5
    Cara pasang "Random Post" (menampilkan posting secara acak) PDF Print E-mail
    Written by ID-BLOGGER.COM   
    Friday, 09 January 2009

    Random post adalah suatu cara menampilkan posting secara acak, Sebenarnya cara memasang random post sudah lama ada dan sudah banyak yang menulis, namun blogger yang baru memulai membuat blog masih saja bingung, mungkin tutorila yang digunakan/ditemukan masih menggunakan bahasa inggris. Agar gak membuat sahabat blogger kecewa saya tulis aja artikelnya secara singkat.


    Langkah mudah membuat Random Post:


    Pertama:


    Buka Template -> Edit HTML -> Jangan lupa lakukan backup template :)

    Kemudian Copy-paste kode dibawah ini biasanya atas tag </head>



    <script type="text/javascript">
    //<![CDATA[
    var _yourBlogUrl = "
    http://www.o-om.com";

    function randomPost() {
      var script = document.createElement("script");
      script.setAttribute("type", "text/javascript");
      var theUrl = _yourBlogUrl +"/feeds/posts/summary?alt=json-in-script&callback=getTotalPostsCallback&start-index=1&max-results=1";
      script.setAttribute("src", theUrl);
      document.documentElement.firstChild.appendChild(script);
    };
    function getTotalPostsCallback(json) {
      var totalResults = json.feed.openSearch$totalResults.$t;
      if (totalResults > 0) {
        getRandomPostNumber(totalResults);
      }
    };
    function getRandomPostNumber(totalResults) {
      var randomNumber = Math.floor((Math.random() * totalResults) + 1);
      getRandomUrl(randomNumber);
    };
    function getRandomUrl(randomNumber) {
      var script = document.createElement("script");
      script.setAttribute("type", "text/javascript");
      var theUrl = _yourBlogUrl +"/feeds/posts/summary?alt=json-in-script&callback=getTheUrlCallback&start-index=" + randomNumber + "&max-results=1";
      script.setAttribute("src", theUrl);
      document.documentElement.firstChild.appendChild(script);
    };
    function getTheUrlCallback(json) {
      var theUrl = json.feed.entry[0].link[0].href;
      window.location.href = theUrl;
    }
    //]]>
    </script>



    => Jangan lupa ganti warna merah diatas dengan nama blog kita, jika sudah jangan lupa disimpan



    Kedua:


    Kemudian Tambahkan sebuah Element halaman -> HTML/Javascript


    <a href="javascript:randomPost();">View Random Post</a>


    Jangan lupa disimpan dan lihat hasilnya :)

     

    Sumber: http://purplemoggy.blogspot.com/

     
    < Prev   Next >

    Archive Article

    Forum News

     
    Al-Quran Online      Free Hot Scripts