TUTORIAL POPULAR POST WIDGET

Assalammualaikum....
Hari ini Princess nak share satu tutorial widget, iaitu related post selain Linkwithin. Seperti contoh di bawah ini okey: 




<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:300px;
}
#spylist ul{
width:350px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px 0px 0px;
}
#spylist li {
width:220px;
padding: 0px 0px;
margin:0px 0px 2px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#3BB9FF repeat-x;
border:2px solid #306EFF;
}
#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] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI /AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[1] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI /AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[2] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI /AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[3] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI /AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[4] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI /AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
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 = "URL Blog Anda";
limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src='https://sites.google.com/site/unwanted86 /javascript/animatedrecentpost.js' type='text/javascript'></script>
</div>



Okey step 1st: Korang buka design atau layout dan add a gadget yer.
Lepas itu step 2nd: Korang copy dan paste dalam gadget HTML/javascript (tekan ctrl+c untuk copy code di atas)
step 3rd: save
Pastikan korang tentukan colour yang korang tukar seperti di code atas yang berwarna MERAH, berwarna HIJAU adalah saiz untuk border korang dan berwarna PINK korang boleh tukar sama ada dashed/dotted/double/ridge/outset/inset
dan yang paling penting warna UNGU korang pastikan tulis url blog korang okey

Okey itu sahaja selamat mencuba, tak faham silalah tanya2 jangan malu2 saya tak makan orang hehe
Sekian wassalam
pen~off

0 Comments:

 

Copyright by © 2013 Studio Puteri Nabilah