Cara Membuat Widget Artikel Pilihan Di Blog

Belajar Blog - Salam bloger...................! pada kesempatan kali ini kang dulpat akan memberikan sebuah tutorial sederhana mengenai blog yaitu Cara Membuat Widget Artikel Pilihan Di Blog, mungkin  saja ada yang masih belum berhasil atau tidak tahu caranya Membuat Widget Artikel Pilihan Di Blog. 

Menurut saya, widget yang satu ini cukup bermanfaat dan berguna sekali untuk dipsang di blog kesayangan anda, karena widget ini berfungsi menampilkan sebuah postingan pilihan yang ada di blog anda.


Untuk Membuat Widget Artikel Pilihan Di Blog, langkah pertama yang anda harus lakukan yaitu ;

1. Anda harus login terlebih dahulu di blog anda
2. Kemudian anda pilih Layout -- > Add a Gadget --> HTML/JavaScript
3. Lalu anda copykan kode di bawah ini

1. <style scoped='' type="text/css">
2. #arlina-random ul{list-style:none;margin:0;padding:0}#arlina-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;}
3. #arlina-random li:last-child{border-bottom:0;}
4. #arlina-random li a{color:#444;}#arlina-random li a:hover{color:#444;text-decoration:underline}
5. </style>
6. <div id='arlina-random'>Memuat...</div>
7. <script>
8. //<![CDATA[
9. // Random Post Widget
10. var homePage = 'URL Blog anda',
11.    maxResults = 6,
12.    containerId = 'arlina-random';
13. function getRandomInt(min, max) {
14.    return Math.floor(Math.random() * (max - min + 1)) + min;
15. }
16. function shuffleArray(arr) {
17.    var i = arr.length, j, temp;
18.    if (i === 0) return false;
19.    while (--i) {
20.        j = Math.floor(Math.random() * (i + 1));
21.        temp = arr[i];
22.        arr[i] = arr[j];
23.        arr[j] = temp;
24.    }
25.    return arr;
26. }
27. function ArlinaRandomPosts(json) {
28.    var startIndex = getRandomInt(1, (json.feed.openSearch$totalResults.$t - maxResults));
29.    // console.log('Get the post feed start from ' + startIndex + ' until ' + (startIndex + maxResults));
30.    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>');
31. }
32. function randomPosts(json) {
33.    var link, ct = document.getElementById(containerId),
34.        entry = shuffleArray(json.feed.entry),
35.        skeleton = "<ul>";
36.    for (var i = 0, len = entry.length; i < len; i++) {
37.        for (var j = 0, jen = entry[i].link.length; j < jen; j++) {
38.            link = (entry[i].link[j].rel == "alternate") ? entry[i].link[j].href : '#';
39.        }
40.        skeleton += '<li><a href="' + link + '">' + entry[i].title.$t + '</a></li>';
41.    }
42.    ct.innerHTML = skeleton + '</ul>';
43. }
44. document.write('<scr' + 'ipt src="' + homePage + '/feeds/posts/summary?alt=json-in-script&max-results=0&callback=ArlinaRandomPosts"></scr' +'ipt>');
45. //]]>
46. </script>

    

   4. Selesai....!

Keterangan : 

1. Tulisan yang dikasih warna kuning yaitu  "URL Blog anda : diganti dengan alamat blog anda
2.  Angka 6 yang di tandai dengan warna kuning yaitu tampilan artikel pilihan yang akan ditampilkan di blog anda

Tweet

Postingan terkait:

Ditulis Unknown — 12 Comments — Belajar Blog