Cara Membuat Bingkai/Kotak Pada Sidebar
Setelah kemarin saya dipusingkan dengan tidak munculnya kotak komentar di bawah postingan, pada template WP Polaroid ini juga halaman sidebar tidak ada bingkai/kotaknya. Hal ini membuat tampilan blog saya menjadi kurang rapi. Dan Alhamdulillah kemarin saya telah bisa menampilkan kotak komentar di bawah postingan karena masukan beberapa teman blogger.
Mungkin sebagian dari kita tidak begitu masalah dengan ada atau tidaknya bingkai/kotak pada sidebar ini. Tetapi bagi saya sebuah bingkai pada sidebar menambah rapi tampilan blog. Pada awalnya tampilan dasar blog saya pada halaman sidebar tidak ada bingkai/kotaknya. Dan saya berusaha untuk membuat kotak pada halaman sidebar ini.
Nah, jika kita ingin membuat bingkai/kotak pada sidebar ini, caranya hanya menambahkan sedikit kode pada templatenya. Login terlebih dahulu kemudian masuk ke halaman Tata Letak dan pilih Edit HTML. Setelah itu kita cari kode ]]></b:skin>, dan menambahkan kode ini diatasnya. Inilah kode yang bisa kita tambahkan itu.
Kita tinjau hasil editannya, dan jika berhasil kemudian simpan. Maka ilustrasi tampilannya akan seperti pada sidebar di blog saya ini. Oya, untuk padding dan margin-bottom bisa kita sesuaikan dengan selera kita, tentunya disesuaikan dengan template dan unsure estetika blog kita. Halah…hehehe…
Mungkin hanya itu yang bisa saya tulis hari ini. Dan jika ada sobat yang memberikan tambahan serta masukannya, saya mengucapkan banyak terimakasih.
Mungkin sebagian dari kita tidak begitu masalah dengan ada atau tidaknya bingkai/kotak pada sidebar ini. Tetapi bagi saya sebuah bingkai pada sidebar menambah rapi tampilan blog. Pada awalnya tampilan dasar blog saya pada halaman sidebar tidak ada bingkai/kotaknya. Dan saya berusaha untuk membuat kotak pada halaman sidebar ini.
Nah, jika kita ingin membuat bingkai/kotak pada sidebar ini, caranya hanya menambahkan sedikit kode pada templatenya. Login terlebih dahulu kemudian masuk ke halaman Tata Letak dan pilih Edit HTML. Setelah itu kita cari kode ]]></b:skin>, dan menambahkan kode ini diatasnya. Inilah kode yang bisa kita tambahkan itu.
.sidebar .widget{
padding:5px 5px 5px 5px;
border:1px solid #C11209;
margin-bottom:5px}
padding:5px 5px 5px 5px;
border:1px solid #C11209;
margin-bottom:5px}
Kita tinjau hasil editannya, dan jika berhasil kemudian simpan. Maka ilustrasi tampilannya akan seperti pada sidebar di blog saya ini. Oya, untuk padding dan margin-bottom bisa kita sesuaikan dengan selera kita, tentunya disesuaikan dengan template dan unsure estetika blog kita. Halah…hehehe…
Mungkin hanya itu yang bisa saya tulis hari ini. Dan jika ada sobat yang memberikan tambahan serta masukannya, saya mengucapkan banyak terimakasih.
thx ya mbak... bisa jadi referensi saya nih nanti...
Info yg sangat berguna ...
sayang saya manusia gaptek
@psychosocial : Thanks juga sob, trims udh berkunjung
@abrus : Tdk apa2 sob, sy jg sebenarnya gaptek, jd sama2 gabtek kita,hehehe
Wah Trik yang bagus... Salam kenal Sobat!
wah makasih sob, tutorialnya di sini keren,, keren ,, siukses ya,,,
oiya sob, dengan senang hati sob, kalu kamu mau tukaran link sama saya,,, saya udah folow tu sob,,,,
sob linknya sudah di pasang,,,
hagzhagzaghzgha QK udah nggak pake blogspot lagi hehe
HIDUP!!! ^_^
Terima kasih info bermanfaatnya
wah,,,
thx ya udah sharing,,,,
Alhamdulilah nambah wawasan lagi. thanks for share these. very informative
wah tutorial yang bermanfaat terutama buat yang pemula seperti kami, thanksnya, mohon maaf baru sempat berkunjung sekalian follow
@akhatam : salam kenal kembali sobat
@Anak Jambi : trimakasih sobat ya, saya jg udh follow blognya
@kikakirana : iya mbak ini hanya utk blogspot, maklum masih belajar mbak, msh new B jg saya, jd blm pernah pake wordpress
@Osi : trimakasih sobat
@Ladyulia : thx kmbli sobat, thx udh berkunjung
@Heru Kurniawan : Thx kmbli sobat, msh belajar jg saya sob
@JOLA76 : Wah mas kok merendah seh, justru saya yg pemula mas, saya buka2 blo mas isinya luar biasa. Master malahan mas tuh, saya yg bnyk belajar dr mas, thx ya mas
wah ko gak ngefek y sist d blog ane...
pa blog ane dah error. :)
dah sukses sist...
terima kasih banyak...
artikelnya bagus banget..
saya udah coba di blog saya. www.ilham-armadi.blogspot.com
Salut buat anda ... blog anda ini rapi sekali dan enak silihatnya ..... kapan-kapan mampir ke tempat aku di www.chorddigital.blogspot.com
Tapi kalau blognya gak rapi jangan dikomentari ya ... he .. he ...
keren gan, info yang bermanfaat buat saya, makasih gan...
Artikel yang menarik. Kami sudah menerapkan dan nyata hasilnya di blog kami.. Silahkan mengunjungi TipsKilat
Terimakasih.. :)
sudah dicoba dan dipraktekan, terimakasih
kebetulan template saya belum punya bingkainya...terimakasih tutorialnya..
mantap infonya dan makasih.
Terimakasih atas infonya ya sob, sangat bermanfaat, salam kenal dan salam sukses!
Menarik sekali sob, terimakasih ya, sangat bermanfaat, salam kenal dari saya...!
Hands down, Apple's app store wins by a mile. It's a huge selection of all sorts of apps vs a rather sad selection of a handful for Zune. Microsoft has plans, especially in the realm of games, but I'm not sure I'd want to bet on the future if this aspect is important to you. The iPod is a much better choice in that case.
itu untuk blogger yq masbro?
coba dulu yah gan
new free download games new free download games games for pc games for android games for girls games for kids bisnis online gratis judul skripsi tarbiyah pai peluang usaha online
Terimakasih infonya bro
Terima kasih tipsnya. Sangat berguna bagi kami.
Terimakasih banyak untuk infonya
Good artikel
Good post
baru kali ini nih gan aku ngebaca artikel yang sangat bagus,ditgu ya yg artikel selanjutnya..!!
Nice post gan, sangat membantu
A great post - I continually feel that it's less simple than I previously thought.
That is great to hear, thank you for reading!
Thank you, that was just an awesome post!!!