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>
<script language="JavaScript">
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipMw8yiA7rdF1nzDqQmelYVfbMkJtfMjwC4XAOOymaWGy9Mf2QFKrXQ8Z3bJWhxOSRS6AlR4z9iGr-AeG8aLZ9fPrrxFwfaslKWHAL9uFjK13Vy6BMM37esJ9PD2MJzeHSYnJXbArx5hkW/s240/JTads9211.PNG";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipMw8yiA7rdF1nzDqQmelYVfbMkJtfMjwC4XAOOymaWGy9Mf2QFKrXQ8Z3bJWhxOSRS6AlR4z9iGr-AeG8aLZ9fPrrxFwfaslKWHAL9uFjK13Vy6BMM37esJ9PD2MJzeHSYnJXbArx5hkW/s240/JTads9211.PNG";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipMw8yiA7rdF1nzDqQmelYVfbMkJtfMjwC4XAOOymaWGy9Mf2QFKrXQ8Z3bJWhxOSRS6AlR4z9iGr-AeG8aLZ9fPrrxFwfaslKWHAL9uFjK13Vy6BMM37esJ9PD2MJzeHSYnJXbArx5hkW/s240/JTads9211.PNG";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipMw8yiA7rdF1nzDqQmelYVfbMkJtfMjwC4XAOOymaWGy9Mf2QFKrXQ8Z3bJWhxOSRS6AlR4z9iGr-AeG8aLZ9fPrrxFwfaslKWHAL9uFjK13Vy6BMM37esJ9PD2MJzeHSYnJXbArx5hkW/s240/JTads9211.PNG";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipMw8yiA7rdF1nzDqQmelYVfbMkJtfMjwC4XAOOymaWGy9Mf2QFKrXQ8Z3bJWhxOSRS6AlR4z9iGr-AeG8aLZ9fPrrxFwfaslKWHAL9uFjK13Vy6BMM37esJ9PD2MJzeHSYnJXbArx5hkW/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">
<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
.
.
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>
<script language="JavaScript">
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipMw8yiA7rdF1nzDqQmelYVfbMkJtfMjwC4XAOOymaWGy9Mf2QFKrXQ8Z3bJWhxOSRS6AlR4z9iGr-AeG8aLZ9fPrrxFwfaslKWHAL9uFjK13Vy6BMM37esJ9PD2MJzeHSYnJXbArx5hkW/s240/JTads9211.PNG";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipMw8yiA7rdF1nzDqQmelYVfbMkJtfMjwC4XAOOymaWGy9Mf2QFKrXQ8Z3bJWhxOSRS6AlR4z9iGr-AeG8aLZ9fPrrxFwfaslKWHAL9uFjK13Vy6BMM37esJ9PD2MJzeHSYnJXbArx5hkW/s240/JTads9211.PNG";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipMw8yiA7rdF1nzDqQmelYVfbMkJtfMjwC4XAOOymaWGy9Mf2QFKrXQ8Z3bJWhxOSRS6AlR4z9iGr-AeG8aLZ9fPrrxFwfaslKWHAL9uFjK13Vy6BMM37esJ9PD2MJzeHSYnJXbArx5hkW/s240/JTads9211.PNG";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipMw8yiA7rdF1nzDqQmelYVfbMkJtfMjwC4XAOOymaWGy9Mf2QFKrXQ8Z3bJWhxOSRS6AlR4z9iGr-AeG8aLZ9fPrrxFwfaslKWHAL9uFjK13Vy6BMM37esJ9PD2MJzeHSYnJXbArx5hkW/s240/JTads9211.PNG";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipMw8yiA7rdF1nzDqQmelYVfbMkJtfMjwC4XAOOymaWGy9Mf2QFKrXQ8Z3bJWhxOSRS6AlR4z9iGr-AeG8aLZ9fPrrxFwfaslKWHAL9uFjK13Vy6BMM37esJ9PD2MJzeHSYnJXbArx5hkW/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">
<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 :)
SETIAP HARI POS,PERMINTAAN TINGGI!
Get Update! promosi & lebih diskaun sila Sms/WhatsApp...
Kurier PickUp Parcel Setiap Hari
Kecuali Ahad
Syarikat Kami Menggunakan Kurier Berdaftar
Bank In Sebelum Jam 2.00pm
Penghantaran Akan Dibuat Pada Hari Yang Sama
Kebiasaanya Parcel Akan Sampai 1-3Hari Bekerja Paling Cepat
Bungkusan dibalut serta Bubble Wrap@Kotak
Pada parcel kami tidaklah menulis nama item tempahan
Tag :
Tutorial