Membuat “Random Post” versi 2 di Blogger

Berhubung saya pernah membuat artikel yang berjudul “Membuat Random Post di Blogger“ waktu dulu kala.. dan barusan saya cek lagi ternyata sudah tidak berfungsi lagi.. jadi saya cari2 kesalahan kode tersebut sambil blogwalking.

Dari hasil blogwalking, artikel tadi sudah diperbaiki dari hasil blogwalking, selain itu saya juga mendapatkan ilmu baru. Yaitu tentang Membuat Random Post versi Baru di Blogger.

Apa sih barunya?

Kalo Random Post yang dulu itu ketika artikel terbuka maka otomatis akan ada beberapa list judul beserta link artikel yang sudah dibuat secara random.

Nah kalo yang ini, adalah hanya sebuah link. Dimana kalau link tersebut di klik, maka halaman akan terefresh dan langsung menuju halaman lain secara random.

Tertarik? Ikuti petunjuk di bawah ini :

1. Sign in di akun blogger Anda
2. Masuk ke Layout >> Page Elements
3. Add a Gadget >> HTML/Java Script
4. Paste kode di bawah

<div id="myLuckyPost"></div> <script type="text/javascript"> function showLucky(root){ var feed = root.feed; var entries = feed.entry || []; var entry = feed.entry[0]; for (var j = 0; j < entry.link.length; ++j){if (entry.link[j].rel == 'alternate'){window.location = entry.link[j].href;}}} function fetchLuck(luck){ script = document.createElement('script'); script.src = '/feeds/posts/summary?start-index='+luck+'&max-results=1&alt=json-in-script&callback=showLucky'; script.type = 'text/javascript'; document.getElementsByTagName('head')[0].appendChild(script); } function feelingLucky(root){ var feed = root.feed; var total = parseInt(feed.openSearch$totalResults.$t,10); var luckyNumber = Math.floor(Math.random()*total);luckyNumber++; a = document.createElement('a'); a.href = '#random'; a.rel = luckyNumber; a.onclick = function(){fetchLuck(this.rel);}; a.innerHTML = 'Klik di Sini Untuk Menuju Halaman Lain Secara Acak'; document.getElementById('myLuckyPost').appendChild(a); } </script> <script src="/feeds/posts/summary?max-results=0&alt=json-in-script&callback=feelingLucky"></script><noscript><a href="http://melodanta.com" target="_blank">Melodanta</a></noscript>

5. Save dan liat hasilnya

Kode tersebut saya ambil dari http://anshuldudeja.blogspot.com/ dan diedit seperlunya sesuai dengan kebutuhan.

Ada yang ingin menambahkan? Maaf saya ga bisa kasih demo-nya, soalnya saya belum punya blog di blogger yang punya banyak artikel yang layak untuk dipublikasikan, tapi kalau Anda baca artikel ini saya yakin sudah dapat gambaran.

Anda Menyukai Artikel di Blog Ini? Masukkan Alamat Email Anda untuk Berlangganan:

Artikel Populer Cara Membuat Flash Disk Menjadi Bootable dengan Unetbootin Sejarah Internet di Dunia Awal Sejarah Internet di Indonesia Sony PS1 Emulator untuk PC Bermain Rubik Online Pasang Paket Speedy Family Unlimited Sendiri Wordpress Theme : 25 Oktober 2009 100+ Dofollow Forums Tutorial Setting Emulator ePSXe Cara Cepat Akses Internet Lewat Handphone Buku Gratis di Kick Andy Download Opera 10 with Turbo Nusantara Online, MMORPG Buatan Indonesia Partition Wizard Home Edition, Alternatif Software Partisi untuk Windows Download Microsoft Office 2010 Beta Gratis Daftar 10 Game Terbaik 2009 Selamat Datang Ubuntu 9.10 Karmic Koala Baca Koran Jawa Pos via PDF Daftar Situs Penyedia Email Gratis Bukti Pembayaran dari Adsense Daftar Game Bajakan Terlaris 2009 Fake SMS, Aplikasi HP s60v3 untuk Iseng-Iseng Cara Membuat Tulisan Terbalik dengan Flip Text Generator Agar Feed Networkedblogs Terpublikasikan di Wall Secara Otomatis Download Ubuntu Muslim Edition - Linux Sabily 9.10 (Gaza) Bukti Pembayaran dari Kumpulblogger ke-2 Cara Membuat Grup di Facebook Cara Mendaftar di Acme People Search Cara Membuat Account di Yahoo Cara Membuat Foto Menjadi Text

Artikel yang Berkaitan : Tutorial Membuat Spoiler Sederhana di Blogspot Cara Membuat Daftar Isi di Blogspot Cara Meletakkan CommentLuv di Blogspot SEO : Breadcrumb di Google Snippet SEO : Memasang Breadcrumb di Blogspot Submit Blog Dofollow dan CommentLuv Anda Mengubah Daftar Judul Seluruh Posting di Blogger Mengubah Header “About Me” di Blogger Langkah Mudah Memasang Adsense di Blogger Membuat “Random Post” di Blogger Cara Menambah Widget di Bawah Header Blogspot Memasang Popular Pages di Blogger dan TypePad Cara Membuat Related Post di Blogger Agar Feed Networkedblogs Terpublikasikan di Wall Secara Otomatis Tutorial Menggabungkan Search Box Wordpress dengan Google Custom Search Tutorial Memasang Google Custom Search di Blog Cara Mengetahui Rel Dofollow atau Nofollow dengan Chrome Tips Memilih Warna Iklan PPC dengan Photoshop Tutorial Memasang Iklan AdsenseCamp Wordpress 2.9 Beta 1 Telah Dirilis Wordpress Plugin : 11 November 2009 Bukti Pembayaran AdsenseCamp Solusi Mengatasi “error while trying to save your adsense for search settings. please try again later” Pada Saat Setting Adsense For Search Wordpress Theme : 13 September 2009 Wordpress Plugin : 11 September 2009 Cara Menghindari Copy Paste Artikel Blog Wordpress Plugin : 7 September 2009 Hati-Hati ada Seorang Plagiat Konten Blog Wordpress Plugin : 28 Agustus 2009 Worpress Plugin : 20 Agustus 2009

Hasil Pencarian:

membuat random post . random post . membuat random post di blogger . cara membuat random post . memasang random post . pasang random post pakai gambar . membuat random posting . random page blogger . random related post blogger . membuat random post pada blog . membuat randpm post blogger . menambah random post pakai gambar pada blog . membuat random post pada blogger . menambah widget random post . membuat random post pada blogger otomatis . widget random post blog . widget random post . widget page views per post for blogspot . script widget random post di blogger . script page views blogger .

Tags : Acak, Artikel Acak, Blogger, Blogspot, Internet, Posting Acak, Random Post, Random Post di Blogger, Random Post di Blogspot, Tips dan Trik, Tutorial Blog, Versi 2, Versi Baru