Home Profile Opinion Academic Experience Tutorial

Selasa, 16 Februari 2016

Cute Minititle (2)

Sebelum Hover

Sesudah Hover

  Hai teman-teman! Assalamu'alaikum! Dea Request nih cara bikin minititle yang dibawah sidebar itu. Yuk kita lihat tutorialnya!



1. Dashboard
2. Template
3. Edit HTML
4. Cari kode ]]></b:skin>
5. Copy kode dibawah ini DIATAS kode yang kamu cari
.smalltitle {
-webkit-transition:All 0.8s ease ;
-moz-transition:All 0.84s ease ;
-o-transition:All 0.8s ease ;
margin:10px;
color: #fea5c2;
font-size: 13px;
font-family: Delius Swash Caps;
text-align:center;
letter-spacing: 2px;
background:#fff5f5;
border:2px solid #ffe5e6;
line-height:18pt ;
background-image:url(URL ICON);
background-position:left;
background-repeat:no-repeat;
border-radius:5px;
}
.smalltitle:hover {
margin:10px;
text-align:center;
letter-spacing: 2px;
line-height:18pt ;
background-image:url(URL ICON);
border:2px dotted #ffe5e6;
background-position:right;
background-repeat:no-repeat;
border-radius:15px;
}
-edit-edit dulu
6. Save

Sudah selesai?? Eh, belum ikuti dulu cara pemasangannya dibawh ini

Cara Pemasangan

1. Dashboard
2. Tata Letak
3. Ke widget yang ingin kamu tambahkan Minititle
4. Copy kode dibawah ini
<div class="smalltitle">YOUR TEXT</div>
-ganti tulisan warna merah dengan text kamu
5. Save






Terima kasih telah membaca, tinggalkan komentar ya!

4 komentar:

^_^ Komentar yang Baik ya! ^_^

Related Posts Plugin for WordPress, Blogger...