Selasa, 19 Agustus 2014
Cara Membuat Random Post Pada Blog

Baiklah mari kita bahas mengenai Cara Membuat Random Post Pada Blog, silahkan Anda simak tutorialnya dibawah ini :
1. Masuk ke Blogger.com
2. Pilih nama blog yang akan di edit
3. Klik Tata Letak => Tambahkan Gadget
4. Klik HTML/JavaScript
5. Copy dan Paste kode berikut :
<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><div style="text-align: center;"><span style="font-size: 0px;"><span style="font-family: "Trebuchet MS",sans-serif;">Supported by <a href="http://blogspot--id.blogspot.com" target="_blank">Blogspot ID</a></span></span></div>6. Klik Simpan
Catatan :
Silahkan Anda ganti kode yang berwarna Merah, sesuai dengan angka yang Anda inginkan.
Sekian artikel mengenai Cara Membuat Random Post Pada Blog. Kurang lebihnya mohon maaf.
Semoga Bermanfaat...
Senin, 10 Maret 2014
Video Cara Pemandu Jepun Berterima Kasih
Kamis, 05 Desember 2013
Cara Membuat Tombol Share Facebook Tampilan Bagus

Ikuti langkah-langkah berikut :
- Login ke Blogger
- Lalu klik Design > Edit HTML
- Copy Paste kode berikut di atas kode ]]></b:skin> :
Setelah itu Copy Paste lagi kode berikut ini di atas </body> :
Selasa, 26 November 2013
7 CARA MENYELAMATKAN INDONESIA DARI KETERPURUKAN

Senin, 18 November 2013
Cara Membuat Simple Tabber di Sidebar
![]()
Kembali lagi di triks dan trik blogging, kali ini saya akan share ke sobat cara membuat simple tabber di sidebar seperti gambar di samping. Gadget ini sendiri berfungsi dapat menghemat space atau ruang pada siderbar di blog sobat dan tentunya mempermudah pengunjung dalam mencari apa saja isi pada blog sobat.
Untuk memasang simple tabber di sidebar ikuti tutorial berikut ini.
1. Login dulu ke blogger atau klik di sini .widget-wrapper2{ .widget-tab { .widget-tab ul { .active-tab{ ul.tab-wrapper { ul.tab-wrapper li{ 6. Copy script di bawah ini dan letakkan di atas kode
2. Pilih template
3. Pilih edit template
4. Centang Expand widget template
5. Copy script di bawah ini dan letakkan di atas kode ]]></b:skin>
tampilkan script berikut ini
border:1px solid #494e52;
background-color:#636d76;
padding:10px;
}
background:#c9dbdd;
font-family:Arial,Helvetica,sans-serif;
padding:5px !important;
}
margin:0px;
padding:0px 5px 0 5px;
}
.widget-tab ul li {
list-style:none;
border-bottom:1px dotted #a4bddf;
padding-top:4px;
padding-bottom:4px;
font-size:12px;
}
.widget-tab ul li:last-child {
border-bottom:none;
}
.widget-tab ul li a {
text-decoration:none;
color:#3e4346;
}
.widget-tab ul li a small {
color:#8b959c;
font-size:9px;
text-transform:uppercase;
font-family:Verdana, Arial, Helvetica, sans-serif;
position:relative;
left:4px;
top:0px;
}
.tab-content ul li a:hover {
color:#a59c83;
}
.tab-content ul li a:hover small {
color:#baae8e;
}
background:#FFFFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2_GdLflTyqxRS2cqQXYWzed7Fb_jqeIwg5oGgwisO1L58OvRKNleEN2jD16MO5qIYRimKlPhyAbEcxggcb9jCcKCoukD8sYEAmX8-MMNYDgG0RkiyAiSgv6ail5PKZxP0BXMDl7pxCBQ/s1600/sidebar.png) repeat-x scroll left bottom !important;
color:#282E32 !important;
}
margin:0px; padding:0px;
margin-top:5px;
margin-bottom:6px;
}
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjudbnA-knz5VgCsHRF237gk3isLgTgQN8pj7EYPXw7vlE3XSuwIXVe6QwZ-0rVEWQT84ohT-hRRsbUEG9qOQqw0LMNMU-iFtkLiC3Cg93X_mxF6XnJHo6gcp2BblpWjufcK17wKMuzLZU/s1600/menu-m1.png) repeat-x top;
color:#FFF;
cursor:pointer;
display:inline;font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:9px;
font-weight:700;
line-height:2em;
list-style-image:none!important;
list-style-position:outside!important;
list-style-type:none!important;
margin-right:1px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
padding:8px 14px
}
<script src=http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js type=text/javascript/>
<script type=text/javascript>
var starttab=0;
var endtab=3;
var sidebarname="sidebar";
</script>
<script src=http://johnytemplate.googlecode.com/files/tabber.js type=text/javascript/>
7. Dan yang terakhir simpan/save template.
Selamat mencoba