Cara memasang Divider pada sidebar blog
Kalau melihat gambar di atas ada ribon pita warna pink itu adalah yang disebut divider, contohnya di sidebar blog aku ini juga ada. Jadi sekarang aku akan menulis cara memasangnya, divider itu banyak banget pilihannya tekan free divider kalau mau memilih divider yang cantik-cantik sesuai keinginan anda. Jadi cara memasang divider pada sidebar blog inilah langkah-langkahnya:
1.Dashboard > Template > edit HTML
2.Tick Expand template widget dan tekan F3/CTRL + F dan cari kode:
.sidebar .widget {
3. Di bawah kode diatas contohnya:
.sidebar .widget {atau (karena mungkin setiap template blog tidak sama)
margin-bottom: 1em;}
.sidebar .widget, .main .widget { border-bottom:1px dotted $bordercolor; margin:0 0 1.5em; padding:0 0 1.5em; }
4.Hapus yang aku tandai dengan warna merah seperti diatas kalau ada kode itu, dan gantikan dengan kode seperti di bawah ini, sehingga jadinya:
.sidebar .widget {
margin:0 0 1.5em;
padding:0 0 50px;
background-image: url(http://i1243.photobucket.com/albums/gg546/alice4ja/5196c365g59531c554c35.gif);
background-position: bottom;
background-repeat: no-repeat;
}
Yang aku tandai warna biru itu adalah URL DIVIDER contoh dari aku/pita/ribon, dan anda boleh mengggantinya dengan url divider yang lain.
5.Tekan pratinjau dulu untuk melihat jadi apa enggak, kalau jadi baru simpan template xD.
3 comments for "Cara memasang Divider pada sidebar blog"