Minggu, 15 Januari 2012


Buat sobat-sobat yang tertarik dengan widget Random Post, Nahh.. kali ini sya akan membahas tentang Cara Membuat Widget Random Post.

widget Random Post. Random berarti acak dan Post ya posting ... hehehe jadi kesimpulannya widget untuk menampilkan posting" secara acak... (menurut ane sendiri) hehehe

ok deh langsung aja ya sob Cara Membuat Widget Random Post
ikuti langkah-langkahnya :


1. Login Blog

2. Rancangan >> Elemen Halaman >> tambah Gadget (HTML/JavaScript)

3. Lalu masukkan kode dibawah ini ke gadget 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>



4. simpan dan lihat hasilnya
ok deh langsung aja pada langkah-langkah Cara Membuat Recent Post dengan Tampilan Slide Show
1. login blog
2. rancangan -> elemen halaman -> tambah Gadget (HTML/JavaScript)
3. masukkan kode dibawah ini

<script src="http://akbari.16mb.com/file_akbari/post_akbari.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--


#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:450px;
}
#spylist ul{
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x;
border:1px solid #ddd;
}


#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}


.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}


-->
</style>


    <script language='javascript'>


imgr = new Array();


imgr[0] = "http://acbary.16mb.com/file_akbari/loading.gif";


imgr[1] = "http://acbary.16mb.com/file_akbari/loading.gif";


imgr[2] = "http://acbary.16mb.com/file_akbari/loading.gif";


imgr[3] = "http://acbary.16mb.com/file_akbari/loading.gif";


imgr[4] = "http://acbary.16mb.com/file_akbari/loading.gif";


imgr[5] = "http://acbary.16mb.com/file_akbari/loading.gif";
showRandomImg = true;


boxwidth = 255;


cellspacing = 6;


borderColor = "#232c35";


bgTD = "#000000";


thumbwidth = 70;


thumbheight = 70;


fntsize = 12;


acolor = "#666";


aBold = true;


icon = " ";


text = "comments";


showPostDate = true;


summaryPost = 40;


summaryFontsize = 10;


summaryColor = "#666";


icon2 = " ";


numposts = 10;


home_page = "http://akbari-syahputra.blogspot.com/";


limitspy=5
intervalspy=4000


</script>


<div id="spylist">
    <script src='http://akbari.16mb.com/file_akbari/post_akbari.js' type='text/javascript'></script>
</div>    



NB : ganti tulisan yang berwarna Biru dengan alamat blog sobat
4. simpan....
Langkah-langkah Cara Membuat Title Blog Berjalan.
1. login blogger
2. rancangan -> edit HTML
3. lalu cari kode dibawah ini


<title><data:blog.pageTitle/></title>

4. lalu ganti kode diatas dengan kode dibawah ini



<b:include data='blog' name='all-head-content'/>
<script language='JavaScript'>
var txt="<data:blog.pageTitle/>";
var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>


5. simpan dan lihat hasilnya

NB :pada tulisan yang berwarna merah bisa sobat ganti dengan angka berapapun karena itu adalah yang menentukan kecepatan title sobat..
Cara Mendisbled (mematikan) Klik Kanan Pada Blog. buat sobat-sobat yang blognya pengen di matikan klik kanannya, sobat bisa pakai cara ini karena artikel kali ini akan membahas Cara Mendisbled (mematikan) Klik Kanan Pada Blog. hehehehe



ok deh langsung saja ya pada langkah-langkah Cara Mendisbled (mematikan) Klik Kanan Pada Blog.
1. login blog
2. rancangan -> elemen halaman -> tambah gadget (HTML/JavaScript)
3. copy dan paste kode dibawah ini




<script language="JavaScript">
<!--
//Disable right mouse click Script
//By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
//For full source code, visit http://www.dynamicdrive.com
var message="Izin dulu yach kalau mau Copas";
///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}
function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}
if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}
document.oncontextmenu=new Function("alert(message);return false")
// -->
</script>



NB : Ganti kalimat HTML yang berwarna merah di atas, bisa sobat ganti dengan kalimat sobat sendiri , misalnya ” dilarang klik kanan” dan lain-lain.

4. simpan deh... dan coba buka blog sobat dan coba klik kanan pada blog sobat untuk mengetahui cara ini bekerja atau tidak.
ok langsung aja pada langkah-langkah Cara Membuat Efek-efek Cursor pada Blog.

Sebelumnya coba sobat arahkan cursor sobat pada text-text dibawah ini :






Hand

Crosshair

Text

wait

Move

Help


gimana ??? sobat pengen tahu cara membuatnya kan??? ok deh cara membuatnya cukup dengan kode berikut :
<span style="cursor :hand">Ketik Kalimat Sobat Disini</span>

NB :
  • ganti hand dengan kode diatas tadi (Crosshair,Text,wait,Move,Help)
  • lalu ganti  Ketik Kalimat Sobat Disini dengan tulisan sobat

Blog Archive

Popular Posts