Nulisku Desain Blog Cara Membuat Satu Kolom Widget di Atas Artikel Posting

Cara Membuat Satu Kolom Widget di Atas Artikel Posting

Cara Membuat Satu Kolom Widget di Atas Artikel Posting – Apabila sobat menginginkan sebuah desain blog dengan keberadaan featured post di atas blog post (artikel posting), tentu memerlukan sebuah ruang kosong berupa widget untuk memasukkan kode html yang berfungsi memanggil konten slider ataupun tidak dari fetaured post tersebut.

Sebagai salah satu contoh adalah SL Style Magz, sebuah template dengan featured post berada tepat di atas artikel posting (blog post). Walaupun tidak semua template dengan keberadaan fetured post yang tanpa memerlukan ruang kosong khusus widget tersebut juga ada. Oleh karena itu, tips kali ini berlaku bagi sobat yang memang menginginkan pengembangan dari sebuah template lain yang sekiranya memerlukan tambahan ruang widget di atas blog post tersebut.

Cara Membuat Satu Kolom Widget di Atas Blog Post

Untuk lebih jelasnya, berikut langkah-langkahnya:
1. Buka akun blogger > pilih template > mode HTML
2. Copas kode di bawah ini di atas kode ]]></b:skin>

.slide-wrapper {padding:0 auto;margin:0 auto;width:auto;float: left;
word-wrap: break-word; overflow: hidden;}
.slide {color: #666666;line-height: 1.3em;}
.slide ul {list-style:none;margin:0 0 0;padding:0 0 0;}
.slide li {margin:0;padding-top:0;
padding-right:0;padding-bottom:.25em;
padding-left:0px;text-indent:0px;line-height:1.3em;}
.slide .widget {margin:0px 0px 6px 0px;}

3. Copas kode di bawah ini di atas kode <div id=’main-wrapper’>

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='slide-wrapper'>
<b:section class='slide' id='slide' preferred='yes'/>
</div>
</b:if>

4. Save template

Untuk tampilannya kurang lebih seperti ini:
one colomn widget
one colomn widget
Demikian tips desain blog kali ini. Semoga dengan artikel Cara Membuat Satu Kolom Widget di Atas Artikel Posting ini membuat blog sobat lebih keren untuk dikembangkan.
Salam.
7 Likes

Author: admin

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *