--> Cara Mudah dan Gampang Plus Simple Membuat Widget Artikel Post Acak Di Blog Dengan Slide atau Bergerak | Kang-Mauk (Ibnu Mas'ud)

informasi menarik dan menyenangkan

www.informasibogorbarat.blogspot.com (Blog Kang Maux)

Friday, July 19, 2013

Cara Mudah dan Gampang Plus Simple Membuat Widget Artikel Post Acak Di Blog Dengan Slide atau Bergerak

| Friday, July 19, 2013

Assalamu'alaikum Wr. Wb
Salam Hangat dari Blogger Bogor Barat

Blog News and Shares News Kali ini Share Tentang Cara Mudah dan Gampang Plus Simple Membuat Widget Artikel Post Acak Di Blog Dengan Slide atau Bergerak Ke Bawah.. (heheheh Ga Tau Bahasa Kerennya Apa )
    Mungkin Terlalu Banyak Memasang Script Di Blog ga baik Juga bagi Kesehatan Blog yang berdampak pada Loading Blog, Tapi tidak ada salahnya untuk mencobanya membuat widget ini agar Blog terlihat menarik dan Cantik.

Berikut langkah-langkah sederhananya

1. Log In Ke Blog Sobat

2. Pilih "Tata Letak"

3. Klik "add gadget"  atau widget

4. Cari atau Pilih "HTML Javascript "

5. Copy/Paste Kode Dibawah Ini



<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script><center><strong></strong></center>
<center>
<style type="text/css" media="screen">
<!--

#spylist {
overflow:hidden;
margin-top:1px;
padding:0px 0px;
height:300px;
}
#spylist ul{
width:100%;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:100%;
padding: 0px 0px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url() repeat-x;
border:1px solid #ddd;
}

#spylist li a {
text-decoration:none;
color:#4B545B;
width:100%;
font-size:10px;
height:12px;
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:8px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:12px;
font-family:Tahoma,Arial,verdana, sans-serif;
}

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

-->
</style>
<script language='javascript'>
imgr = new Array();
imgr[0] = "http://t1.gstatic.com/images?q=tbn:ANd9GcQZdYwrAif3iY59IQI1bxWYa_KAsE1D28o_dR1yZlt_YCLZ-Sox";

imgr[1] = "http://t1.gstatic.com/images?q=tbn:ANd9GcQZdYwrAif3iY59IQI1bxWYa_KAsE1D28o_dR1yZlt_YCLZ-Sox";

imgr[2] = "http://t1.gstatic.com/images?q=tbn:ANd9GcQZdYwrAif3iY59IQI1bxWYa_KAsE1D28o_dR1yZlt_YCLZ-Sox";

imgr[3] = "http://t1.gstatic.com/images?q=tbn:ANd9GcQZdYwrAif3iY59IQI1bxWYa_KAsE1D28o_dR1yZlt_YCLZ-Sox";

imgr[4] = "http://t1.gstatic.com/images?q=tbn:ANd9GcQZdYwrAif3iY59IQI1bxWYa_KAsE1D28o_dR1yZlt_YCLZ-Sox";
showRandomImg = true;
boxwidth = 200;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 50;
thumbheight = 50;
fntsize = 9;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 100;
home_page = "http://informasibogorbarat.blogspot.com/";
limitspy=4
intervalspy=4000
</script>

<div id="spylist">
<script src='https://sites.google.com/site/pujiantoroinc/Home/recent_post_berkedip.js' type='text/javascript'></script>
</div></center>

6. Ganti Tulisan Yang berwarna Biru dengan Alamat Blog Sobat
7. Simpan/Save

8. Semoga Berhasil


Related Posts

No comments:

Post a Comment

Tolong komentarnya berhubungan dengan artikel yang ada. Komentar yang mengarah ke tindakan spam akan di hapus atau terjaring secara otomatis oleh spam filter