Di postingan artikel dibawah ini menjelaskan bagaimana Cara Membuat Random Artikel Di Blog. Ada beberapa cara untuk membuat Artikel Random ini, atau biasa juga dengan sebutan artikel acak. Fitur posting artikel random ini secara otomatis dipilih oleh Blog itu sendiri, bisa ditempatkan di samping postingan artikel, baik itu sebelah kanan atau kiri.
Fungsi dari Random Artikel Otomatis itu sendiri merupakan salah satu cara untuk menampilkan topic-topik lain dari artikel yang terdahulu. Fungsi ini bisa menjadi nilai tambah SEO bagi mesin pencari, supaya link artikel ter-index atau terdeteksi lagi. Begitu pula bagi pengunjung, ada transformasi topic yang mungkin membuat tertarik untuk dibaca.
Namun Artikel random berikut ini hanya menampilkan judunya saja, sedangkan mengenai tampilannya seperti jenis huruf, besar huruf, warna judul dan lainnya bisa sedikit dimodifikasi bagi yang sudah terbiasa mengedit template. Random artikel ini cukup cepat dalam hal loadingnya, sehingga tidak terlalu menggangu dari kecepatan membuka halaman.
Untuk Membuat Random Artikel di Blog ini memerlukan waktu hanya beberapa menit saja. Berikut diuraikan cara-caranya yang singkat di bawah ini. Random Artikel dapat di modifikasi sesuai kebutuhan, diuraikan sedikit di dalam keterangan.
Tutorial dibawah ini telah Direvisi, mari ikuti langkah-langkanya :
1. Login Ke Blogger.
2. Klik Template, Backup template untuk jaga2 bila diperlukan, atau langkah berikut bisa di uji coba menggunakan Blog percobaan yang lain.
3. Klik Layout.
4. Klik Add a Gadget (Widget), dimana saja Random Artikel ingin ditempatkan.
5. Pilih HTML/Javascript
6. Isi Title sesuai keinginan (Bila ingin diisi), Misalnya: Artikel Random.
7. Masukan Di kotak content kode di bawah ini.
<div id='artikelacak' > <style scoped='scoped'> #artikelacak {border:none; margin-top:0px; margin-left:0px;margin-right:0px;font-size:14px;margin-bottom:5px;width:auto} #artikelacak li{display:block;text-indent:0px;padding-top:5px;padding-right:10px; padding-bottom:3px;padding-left:5px;margin-bottom:3px;margin-left:0px;margin-right:0px;line-height:19px;border-bottom:2px dotted #ececec} #artikelacak li:hover{background:#EFFFFF} #artikelacak a{text-decoration:none;font-weight:normal;text-align:left;font-family:Helvetica,Arial,sans-serif} #artikelacak a:hover{color:#AC1AC0} </style> <div id='random-post-container'>Loading...</div> <script> //<![CDATA[ var homePage = 'http://Nama-BLOG.blogspot.com',maxResults=7,containerId='random-post-container'; 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 createRandomPostsStartIndex(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=createRandomPostsStartIndex"></scr' + 'ipt>'); //]]> </script> </div>
Keterangan Cara Membuat Artikel Random :
Warna Kuning adalah Nama Blog (Wajib Diganti sama Nama Blog Sendiri)
Warna Biru adalah posisi dari artikel random dari sebelah kiri, dapat dirapihkan letaknya, misalnya ganti menjadi margin-left:-20px atau sesuai nilai yang diperlukan supaya rapih
Warna Merah adalah besar huruf
Warna Hijau adalah jenis huruf
Warna Pink adalah jumlah artikel yang ingin ditampilkan
Pada intinya antara <style> dengan </style> dapat dimodifikasi sesuai keinginan
8. Klik save dan lihat hasilnya.
Catatan : Kode Diatas memang berfungsi dengan baik dan responsive, namun ada error terdeteksi oleh Google Webmaster Tools, untuk mengatasinya harus ditambahkan pada robot.txt nya sebagai berikut :
Disallow: /feeds/posts/summary?alt=json-in-script&orderby=updated&start-index= Disallow: /feeds/posts/summary?alt=json-in-script&max-results=0&callback=createRandomPostsStartIndexUntuk lebih jelasnya cara mengedit Robot.txt Baca Blog Baru Agar Terindex Google Disini
Mudah-mudahan postingan random artikel di Blog ini dapat bermanfaat. Bagi yang berhasil menerapkan Tutorial Blog yang mana saja DiBlog ini, diharapkan memberikan link Blognya pada kotak komentar, supaya menjadi contoh. Trim’s.
