News Update :

Recent Post Bergerak di Blog

UDU'KERS apa kabarnya ne?????? (baikk gaaaaaaaaan) hahahah''' ini ari gua mau bagi-bagi lagi ni (yang jelas bukan bagi-bagi duit ya ahahahha) gua mau share cara buat widget Recent Post berjalan seperti di blog gua http://didi-suhendar.blogspot.com boleh di buka tu........

Widget Recent Post atau bahasa Indonesianya Postingan terbaru telah memiliki tampilan terbaru tampilan ini bisa kalian contohnya di blog saya sebelah kiri. Widget Recent Post ini sangat membantu para pengunjung blog karna dapat menyiarkan beberapa postingan dar blog tersebut


Bukan hanya dapat membantu pengunjung blog tersebut tapi juga dapat mempercantik/memperhias blog yang memakainya. Tampilan terbaru dari Widget Recent Post bisa bergerak dari atas ke bawah yang cukup menarik.Widget Recent Post ini merupakan gabungan antara script recent posts tersebut dengan auto scroll


   1. Login Blog
   2. Tata Letak
   3. Add Gadget
   4. Pilih HTML/JavaScript
   5. Copy Code Berikut

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

#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#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://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/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] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD3BUw1IuUW5XJwXQ8rB643YFI0ldEMnQ7ZERFcaB9-rYF69_CD9-0F2H0DN9hC2gSh36rI5GnqzgOPzR3fZfJxaa1Sr5kUZm7vs8ch5l_cukG9A4nCqXMZgtyUp3X27J6-c0RKxua7mc/s320/keyword-stuffing.png";

imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD3BUw1IuUW5XJwXQ8rB643YFI0ldEMnQ7ZERFcaB9-rYF69_CD9-0F2H0DN9hC2gSh36rI5GnqzgOPzR3fZfJxaa1Sr5kUZm7vs8ch5l_cukG9A4nCqXMZgtyUp3X27J6-c0RKxua7mc/s320/keyword-stuffing.png";

imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD3BUw1IuUW5XJwXQ8rB643YFI0ldEMnQ7ZERFcaB9-rYF69_CD9-0F2H0DN9hC2gSh36rI5GnqzgOPzR3fZfJxaa1Sr5kUZm7vs8ch5l_cukG9A4nCqXMZgtyUp3X27J6-c0RKxua7mc/s320/keyword-stuffing.png";

imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD3BUw1IuUW5XJwXQ8rB643YFI0ldEMnQ7ZERFcaB9-rYF69_CD9-0F2H0DN9hC2gSh36rI5GnqzgOPzR3fZfJxaa1Sr5kUZm7vs8ch5l_cukG9A4nCqXMZgtyUp3X27J6-c0RKxua7mc/s320/keyword-stuffing.png";

imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD3BUw1IuUW5XJwXQ8rB643YFI0ldEMnQ7ZERFcaB9-rYF69_CD9-0F2H0DN9hC2gSh36rI5GnqzgOPzR3fZfJxaa1Sr5kUZm7vs8ch5l_cukG9A4nCqXMZgtyUp3X27J6-c0RKxua7mc/s320/keyword-stuffing.png";
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://didi-suhendar.blogspot.com/";

limitspy=4
intervalspy=4000

</script>

<div id="spylist">
<script src='http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/recentpostthumbspy-min.js' type='text/javascript'></script>
</div>

6. Isi HTML/JavaScipt tersebut dengan Script di Atas
   7. Enjoy..!!!!

Note :

  • Ganti http://didi-suhendar.blogspot.com dengan blog kamu
  • Ganti https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD3BUw1IuUW5XJwXQ8rB643YFI0ldEMnQ7ZERFcaB9-rYF69_CD9-0F2H0DN9hC2gSh36rI5GnqzgOPzR3fZfJxaa1Sr5kUZm7vs8ch5l_cukG9A4nCqXMZgtyUp3X27J6-c0RKxua7mc/s320/keyword-stuffing.png Dengan gambar yang diinginkan (gak di ganti pun gak masalah kok)
  • Selamat mencoba......^_^
Share this Article on :

0 komentar:

Posting Komentar

 
© Copyright Didi Suhendar 2012 | Design by Borneo Templates | Modified by Blogger Tutorials and Berita Blogspot