Sabtu, 23 Maret 2013

Membuat tab menu dengan latar belakang


masukkan code berikut kedalam ruangan html/javascript

kalau sudah silakan save dan lihat hasilnya


<br/>
<span style="background-color: #ced8f6; border-radius: 5px 5px 5px 5px; padding: 3px 10px;"><a href="URL SITE">About Me</a></span>
<span style="background-color: #ced8f6; border-radius: 5px 5px 5px 5px; padding: 3px 6px;"><a href="URL SITE">Profile</a></span>
<span style="background-color: #ced8f6; border-radius: 5px 5px 5px 5px; padding: 3px 6px;"><a href="URL SITE">Facebook</a></span>
<br />
<br />
<span style="background-color: #ced8f6; border-radius: 5px 5px 5px 5px; padding: 3px 5px;"><a href="URL SITE">Twitter</a></span>

<span style="background-color: #ced8f6; border-radius: 5px 5px 5px 5px; padding: 3px 5px;"><a href="URL SITE">Youtube</a></span>

<span style="background-color: #ced8f6; border-radius: 5px 5px 5px 5px; padding: 3px 5px;"><a href="URL SITE">Google Plus</a></span>


Jumat, 15 Maret 2013

Memberikan background title pada sidebar


cari code h2 { dibagian edit html

kemudian masukkan code berikut dibawah code yang baru dicari tadi

border-radius:5px;
border-bottom: 2px dashed #ffffff;
border-top: 2px dashed #ffffff;
border-right: 2px dashed #ffffff;
border-left: 2px dashed #ffffff;
padding: 10px;
background-color: #F5A9A9;
text-align: center;

semoga berhasil

Senin, 11 Maret 2013

Memberi gambar disamping pada blog arsip

cari pada bagian edit html
cari code <a expr:href='data:i.url'><data:i.title/>

kemudian gantikan dengan code berikut
<a expr:href='data:i.url'><img src="url icon"/><data:i.title/>


INGAT save/backup dulu untuk mencobanya ,, agar tidak terjadi kesalahan . . .
TIDAK semua template ada code <a expr:href='data:i.url'><data:i.title/>
 

Rabu, 06 Maret 2013

Memberikan text bayangan pada judul di sidebar

cari edit html
cari code berikut
h2 {
atau
.sidebar h2 {

kemudian masukkan code dibawah ini tepat dibawah kode yang dicari tadi
  text-shadow: 0 0 0.1em #A9A9F5, 0 0 0.1em #A9A9F5;
    background:url(URL BACKGROUND);
    text-align:center;
    border: 1px dotted #A9BCF5;
    border-right:5pt solid #A9BCF5;
    border-left:5pt solid #A9BCF5;

save dan kemudian lihat hasilnya . .. . .




Memberi bingkai pada sidebar

cari dibagian edit html
cari code berikut

kemudian masukkan code dibawah ini tepat dibawah code yang dicari tadi

border: 1px dashed #BDBDBD;
border-radius:5px;">
line-height:1.8em;
 margin: 1.5em 0 .5em;

semoga berhasil .. .