Cara Membuat Banner Latest Article

Banner Latest Article judul posting kali ini dari Go Blog Go, ini hanya sebagai bumbu pemanis saja untuk tampilan blog. Style ini saya dapat dari Template Maskolis, kemudian hanya dirubah tampilan CSS-nya saja biar beda. Sekira-nya Mojang dan Bujang mau mencoba silahkan saja.

Tambahkan saja Elemen CSS ini sebelum ]]></b:skin>
CSS-nya :
 

.beejana{
background-color:#333;
margin:0 0px 5px 0;
padding: 4px;
border:2px solid #e6e6e6;
-webkit-box-shadow:0 1px 5px #000;
-moz-box-shadow:0 1px 5px #000;
box-shadow:0 1px 5px #000
}
.beejanatea{
padding:3px 7px;
font:18px Oswald;
color:#fff;
text-shadow:0 1px 0 #000
}

Cari Tag <div id='main-wrapper'> di template, kemudian tinggal Sisipkan tepat dibawah-nya.
HTML-nya :

<div id='main-wrapper'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div class='beejana'><div class='beejanatea'>
Latest Article <span style='color: #ccc; float:right; font:normal 14px Oswald;padding-top:2px;'>Get our latest posts by subscribing this site</span>
</div></div>
</b:if>
</b:if>

 

Voooaaala cuma segitu aja, thank' to Maskolis.