Memaparkan keseluruhan post dengan Fungi bergerak

Bagikan :

Tweet

Salam 1 Malaysia.. kali ini saya nak kongsi cara membuat Label Post yang membolehkan ia memaparkan keseluruhan post dalam blog dengan fungsi bergerak..fungsi ini juga bagus kerana dapat menonjolkan artikal2 yang ada dalam post. CONTOH dibawah ini

Langkah 1

1. Login Akaun Blogger.
2. Klik menu Layout -> Page Elements
3. Klik Add a Gadget.
4. Pilih new gadget = HTML/Javascript

Langkah 2
Salin kod biru dibawah dan letak dalam note pad

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

#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://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>

&nbsp;&nbsp;&nbsp; <script language="JavaScript">


imgr = new Array();

imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrlFW25RgTGhVvv-YcGSIer-bf0syokhyl_q9Asw94L2w2YW-UNrSz8fZqortjNHqpTaioS3MXDbb7P4XRAFbSR4UOrXRg6I5m0u0SX7EdbHDdP5Dg9xvgcW0NgiXN52tF53h9SHn3Iyte/s240/JTads9211.PNG";

imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrlFW25RgTGhVvv-YcGSIer-bf0syokhyl_q9Asw94L2w2YW-UNrSz8fZqortjNHqpTaioS3MXDbb7P4XRAFbSR4UOrXRg6I5m0u0SX7EdbHDdP5Dg9xvgcW0NgiXN52tF53h9SHn3Iyte/s240/JTads9211.PNG";

imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrlFW25RgTGhVvv-YcGSIer-bf0syokhyl_q9Asw94L2w2YW-UNrSz8fZqortjNHqpTaioS3MXDbb7P4XRAFbSR4UOrXRg6I5m0u0SX7EdbHDdP5Dg9xvgcW0NgiXN52tF53h9SHn3Iyte/s240/JTads9211.PNG";

imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrlFW25RgTGhVvv-YcGSIer-bf0syokhyl_q9Asw94L2w2YW-UNrSz8fZqortjNHqpTaioS3MXDbb7P4XRAFbSR4UOrXRg6I5m0u0SX7EdbHDdP5Dg9xvgcW0NgiXN52tF53h9SHn3Iyte/s240/JTads9211.PNG";

imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrlFW25RgTGhVvv-YcGSIer-bf0syokhyl_q9Asw94L2w2YW-UNrSz8fZqortjNHqpTaioS3MXDbb7P4XRAFbSR4UOrXRg6I5m0u0SX7EdbHDdP5Dg9xvgcW0NgiXN52tF53h9SHn3Iyte/s240/JTads9211.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 = 300;

home_page = "http://www.jualanterkini.blogspot.com/";

limitspy=4
intervalspy=4000
</script>

<div id="spylist">

&nbsp;&nbsp;&nbsp; <script src="http://scriptabufarhan.googlecode.com/svn/trunk/recentpostthumbspy-min.js" type="text/javascript">
</script></div>


Langkah 3
Tukarkan  nama www.jualanterkini.blogspot.com/ kepada alamat blog anda

Langkah 4
Kemudian copy dan paste ke dalam gadget HTML/Javascript

last save dan view 

Semoga hiasan barangan anda dapat dicapai dengan pandangan! Selamat mencuba :)

Tag : Tutorial