Go Blog Go

Banner Latest Article

Posted by Go Blog Go Posted on 9:15 PM with No comments
Assalamu'alaikum Wr.Wb.

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.
banner,widget

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. Go Blog Go...!!! Amiin

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

 
Powered by : Blogger
Copyright © 2011. Go Blog Go - All Rights Reserved
Template Created by Go Blog Go Published by Wong Wayang