POPULAR POST WIDGET

Tuesday, 30 July 2013

]]></b:skin>

---------------------------------------------------------------------------------------------------

#tm_featured { background: #2D313C; }

.folder_all{padding:0}
.folder_all { padding:35px 0; margin: auto; width: 1000px; }
.featured_item {float:left}
.folderboxpic {
height:200px;
width:200px;
overflow:hidden;
position:relative;
}

.folderboxpic img{height:200px;width:200px}

.article {
display:block;
width:100%;
height:100%;
color:#ffffff;
font-size:13px;
text-decoration:none;
font-family:Open Sans,Arial,Verdana;
text-overflow:ellipsis;
}

.article .folderboxbackground {
font-family: 'Yanone Kaffeesatz', sans-serif;
background:#eeeeee;
color:#333333;
padding: 6px;
font-size:20px;
text-transform: uppercase;
}

.article .folderboxtitle {
position:absolute;
bottom:0;
opacity:0;
-webkit-transition:all 0.4s ease-in 0s;
-moz-transition:all 0.4s ease-in 0s;
-ms-transition:all 0.4s ease-in 0s;
-o-transition:all 0.4s ease-in 0s;
transition:all 0.4s ease-in 0s;
letter-spacing:0.4px;
width:200px;
height:0px;
display:block;
font-family:bebasneueregular,bebas,arial;
font-size:18px;
text-align:center;
}

.article:hover .folderboxtitle{opacity:0.9;height:100%}

]]></b:skin>

------------------------------------------------------------------------------------------------
COPY AND PASTE BELOW CODE AFTER HEADER WRAPPER

-------------------------------------------------------------------------------------------------

<b:if cond='data:blog.pageType == "index"'>

</b:if>

--------------------------------------------------------------------------------------------

TUTORIAL FINISH

-------------------------------------------------------------------------------------------

FURTHER INFORMATION:

----------------------------------------------------------------------------------------------
YOU CAN USE WIDGET WITH OUT B TAG LINES IN THIS CASE POPULAR
POST WIDGET APPEAR ON HOME PAGE AND ALSO APPEAR ON
READ MORE POST PAGE WHEN YOUR READ POST THIS WIDGET ALSO
APPEAR SO YOU CAN REMOVE THIS BLUE LINE REMOVE IN THIS CODE