Membuat Jquery Multi Tab View di Blogger

1. Login ke Akun Blogger,lalu pergi ke Design >> Edit HTML

2. Beri tanda Centang pada “Expand Widget Templates” 

3. Cari baris ini dengan CTRL + F    </head>

4. Paste kode dibawah ini diatas kode  </head>

<script>
    $(document).ready(function() {
        $("#tabs").tabs();
    });
</script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/blitzer/jquery-ui.css" type="text/css" />

5. Sekarang, ke Design >> Page Element

6. Klik "Add Gadget"  >> 'HTML/Javascript'

7. Paste kode dibawah ini :

<a href="#tabs-2">Tab-2</a></li><li>
<a href="#tabs-3">Tab-3</a></li></ul>
<div id="tabs-1">Script or Text Here</div>
<div id="tabs-2">Script or Text Here</div>
<div id="tabs-3">Script or Text Here</div>

Ganti tulisan Script or Text Here  dengan konten yang kamu inginkan dalam Tab tersebut.

8.  Simpan HTML/Javascript 

SELESAI.




bloggertrix.com

Membuat Widget Random Post di Blogger

Widget Random Post atau posting acak adalah satu dari sekian banyak pilihan widget yang bisa kita pasang di sidebar blog kita. Pada widget random post ini semua posting yang ada di blog, baik posting lama maupun postingan terbaru akan ditampilkan secara acak setiap kali kita membuka tab baru. Seperti apa cara membuat widget random post ini, ikuti langkah-langkahnya seperti dibawah ini :

• Login ke dashboard blogger anda.

• Pilih Rancangan >> Elemen Laman >> Tambah gadget (Add gadget) pilih HTML/JavaScript.

• Copy script dibawah ini dan paste pada gadget yang baru dibuat tadi.

<script type="text/javascript"> var randarray = new Array();var l=0;var flag; var numofpost=10;function randomposts(json){ var total = parseInt(json.feed.openSearch$totalResults.$t,10); for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}} if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>'); for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1]; for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>"; document.write(item);}} }document.write('</ul>');} </script> <script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>

• Simpan dan preview hasilnya dengan mengklik Pratinjau. 

• Selesai