Sidebar Title Like Mine [BLOGSKIN]

00:14


Hi!
Malam ini aku mau post tentang tutorial membuat sidebar title like mine, tapi untuk blogskin yaww :3 soalnya, aku engga pernah pake denim, dan karena aku ini mantan pengguna blogskin. Tapi bagi kamu yang mungkin udah ahli template denim ataupun designer lainnya, mungkin bisa dicoba.


Sejujurnya, aku juga bingung sendiri membuat tutorial ini. Jadi kalau nanti ada pertanyaan yang tidak bisa kujawab harap maklum, ya. Aku benar-benar sudah lupa tentang kode-kodean.

Tutorial ini di request oleh Gifta:



Pertama, copy kode berikut ini, dan taruh diantara kode <style> dan </style>

.sidebar-title {
font-family: FONTMU;
font-size: 26px;
font-weight: 700;
font-style: normal;
line-height: 1.25;
letter-spacing: 2px;
text-transform: uppercase;
text-align: center;
margin-bottom: -20px;
text-overflow: ellipsis;
display: inline-block;
padding-left: 30px;
padding-right: 30px;
background-color: #fff;
white-space: nowrap;
overflow: hidden;
}
.box {
width: 250px;
margin-right: 0;
float: none;
margin-bottom: 30px;
padding: 30px;
border-width: 4px;
border-style: double;
border-color: rgba(34,34,34,0.1);

Ket :
Bold : Nama font yang ingin kamu gunakan
Pink : ukuran font
Hijau : Letak title [PENTING: kode ini sangat penting, karena mempengaruhi letak judul nantinya. Jadi, akan lebih baik jika di preview terlebih dahulu sebelum menekan tombol save. Kamu bisa menggantinya dengan margin-top, jika kode diatas tidak mempan]

Oya, sebelum menaruh kodenya, kamu bisa mengedit-edit warna font, bentuk font, border style dll. Sesuai yang kamu harapkan. Untuk edit mengedit bisa langsung meluncur ke website HTML Editor.

Setelah puas dan menempel kode tersebut diantara kode <style> dan </style>, taruh kode berikut di bawah </style> atau ditempat yang biasanya kamu taruh kode sidebar widgetmu.

<center>
<div class="sidebar-title">Heiho!</div>
<div class="box">
<center>[ISI WIDGETMU]</center>
</div>

Sebelum klik save, mungkin bisa di review dulu agar tidak menyesal nantinya.

Bagaimana? Apakah berhasil?
Silakan tanyakan padaku, jika memang ada masalah saat pemasangan. Terima kasih bagi yang sudah baca, ataupun hanya sekedar visit. Jangan lupa follow agar tidak ketinggalan berita lainnya.
Sekali lagi terima kasih :D

You Might Also Like

1 comments

Saran dan kritik sangat dibutuhkan untuk kemajuan blog ini.... Terima kasih atas masukkannya :)

Like us on Facebook