Create a "Recent Post" for each Label at Homepage

After the procedure reference sites have found a way of Fandung similar. Same procedure described above, will also create the categories page, each column corresponds to a label. Latest articles of the label that will display a thumbnail image attached, other posts will be displayed by list, which included articles describing effects. But with Fandung, sorted and code rewritten to show more beautiful, more professional.
1. Login blog
2. In the layout
3. In the HMTL code editing
4. Paste the CSS code below into the front lines of code ]]></ b: skin>

.mota{ position: relative; z-index: 0; text-decoration:none; }

.mota:hover{ background-color: transparent; z-index: 50; }

.mota span{ position: absolute; background-color: #ffffff; padding: 5px; left: -1000px; border: 1px solid #000; visibility: hidden; color: black; text-decoration: none; }

.mota span img{ border-width: 0; padding: 2px; }

.mota:hover span{ padding:5px; visibility: visible; top: 20px; left:50px; width:250px; background:#ccc; text-align: justify; }

5. Save the template.
6. Create widget HTML / Javascript, and paste the code below:

<script language="JavaScript">
imgr = new Array();
imgr[0] = http://sites.google.com/site/fdblogsite/Home/nothumbnail.gif;

showRandomImg = true;
tablewidth = 245;

cellspacing = 1;
borderColor = "#30a1db";
bgTD = "#fff";

imgw = 130;
imgh = 130; imgwidth = 60;

imgheight = 60;
fntsize = 12; fontsize = 18;

fontsizecm = 11;
acolor = "#000";
titlecolor = "#f00";
aBold = true; icon = " » ";

text = "Nhận xét";
showPostDate = true;
poston = "Ngày đăng :";

minisummaryPost= 200;
summaryPost = 350;
summaryFontsize = 12;
summaryColor = "#000"; icon2 = " » ";

numposts = 8;
sobaiviet = 10;

label = "Love";
nhan= "Tình Yêu";

home_page = "http://fandung.blogspot.com/"; </script>

<script src="http://fandung.110mb.com/label-tin247/a-label.js" type="text/javascript"></script>
<script src="http://fandung.110mb.com/label-tin247/b-label.js" type="text/javascript"></script>

Wish you success.

Also, to avoid cases like last time encounter with the Samba host, i send to you 2 link file .js used in this procedure, in case 110mb.com fail, you can upload it to a free host with which to use.

File 1 - http://fandung.110mb.com/label-tin247/a-label.js download (here)
File 2 - http://fandung.110mb.com/label-tin247/b-label.js download (here)

Related Posts by Categories