Perlu diketahui sebelumnya bahwa kode di bawah ini terdapat pada kode template bawaan blogger, jadi jika blog sobat pembaca menggunakan template selain dari blogger, kemungkinan kode di bawah ini tidak ada.
1. Membuat separator line (garis pemisah) antara sidebar dengan postingan :
Untuk garis pemisah sebelah kiri, temukan kode berikut pada Edit HTML :
.fauxcolumn-left-outer .fauxcolumn-inner {
border-right: 3px dotted #C2D6D6;
border-right: 3px dotted #C2D6D6;
Untuk garis pemisah sebelah kanan, temukan kode berikut pada Edit HTML :
.fauxcolumn-right-outer .fauxcolumn-inner {
border-left: 3px dotted #C2D6D6;
border-left: 3px dotted #C2D6D6;
Keterangan :
3px : tebalnya garis pemisah
dotted : jenis pemisah bentuk bundaran ("solid" untuk garis lurus, "dashed" untuk garis putus-putus)
#C2D6D6 : warna garis pemisah
Mengatur letak separator line (garis pemisah) antara sidebar dengan postingan :
Untuk garis pemisah di sebelah kiri, temukan kode berikut pada Edit HTML :
.main-inner .fauxcolumn-left-outer {
width: 270px;
.main-inner .fauxcolumn-right-outer {
width: 270px;
width: 270px;
Untuk garis pemisah di sebelah kanan, temukan kode berikut pada Edit HTML :
.main-inner .fauxcolumn-right-outer {
width: 270px;
Keterangan :
270px : untuk mengatur letak garis pemisah
Mengatur jarak posting dari sidebar :
Temukan kode berikut pada Edit HTML :
.post {
margin: 0 0 $(post.margin.bottom) 0;
padding-left: 40px;
margin: 0 0 $(post.margin.bottom) 0;
padding-left: 40px;
Keterangan :
40px : untuk mengatur jarak posting
padding-left : hanya mengatur jarak sisi kiri
padding-right : hanya mengatur jarak sisi kanan
padding : mengatur jarak sisi kanan juga kiri
Kalo 1 kolom kayak punya ane gimana, nis?
BalasHapusga ngerti juga eksak, yang sy share di atas itu cuma hasil nemu sendiri >__<
Hapussy posting biar ga lupa.
salam gan ...
BalasHapusmenghadiahkan Pujian kepada orang di sekitar adalah awal investasi Kebahagiaan Anda...
di tunggu kunjungan balik.nya gan !
trimakasih atas kunjungannya, sy ke TKP :)
Hapusmungkin tiap template beda beda yah....
BalasHapusiya pak eL...
HapusKunci keberhasilan adalah menanamkan kebiasaan sepanjang hidup Anda untuk melakukan hal - hal yang Anda takuti.
BalasHapustetap semangat tinggi untuk jalani hari ini ya gan ! ditunggu kunjungannya :D
Trimakasih :)
Hapusanda tidak akn pernah di kalahkan selama anda tidak jpernah menyerah ""...thanksss
BalasHapustrimakasih sdh berkunjung :)
HapusBlogmu tambah cantik Nhis .. :)
BalasHapusmakasih kak, lagi suka yang putih2 ji, hehe...
Hapussama-sama :)
BalasHapuskunjungan gan .,.
BalasHapusMenjaga kepercayaan orang lain lebih penting daripada membangunnya.,.
di tunggu kunjungan balik.na gan.,.
makasih kunjungannya pak, ke TKP :)
Hapuswaduh kok gak bisa ya. susahnya
BalasHapusmungkin template bapak bukan bawaan blogger ?
Hapusini yg gue cari dari dulu :') thx bang
BalasHapussama-sama, tp diriku bukan bang2 lho ya :)
Hapusane kok nggak bisa ya kakak-____-
BalasHapusThanks sob kebetulan lagi butuh nih
BalasHapusmataps,berhasil,, hanya 1 tutorial yang ane temuin di google sangat bermanfaat,
BalasHapusd tunggu kunjungan baliknya gan
Wah ini yang saya cari-cari, ahirnya ketemu juga, mau ngilangin border sebelah kanan tapi gak tau css nya dimana, terima kasih banyak Mba, tulisan Anda sangat bermanfaat.
BalasHapusmakasih banyak infonya kak :D work hehe
BalasHapus