Cara dan Fungsi Memasang Slide Box Di Pojok Kanan Bawah -
Kali ini saya menulis artikel yang berjudul Cara dan Fungsi Memasang Slide Box Di Pojok Kanan Bawah di blog yang sebelumnya . saya sudah menulis Artikel Cara membuat buku tamu Hide di Sebelah Kanan .
cara ini adalah cara untuk menunjukkan artikel lain yang muncul secara
racak yang akan muncul di pojok bawah
tampilan halaman blog sobat .
Slide Box yang manfaatnya memberitahukan pengunjung blog Sobat dengan mudah melihat artikel apa saja yang ada dalam blog , sehingga membuat pengunjung blog kita terasa nyaman dan mudah karna
di manjakan dengan tersedia Artikel Artikel yg sudah terpampang di Slide Box tersebut .
Fungsi Slide Box :
Slide Box yang manfaatnya memberitahukan pengunjung blog Sobat dengan mudah melihat artikel apa saja yang ada dalam blog , sehingga membuat pengunjung blog kita terasa nyaman dan mudah karna
di manjakan dengan tersedia Artikel Artikel yg sudah terpampang di Slide Box tersebut .
SS Slide Blox
Langkah langkah Memasang Widget Slide Box :
1. Login dulu ke blog sobat .
2. Kemudian buka tata letak dan pilih Tambah gadget.
3. Setelah itu pilih HTML/Java Script.
4. Kemudian copy script dibawah ini ,
<!--Slidbox by jahet bungas--> <script type="text/javascript" src="http://marewainfo.googlecode.com/files/slidboxordinary.js"></script>
<div style="position:fixed; width:340px; overflow:hidden; bottom:3px;
right:3px; display:none;
background: #ffffff; background: -moz-linear-gradient( center top, #ffffff 85%, #ffffff 100% );
background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #999999), color-stop(1, white) );
background-attachment: fixed;
repeat; -moz-border-radius:15px; -webkit-border-radius:5px;
border-radius:15px; border:0px solid #333;" id="fbslidebox">
<div style="width:300px; padding:5px; margin:0 auto; overflow:hidden;">
<a href="#" style="float:right; color:#000000; padding:0 2px;
border:0px solid #000000; text-decoration:none; font-size:12px; font-family:Verdana, Geneva, sans-serif;" id="fbcloseslidebox">X</a>
<strong style="color:#1E598E;"><b><u>ARTIKEL SELANJUTNYA</u> >></b></strong>
<b>
<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=2;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>
</b>
</div>
<div style="position:fixed; width:340px; overflow:hidden; bottom:3px;
right:3px; display:none;
background: #ffffff; background: -moz-linear-gradient( center top, #ffffff 85%, #ffffff 100% );
background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #999999), color-stop(1, white) );
background-attachment: fixed;
repeat; -moz-border-radius:15px; -webkit-border-radius:5px;
border-radius:15px; border:0px solid #333;" id="fbslidebox">
<div style="width:300px; padding:5px; margin:0 auto; overflow:hidden;">
<a href="#" style="float:right; color:#000000; padding:0 2px;
border:0px solid #000000; text-decoration:none; font-size:12px; font-family:Verdana, Geneva, sans-serif;" id="fbcloseslidebox">X</a>
<strong style="color:#1E598E;"><b><u>ARTIKEL SELANJUTNYA</u> >></b></strong>
<b>
<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=2;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>
</b>
</div>
Note : Ganti kalimat yang berwarna B IRU sesuai kalimat keinginan sobat.
Hasilnya akan seperti gambar di bawah ini :
5. kalau sudah langsung aja simpan dan lihat hasilnya blog sobat .
Note : Widget akan terlihat apabila pengunjung men-scroll kebawah pada
halaman blog sobat , widget akan terlihat secara otomatis jika sudah
men-Scroll ke halaman paling bawah .
Dunia Aneh
Kumpulan Artikel Unik dan Aneh sepanjang Masa
Catatan dosen
Tips Android dan BBM
Kumpulan Ulasan tentang Tips Android dan BBM
Putera Dosen
Meme Lucu Banget
Kumpulan Meme Lucu yang lagi ngetren
Cds Blog
Kumpulan Artikel Menarik
Semua Artikel yang Kamu Cari Ada di sini
230 Penulis
Ads by BLOGGER
Kumpulan Artikel Unik dan Aneh sepanjang Masa
Catatan dosen
Tips Android dan BBM
Kumpulan Ulasan tentang Tips Android dan BBM
Putera Dosen
Meme Lucu Banget
Kumpulan Meme Lucu yang lagi ngetren
Cds Blog
Kumpulan Artikel Menarik
Semua Artikel yang Kamu Cari Ada di sini
230 Penulis
Ads by BLOGGER
0 Response to " Cara dan Fungsi Memasang Slide Box Di Pojok Kanan Bawah "
Post a Comment
SILAHKAN BERKOMENTAR YANG SOPAN... Jangan meninggalkan link aktif , komentar spam tidak akan dipublikasikan!