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.
seperti ini tampilan-nya atau lihat di HomePage Go Blog Go.
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
}
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 != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<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. Go Blog Go...!!! Amiin<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<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>
Wassalam,
0 comments:
Post a Comment
Catatan :
1.Untuk menyisipkan Kode, gunakan Tag <i rel="code">Kode Anda Di-Sini...</i>
2.Untuk menyisipkan Kode Panjang, gunakan Tag <i rel="pre">Kode Anda Di-Sini...</i>
3.Untuk menyisipkan Kode Gambar, gunakan Tag <i rel="image">URL Gambar Anda Di-Sini...</i>
4.Untuk menyisipkan Catatan, gunakan Tag <b rel="quote">Catatan Anda Di-Sini...</i>
NB: Sebelum menyisipkan Kode, konversi terlebih dulu Kode-nya agar bisa tampil di Kolom Komentar